html.site-preloader-pending {
  overflow: hidden;
}

html.site-preloader-pending .site-preloader {
  display: flex;
}

.site-preloader {
  position: fixed;
  inset: 0;
  z-index: 99999;
  display: none;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  background: var(--hdr-bg, #0a0c10);
  transition:
    opacity 0.6s cubic-bezier(0.4, 0, 0.2, 1),
    visibility 0.6s;
}
.site-preloader.is-hidden {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.site-preloader__content {
  width: 200px;
  text-align: center;
  transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

.site-preloader.is-hidden .site-preloader__content {
  transform: scale(0.9);
}

.site-preloader__logo {
  display: block;
  width: auto;
  max-width: min(180px, 100%);
  height: auto;
  margin: 0 auto 30px;
  animation: site-preloader-pulse 2s infinite ease-in-out;
}

.site-preloader__line {
  position: relative;
  width: 100%;
  height: 2px;
  overflow: hidden;
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.1);
}
.site-preloader__line::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background: var(--hdr-accent, #ac1e1e);
  animation: site-preloader-line 1.5s infinite ease-in-out;
}

@keyframes site-preloader-pulse {
  0%,
  100% {
    transform: scale(1);
    opacity: 0.8;
  }
  50% {
    transform: scale(1.05);
    opacity: 1;
  }
}

@keyframes site-preloader-line {
  0% {
    width: 0;
    left: 0;
  }
  50% {
    width: 100%;
    left: 0;
  }
  100% {
    width: 0;
    left: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .site-preloader__logo,
  .site-preloader__line::after {
    animation: none;
  }

  .site-preloader,
  .site-preloader__content {
    transition: opacity 0.2s ease, visibility 0.2s ease;
  }

  .site-preloader.is-hidden .site-preloader__content {
    transform: none;
  }
}

html {
  --hdr-bg: #0a0c10;
  --hdr-page-bg: #0a0c10;
  --hdr-header-bg: #11141a;
  --hdr-search-bg: #1c2128;
  --hdr-search-fg: #8b949e;
  --hdr-search-focus: #e63034;
  --hdr-search-focus-glow: rgba(230, 48, 52, 0.45);
  --hdr-search-suggest-bg: var(--hdr-header-bg);
  --hdr-search-item-border: #2d343c;
  --hdr-menu-bg: #161618;
  --hdr-menu-hover: #1e1e22;
  --hdr-field: var(--hdr-search-bg);
  --hdr-field-border: rgba(255, 255, 255, 0.1);
  --hdr-text: #fafafa;
  --hdr-muted: #a3a3a3;
  --hdr-login: #0dbb68;
  --hdr-login-hover: #12d176;
  --hdr-register: #e52f33;
  --hdr-register-hover: #f04549;
  --hdr-btn-fg: #fdfcfd;
  --hdr-search-item-fg: var(--hdr-btn-fg);
  --hdr-accent: #ac1e1e;
  --hdr-accent-hover: #c42525;
  --hdr-info: #3b82f6;
  --hdr-info-hover: #60a5fa;
  --hdr-warn: #d4a017;
  --hdr-white: #ffffff;
  --hdr-line: #2d303a;
  --hdr-icon-border: #e6e6e8;
  --hdr-icon-fg: #ac1e1e;
  --hdr-icon-border-w: 1.5px;
  --hdr-ghost-border: #262626;
  --hdr-frame-drop: 0 12px 32px rgba(0, 0, 0, 0.16);
  --hdr-frame-radius: 14px;
  --hdr-logo-height: 48px;
  --hdr-inner-pad-y: 10px;
  --hdr-inner-pad-x: 14px;
  --hdr-shell-gutter: var(--hdr-inner-pad-x);
  --hdr-shell-edge: 0;
  --hdr-shell-gap: var(--hdr-inner-pad-x);
  --hdr-font: 15px;
  --hdr-font-sm: 14px;
  --hdr-font-xs: 13px;
  --hdr-btn-h: 40px;
  --hdr-btn-h-sm: 38px;
  --hdr-btn-radius: 10px;
  --hdr-btn-pad-x: 12px;
  --hdr-btn-font-size: var(--hdr-font-sm);
  --hdr-icon-btn-size: 40px;
  --hdr-field-control-h: 40px;
  --hdr-ctrl-h: 40px;
  --hdr-modal-width: 420px;
  --hdr-modal-width-lg: 480px;
  --hdr-modal-radius: 14px;
  --hdr-modal-pad: 14px 16px;
  --hdr-modal-title-size: 15px;
  --hdr-media-thumb: 48px;
  --hdr-media-thumb-radius: 12px;
  --hdr-scroll-size: 10px;
  --hdr-scroll-thumb: var(--hdr-accent);
  --hdr-scroll-thumb-hover: var(--hdr-accent-hover);
  --hdr-nav-row: 0px;
  --site-header-offset: calc(
    (var(--hdr-inner-pad-y) * 2)
    + var(--hdr-ctrl-h)
    + 8px
    + var(--hdr-ctrl-h)
    + 1px
  );
  --hdr-sep: var(--hdr-line);
  --hdr-frame-border: var(--hdr-line);
  --hdr-frame-shadow: 0 1px 0 rgba(255, 255, 255, 0.06), var(--hdr-frame-drop);
  --oauth-google-bg: #1c1c1e;
  --oauth-google-bg-hover: #252528;
  --oauth-google-border: rgba(255, 255, 255, 0.14);
  --oauth-google-border-hover: rgba(255, 255, 255, 0.22);
  --oauth-google-text: #f4f4f5;
  --oauth-telegram-bg: #229ed9;
  --oauth-telegram-bg-hover: #1b8fc6;
  --oauth-telegram-border: rgba(34, 158, 217, 0.55);
  --oauth-telegram-border-hover: rgba(27, 143, 198, 0.85);
  --oauth-telegram-text: #ffffff;
  color-scheme: dark;
  background-color: var(--hdr-page-bg);
  scrollbar-gutter: auto;
}

@media (max-width: 1023px) {
  * {
    scrollbar-width: none;
  }
  *::-webkit-scrollbar {
    width: 0;
    height: 0;
  }
  .site-only-desktop {
    display: none;
  }
  .site-main {
    padding: var(--hdr-shell-gap) var(--hdr-shell-gutter);
    box-sizing: border-box;
  }
}

@media (max-width: 420px) {
  .header-auth > .header-btn {
    width: auto;
    min-width: min-content;
    padding: 0 8px;
    gap: 4px;
  }

  .header-search__row {
    --hdr-search-pad-l: 10px;
  }

  .header-logged {
    gap: 6px;
  }
}

.site-body {
  margin: 0;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  font-family:
    'Outfit',
    -apple-system,
    BlinkMacSystemFont,
    'Segoe UI',
    Roboto,
    sans-serif;
  font-size: var(--hdr-font, 14px);
  font-weight: 400;
  line-height: 1.6;
  background: var(--hdr-page-bg, #0a0c10);
  color: var(--hdr-text, #fafafa);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

.site-main {
  flex: 1 1 auto;
}

.site-header {
  --hdr-height: 60px;
  --hdr-ctrl-h: 40px;
  position: relative;
  z-index: 100;
  background: var(--hdr-header-bg);
  border-bottom: 1px solid var(--hdr-line);
  box-sizing: border-box;
}

.site-header.is-cats-open,
.site-header.is-search-open,
.site-header.is-profile-open,
.site-header.is-notify-open {
  z-index: 12050;
}

.header-inner {
  padding: var(--hdr-inner-pad-y) var(--hdr-inner-pad-x);
}

.header-top {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 16px;
  min-height: var(--hdr-ctrl-h);
  position: relative;
  z-index: 2;
}

.header-brand {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  flex: 0 0 auto;
  height: auto;
  align-self: center;
  margin-inline-end: 6px;
}

.header-menu-toggle {
  display: none;
}

.header-menu-toggle__bars {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 5px;
  width: 20px;
}

.header-menu-toggle__bar {
  display: block;
  height: 2px;
  border-radius: 999px;
  background: currentColor;
}

.header-menu-toggle__bar:nth-child(1) {
  width: 100%;
}

.header-menu-toggle__bar:nth-child(2) {
  width: 72%;
}

.header-menu-toggle__bar:nth-child(3) {
  width: 44%;
}

.header-brand__logo {
  flex: 1 1 auto;
  min-width: 0;
  max-width: min(100%, calc(var(--hdr-logo-height) * 3));
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  height: var(--hdr-logo-height);
}

.header-brand__logo:focus-visible {
  outline: 2px solid var(--hdr-register);
  outline-offset: 4px;
  border-radius: var(--hdr-btn-radius);
}

.header-brand__logo-img {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: var(--hdr-logo-height);
  object-fit: contain;
  object-position: left center;
  pointer-events: none;
}

.header-search {
  position: relative;
  flex: 1 1 auto;
  min-width: 0;
  width: 100%;
  max-width: none;
  margin: 0;
  z-index: 1;
  height: var(--hdr-ctrl-h);
  display: flex;
  align-items: center;
}

.header-search:focus-within,
.site-header.is-search-open .header-search {
  z-index: 40;
}

.header-top-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
  height: var(--hdr-ctrl-h);
  margin-left: auto;
}

.header-search__row {
  --hdr-search-pad-l: 14px;
  --hdr-search-pad-r: 6px;
  --hdr-search-submit: calc(var(--hdr-ctrl-h) - 10px);
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  height: var(--hdr-field-control-h, var(--hdr-ctrl-h));
  padding: 0 var(--hdr-search-pad-r) 0 var(--hdr-search-pad-l);
  border: 1px solid var(--hdr-ghost-border);
  border-radius: var(--hdr-btn-radius);
  background: var(--hdr-search-bg);
  color: var(--hdr-search-fg);
  box-sizing: border-box;
  transition: border-color 0.18s ease, box-shadow 0.18s ease;
}

.header-search__row:focus-within {
  background: var(--hdr-search-bg);
  border-color: var(--hdr-search-focus);
  box-shadow:
    0 0 0 1px var(--hdr-search-focus),
    0 0 14px 2px var(--hdr-search-focus-glow);
}

.header-search__row:focus-within .header-search__submit,
.header-search__row:focus-within .header-search__submit:hover {
  color: var(--hdr-search-focus);
}

.header-search__input {
  flex: 1 1 auto;
  min-width: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  outline: none;
  appearance: none;
  -webkit-appearance: none;
  background: transparent;
  color: var(--hdr-btn-fg);
  font: inherit;
  font-size: var(--hdr-font-sm);
  font-weight: 500;
  line-height: 1.2;
  caret-color: var(--hdr-search-focus);
}

.header-search__input::-webkit-search-decoration,
.header-search__input::-webkit-search-cancel-button,
.header-search__input::-webkit-search-results-button,
.header-search__input::-webkit-search-results-decoration {
  display: none;
  -webkit-appearance: none;
}

.header-search__input::placeholder {
  color: transparent;
}

.header-search__hint {
  position: absolute;
  left: var(--hdr-search-pad-l);
  right: calc(var(--hdr-search-pad-r) + var(--hdr-search-submit) + 8px);
  top: 50%;
  transform: translateY(-50%);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  pointer-events: none;
  color: var(--hdr-search-fg);
  font-size: var(--hdr-font-sm);
  font-weight: 500;
  line-height: 1.2;
}

.header-search__hint::after {
  content: "";
  display: inline-block;
  width: 1.5px;
  height: 1em;
  margin-left: 1px;
  vertical-align: -0.12em;
  background: var(--hdr-search-focus);
  animation: header-search-caret 0.9s step-end infinite;
}

.header-search.is-filled .header-search__hint {
  opacity: 0;
}

@keyframes header-search-caret {
  0%,
  100% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}

.header-search__submit {
  appearance: none;
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: var(--hdr-search-submit);
  height: var(--hdr-search-submit);
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: var(--hdr-btn-radius);
  background: transparent;
  color: var(--hdr-btn-fg);
  cursor: pointer;
  transition: color 0.18s ease;
}

.header-search__submit:hover {
  color: var(--hdr-icon-fg);
  background: transparent;
}

.header-search__submit:focus-visible {
  color: var(--hdr-icon-fg);
  background: transparent;
  outline: 2px solid color-mix(in srgb, var(--hdr-icon-fg) 45%, transparent);
  outline-offset: 2px;
}

.header-search__submit i,
.header-search__submit svg {
  width: 16px;
  height: 16px;
  display: block;
  fill: none;
  stroke: currentColor;
}

.header-search__suggest {
  position: absolute;
  left: 0;
  right: 0;
  top: calc(100% + 8px);
  z-index: 50;
  max-height: min(58vh, 420px);
  overflow: auto;
  padding: 6px;
  border: 1px solid var(--hdr-search-item-border);
  border-radius: 12px;
  background: var(--hdr-search-suggest-bg);
  box-shadow: var(--hdr-frame-drop);
  box-sizing: border-box;
  scrollbar-width: none;
}

.header-search__suggest::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}

.header-search__suggest[hidden] {
  display: none !important;
}

.header-search__suggest-empty {
  padding: 12px 10px;
  color: var(--hdr-search-fg);
  font-size: var(--hdr-font-xs);
  font-weight: 600;
  text-align: center;
}

.header-search__suggest-section + .header-search__suggest-section {
  margin-top: 6px;
  padding-top: 6px;
  border-top: 1px solid var(--hdr-search-item-border);
}

.header-search__suggest-label {
  padding: 4px 10px 6px;
  color: var(--hdr-search-fg);
  font-size: var(--hdr-font-xs);
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.header-search__suggest-item {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  padding: 8px 10px;
  border-radius: 10px;
  border: 1px solid var(--hdr-search-item-border);
  background: transparent;
  color: var(--hdr-search-item-fg);
  text-decoration: none;
  margin-bottom: 6px;
  box-sizing: border-box;
  transition: border-color 0.15s ease, background 0.15s ease;
}

.header-search__suggest-item:last-child {
  margin-bottom: 0;
}

.header-search__suggest-item:hover,
.header-search__suggest-item:focus-visible {
  background: transparent;
  border-color: var(--hdr-icon-border);
  outline: none;
}

.header-search__suggest-thumb {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  flex-shrink: 0;
  border-radius: var(--hdr-btn-radius);
  overflow: hidden;
  border: 1px solid var(--hdr-search-item-border);
  background: transparent;
  color: var(--hdr-search-focus);
  box-sizing: border-box;
}

.header-search__suggest-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.header-search__suggest-thumb i,
.header-search__suggest-thumb svg {
  width: 16px;
  height: 16px;
  display: block;
  fill: none;
  stroke: currentColor;
}

.header-search__suggest-text {
  min-width: 0;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  gap: 1px;
}

.header-search__suggest-name {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--hdr-search-item-fg);
  font-size: var(--hdr-font-xs);
  font-weight: 700;
  line-height: 1.3;
}

@media (max-width: 1023px) {
  .site-header {
    overflow: visible;
  }

  .site-header .header-inner {
    padding-left: max(6px, env(safe-area-inset-left, 0px));
    padding-right: max(6px, env(safe-area-inset-right, 0px));
    overflow: visible;
  }

  .header-top {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas:
      "brand actions"
      "search search";
    align-items: center;
    justify-content: stretch;
    column-gap: 8px;
    row-gap: 8px;
    min-height: 0;
  }

  .header-brand {
    grid-area: brand;
    flex: none;
    width: auto;
    min-width: 0;
    gap: 4px;
  }

  .header-brand__logo {
    max-width: min(100%, calc(var(--hdr-logo-height) * 2.4));
  }

  .header-menu-toggle {
    display: inline-flex;
    margin-left: -2px;
  }

  .header-search {
    grid-area: search;
    flex: none;
  }

  .header-top-actions {
    grid-area: actions;
    position: relative;
    z-index: 3;
    justify-self: end;
    margin-left: 0;
    gap: 6px;
    max-width: 100%;
  }

  .header-logged {
    overflow: visible;
  }

  .header-auth {
    --hdr-auth-gap: 6px;
    display: inline-flex;
    grid-template-columns: none;
    align-items: center;
    height: var(--hdr-ctrl-h);
    max-width: 100%;
  }

  .header-auth > .header-btn {
    flex: 0 0 auto;
    width: auto;
    min-width: min-content;
    height: var(--hdr-ctrl-h);
    min-height: var(--hdr-ctrl-h);
    padding: 0 10px;
    font-size: var(--hdr-font-sm);
    gap: 5px;
    justify-content: center;
  }

  .header-auth > .header-btn svg,
  .header-auth > .header-btn i {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
  }
}

.header-auth {
  --hdr-auth-gap: 8px;
  --hdr-auth-shine-dur: 4.2s;
  position: relative;
  display: inline-grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  gap: var(--hdr-auth-gap);
  flex-shrink: 0;
  height: var(--hdr-ctrl-h);
  max-width: 100%;
}

.header-auth > .header-btn {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

.header-auth__heart {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 6;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  margin: 0;
  pointer-events: none;
  transform: translate(-50%, calc(-50% - 28px)) scale(0);
  opacity: 0;
  animation: header-auth-heart var(--hdr-auth-shine-dur, 4.2s) linear infinite;
  filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.35));
}

.header-auth__heart img {
  display: block;
  width: 18px;
  height: 18px;
  object-fit: contain;
}

@media (max-width: 1023px) {
  .header-auth__heart {
    display: none;
    animation: none;
  }
}

.header-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: var(--hdr-ctrl-h);
  padding: 0 var(--hdr-btn-pad-x);
  border-radius: var(--hdr-btn-radius);
  border: none;
  box-sizing: border-box;
  font-weight: 700;
  font-size: var(--hdr-btn-font-size);
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  color: var(--hdr-btn-fg);
  overflow: hidden;
  isolation: isolate;
  transition: background 0.2s ease, filter 0.2s ease;
}

.header-btn > * {
  position: relative;
  z-index: 1;
}

.header-btn svg,
.header-btn i {
  width: 16px;
  height: 16px;
  color: inherit;
  stroke: currentColor;
}

.header-btn__label--short {
  display: none;
}

@media (max-width: 1023px) {
  .header-auth .header-btn__label--full {
    display: none;
  }

  .header-auth .header-btn__label--short {
    display: inline;
  }

  .header-auth > .header-btn {
    width: auto;
    min-width: min-content;
    padding: 0 10px;
  }
}

.header-btn--shine::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 2;
  width: 30%;
  pointer-events: none;
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(255, 255, 255, 0.2) 35%,
    rgba(255, 255, 255, 0.95) 50%,
    rgba(255, 255, 255, 0.2) 65%,
    transparent 100%
  );
  opacity: 0;
  animation-duration: var(--hdr-auth-shine-dur, 4.2s);
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-delay: 0s;
  animation-fill-mode: both;
}

.header-btn--register.header-btn--shine::after {
  left: 0;
  animation-name: header-auth-shine-to-center-ltr;
}

.header-btn--login.header-btn--shine::after {
  left: 0;
  animation-name: header-auth-shine-to-center-rtl;
  background: linear-gradient(
    270deg,
    transparent 0%,
    rgba(255, 255, 255, 0.2) 35%,
    rgba(255, 255, 255, 0.95) 50%,
    rgba(255, 255, 255, 0.2) 65%,
    transparent 100%
  );
}

.header-btn--login {
  background: var(--hdr-login);
  color: var(--hdr-btn-fg);
}

.header-btn--login:hover {
  background: var(--hdr-login-hover);
  filter: brightness(1.04);
}

.header-btn--register {
  background: var(--hdr-register);
  color: var(--hdr-btn-fg);
}

.header-btn--register:hover {
  background: var(--hdr-register-hover);
  filter: brightness(1.04);
}

@keyframes header-auth-shine-to-center-ltr {
  0%,
  8% {
    left: -30%;
    opacity: 0;
  }
  10% {
    left: -30%;
    opacity: 1;
  }
  36% {
    left: 100%;
    opacity: 1;
  }
  38%,
  100% {
    left: 100%;
    opacity: 0;
  }
}

@keyframes header-auth-shine-to-center-rtl {
  0%,
  8% {
    left: 100%;
    opacity: 0;
  }
  10% {
    left: 100%;
    opacity: 1;
  }
  36% {
    left: -30%;
    opacity: 1;
  }
  38%,
  100% {
    left: -30%;
    opacity: 0;
  }
}

@keyframes header-auth-heart {
  0%,
  35% {
    transform: translate(-50%, calc(-50% - 28px)) scale(0);
    opacity: 0;
  }
  36% {
    transform: translate(-50%, calc(-50% - 30px)) scale(0.5);
    opacity: 0.85;
  }
  42% {
    transform: translate(-50%, calc(-50% - 34px)) scale(1.2);
    opacity: 1;
  }
  52% {
    transform: translate(-50%, calc(-50% - 28px)) scale(1);
    opacity: 1;
  }
  64% {
    transform: translate(-50%, calc(-50% - 28px)) scale(1.05);
    opacity: 1;
  }
  74% {
    transform: translate(-50%, calc(-50% - 40px)) scale(0.65);
    opacity: 0;
  }
  75%,
  100% {
    transform: translate(-50%, calc(-50% - 28px)) scale(0);
    opacity: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .header-btn {
    transition: none;
  }

  .header-btn--shine::after,
  .header-auth__heart {
    animation: none;
    display: none;
  }

  .header-btn--login:hover,
  .header-btn--register:hover {
    filter: none;
  }
}

.header-logged {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
  height: var(--hdr-ctrl-h);
  position: relative;
  z-index: 1;
  overflow: visible;
}

.header-tool {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--hdr-icon-btn-size);
  height: var(--hdr-icon-btn-size);
  border-radius: var(--hdr-btn-radius);
  border: var(--hdr-icon-border-w) solid var(--hdr-ghost-border);
  background: transparent;
  color: var(--hdr-search-fg);
  text-decoration: none;
  box-sizing: border-box;
  overflow: visible;
  cursor: pointer;
  appearance: none;
  font: inherit;
  padding: 0;
  transition: border-color 0.18s ease, color 0.18s ease, box-shadow 0.18s ease;
}

.header-tool i,
.header-tool svg {
  width: 18px;
  height: 18px;
  display: block;
  color: inherit;
  fill: none;
  stroke: currentColor;
}

.header-tool:hover,
.header-tool:focus-visible,
.header-tool.is-open {
  background: transparent;
  border-color: var(--hdr-search-focus);
  color: var(--hdr-search-focus);
  box-shadow:
    0 0 0 1px var(--hdr-search-focus),
    0 0 14px 2px var(--hdr-search-focus-glow);
  outline: none;
}

.header-tool.header-menu-toggle {
  border: 0;
  background: transparent;
  box-shadow: none;
}

.header-tool.header-menu-toggle:hover,
.header-tool.header-menu-toggle:focus-visible,
.header-tool.header-menu-toggle.is-open {
  border: 0;
  background: transparent;
  box-shadow: none;
  color: var(--hdr-icon-fg);
}

.header-tool__badge {
  position: absolute;
  right: -8px;
  bottom: -10px;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 16px;
  height: 16px;
  padding: 0 4px;
  border-radius: 999px;
  background: var(--hdr-register);
  color: var(--hdr-btn-fg);
  font-size: 10px;
  font-weight: 800;
  line-height: 1;
  box-shadow: 0 0 0 2px var(--hdr-header-bg);
  pointer-events: none;
}

.header-tool__badge.is-wide {
  min-width: 20px;
  padding: 0 5px;
}

.header-avatar {
  appearance: none;
  display: inline-flex;
  flex-shrink: 0;
  width: var(--hdr-ctrl-h);
  height: var(--hdr-ctrl-h);
  padding: 0;
  border: 2px solid var(--hdr-login);
  border-radius: 999px;
  background: transparent;
  overflow: hidden;
  text-decoration: none;
  cursor: pointer;
  box-sizing: border-box;
  transition: filter 0.15s ease, border-color 0.15s ease;
  font: inherit;
  color: inherit;
}

.header-avatar__img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 999px;
  object-fit: cover;
  background: transparent;
  box-shadow: none;
  transform: scale(1.14);
  transform-origin: center;
}

.header-avatar:hover,
.header-avatar:focus-visible {
  border-color: var(--hdr-login);
}

.header-avatar:focus-visible {
  outline: 2px solid var(--hdr-accent);
  outline-offset: 2px;
}

.header-avatar--mobile {
  display: none;
}

.header-profile {
  position: relative;
  flex-shrink: 0;
}

.header-profile__menu {
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  z-index: 2;
  width: min(320px, calc(100vw - 24px));
  max-height: min(calc(100dvh - 96px), 640px);
  padding: 14px;
  border-radius: 14px;
  border: 1px solid var(--hdr-frame-border);
  background: var(--hdr-header-bg);
  box-shadow: var(--hdr-frame-drop);
  box-sizing: border-box;
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-width: none;
}

.header-profile__menu::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}

.header-profile__menu[hidden] {
  display: none;
}

.wallet-panel {
  margin-bottom: 10px;
  border-radius: 0;
  border: 0;
  background: transparent;
  box-sizing: border-box;
  overflow: visible;
}

.wallet-panel__card {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px;
  border-radius: 10px;
  border: 1px solid var(--hdr-ghost-border);
  background: transparent;
  box-sizing: border-box;
}

.wallet-panel__avatar-wrap {
  position: relative;
  flex-shrink: 0;
  width: 48px;
  height: 48px;
}

.wallet-panel__avatar {
  display: block;
  width: 100%;
  height: 100%;
  padding: 0;
  border: 0;
  border-radius: 999px;
  overflow: hidden;
  background: transparent;
  box-shadow: none;
  outline: none;
  cursor: pointer;
  appearance: none;
  box-sizing: border-box;
}

.wallet-panel__avatar:focus-visible {
  outline: 2px solid var(--hdr-accent);
  outline-offset: 2px;
}

.wallet-panel__avatar-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 999px;
  transform: none;
  transform-origin: center;
  pointer-events: none;
  background: transparent;
}

.wallet-panel__edit-avatar {
  position: absolute;
  right: -3px;
  bottom: -3px;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  padding: 0;
  border: 2px solid var(--hdr-header-bg);
  border-radius: 999px;
  background: var(--hdr-accent);
  color: var(--hdr-white);
  cursor: pointer;
}

.wallet-panel__edit-avatar:hover,
.wallet-panel__edit-avatar:focus-visible {
  background: var(--hdr-accent-hover);
}

.wallet-panel__edit-avatar i,
.wallet-panel__edit-avatar svg {
  width: 10px;
  height: 10px;
  stroke-width: 2.4;
}

.wallet-panel__summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  flex: 1 1 auto;
  min-width: 0;
  min-height: 48px;
  padding: 2px 2px 2px 0;
  border: 0;
  background: transparent;
  color: inherit;
  cursor: pointer;
  font: inherit;
  text-align: left;
  box-sizing: border-box;
}

.wallet-panel__summary:focus-visible {
  outline: 2px solid var(--hdr-login);
  outline-offset: 2px;
  border-radius: 8px;
}

.wallet-panel__summary-text {
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-width: 0;
}

.wallet-panel__summary-name {
  color: var(--hdr-text);
  font-size: var(--hdr-font-sm);
  font-weight: 800;
  line-height: 1.25;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.wallet-panel__summary-value {
  color: var(--hdr-login);
  font-size: var(--hdr-font-sm);
  font-weight: 700;
  line-height: 1.2;
  font-variant-numeric: tabular-nums;
}

.wallet-panel__chevron {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  color: var(--hdr-muted);
  transition: transform 0.2s ease, color 0.15s ease;
}

.wallet-panel.is-open .wallet-panel__chevron {
  transform: rotate(180deg);
}

.wallet-panel__details {
  padding: 8px 0 0;
  border-top: 0;
}

.wallet-panel__details[hidden] {
  display: none;
}

.wallet-panel.is-open .wallet-panel__details {
  padding-top: 8px;
}

.wallet-panel__rows {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.wallet-panel__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-height: 36px;
  padding: 8px 10px;
  border-radius: 10px;
  border: 1px solid var(--hdr-ghost-border);
  background: transparent;
  box-sizing: border-box;
}

.wallet-panel__row.is-primary {
  border-color: var(--hdr-ghost-border);
  background: transparent;
}

.wallet-panel__label {
  color: var(--hdr-muted);
  font-size: var(--hdr-font-xs);
  font-weight: 600;
  line-height: 1.2;
  min-width: 0;
}

.wallet-panel__row.is-primary .wallet-panel__label {
  color: var(--hdr-text);
  font-weight: 700;
}

.wallet-panel__value {
  color: var(--hdr-text);
  font-size: var(--hdr-font-xs);
  font-weight: 800;
  line-height: 1.2;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.wallet-panel__row.is-primary .wallet-panel__value {
  color: var(--hdr-login);
  font-size: var(--hdr-font-sm);
}

.header-profile__money {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin-bottom: 8px;
}

.header-profile__chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: var(--hdr-btn-h-sm);
  padding: 0 10px;
  border-radius: var(--hdr-btn-radius);
  text-decoration: none;
  font-size: var(--hdr-font-sm);
  font-weight: 800;
  line-height: 1;
  box-sizing: border-box;
  transition: background 0.15s ease;
}

.header-profile__chip i,
.header-profile__chip svg {
  width: 15px;
  height: 15px;
  flex-shrink: 0;
}

.header-profile__chip--in {
  background: var(--hdr-login);
  color: var(--hdr-btn-fg);
}

.header-profile__chip--in:hover {
  background: var(--hdr-login-hover);
  filter: brightness(1.04);
}

.header-profile__chip--out {
  background: var(--hdr-register);
  color: var(--hdr-btn-fg);
}

.header-profile__chip--out:hover {
  background: var(--hdr-register-hover);
  filter: brightness(1.04);
}

.header-profile__verify {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  min-height: 40px;
  margin-bottom: 12px;
  padding: 0 12px;
  border-radius: 10px;
  border: 1px solid var(--hdr-ghost-border);
  background: transparent;
  color: var(--hdr-text);
  text-decoration: none;
  font-size: var(--hdr-font-sm);
  font-weight: 800;
  box-sizing: border-box;
  transition: border-color 0.18s ease, color 0.18s ease;
}

.header-profile__verify i,
.header-profile__verify svg {
  width: 16px;
  height: 16px;
  color: var(--hdr-muted);
  fill: none;
  stroke: currentColor;
  flex-shrink: 0;
  transition: color 0.18s ease;
}

.header-profile__verify:hover i,
.header-profile__verify:hover svg,
.header-profile__verify:focus-visible i,
.header-profile__verify:focus-visible svg {
  color: var(--hdr-icon-fg);
}

.header-profile__verify:focus-visible {
  outline: none;
  border-color: var(--hdr-icon-border);
}

.header-profile__nav {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.header-profile__link {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: var(--hdr-btn-h);
  padding: 0 12px;
  border-radius: 10px;
  border: 1px solid var(--hdr-ghost-border);
  background: transparent;
  color: var(--hdr-text);
  text-decoration: none;
  font-size: var(--hdr-font-sm);
  font-weight: 700;
  box-sizing: border-box;
  transition: border-color 0.18s ease, color 0.18s ease;
}

.header-profile__link i,
.header-profile__link svg {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  color: var(--hdr-muted);
  fill: none;
  stroke: currentColor;
  transition: color 0.18s ease;
}

.header-profile__link:hover i,
.header-profile__link:hover svg,
.header-profile__link:focus-visible i,
.header-profile__link:focus-visible svg {
  color: var(--hdr-icon-fg);
}

.header-profile__link:focus-visible {
  outline: none;
  border-color: var(--hdr-icon-border);
}

.header-profile__logout-form {
  width: 100%;
  margin: 0;
}

.header-profile__logout {
  width: 100%;
  margin-top: 6px;
  appearance: none;
}

.auth-impersonate-return {
  margin: 0 0 8px;
}

.auth-impersonate-return > button {
  width: 100%;
  margin: 0;
  cursor: pointer;
  text-align: left;
  appearance: none;
}

.profil-side__inner > .auth-impersonate-return {
  margin: 2px 0 0;
}

.profile-sheet__summary > .auth-impersonate-return {
  margin: 0;
}

.header-avatar-modal {
  position: fixed;
  inset: 0;
  z-index: 13000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  box-sizing: border-box;
  background: rgba(0, 0, 0, 0.58);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.22s ease, visibility 0.22s ease;
}

.header-avatar-modal[hidden] {
  display: none;
}

.header-avatar-modal.is-open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.header-avatar-modal__dialog {
  width: min(var(--hdr-modal-width-lg), calc(100vw - 32px));
  max-height: min(68vh, 560px);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: var(--hdr-modal-radius);
  border: 1px solid var(--hdr-frame-border);
  background: var(--hdr-bg);
  box-shadow: var(--hdr-frame-drop);
  transform: translateY(10px);
  transition: transform 0.24s ease;
}

.header-avatar-modal.is-open .header-avatar-modal__dialog {
  transform: none;
}

.header-avatar-modal__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: var(--hdr-modal-pad);
  border-bottom: 1px solid var(--hdr-frame-border);
  flex-shrink: 0;
}

.header-avatar-modal__header h3 {
  margin: 0;
  color: var(--hdr-text);
  font-size: var(--hdr-modal-title-size);
  font-weight: 800;
  line-height: 1.2;
}

.header-avatar-modal__close,
.header-notifications-dropdown__close,
.cart-confirm__close,
.profile-sheet__close,
.register-terms-modal__close,
.login-modal__close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: var(--hdr-icon-btn-size);
  height: var(--hdr-icon-btn-size);
  margin: 0;
  padding: 0;
  border: var(--hdr-icon-border-w) solid var(--hdr-ghost-border);
  border-radius: var(--hdr-btn-radius);
  background: transparent;
  color: var(--hdr-muted);
  cursor: pointer;
  box-sizing: border-box;
  transition: color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}

.header-avatar-modal__close i,
.header-avatar-modal__close svg,
.header-notifications-dropdown__close i,
.header-notifications-dropdown__close svg,
.cart-confirm__close i,
.cart-confirm__close svg,
.profile-sheet__close i,
.profile-sheet__close svg,
.register-terms-modal__close i,
.register-terms-modal__close svg,
.login-modal__close i,
.login-modal__close svg {
  width: 18px;
  height: 18px;
  display: block;
  fill: none;
  stroke: currentColor;
  transition: transform 0.25s ease;
}

.header-avatar-modal__close:hover,
.header-avatar-modal__close:focus-visible,
.header-notifications-dropdown__close:hover,
.header-notifications-dropdown__close:focus-visible,
.cart-confirm__close:hover,
.cart-confirm__close:focus-visible,
.profile-sheet__close:hover,
.profile-sheet__close:focus-visible,
.register-terms-modal__close:hover,
.register-terms-modal__close:focus-visible,
.login-modal__close:hover,
.login-modal__close:focus-visible {
  background: transparent;
  color: var(--hdr-search-focus);
  border-color: var(--hdr-search-focus);
  box-shadow:
    0 0 0 1px var(--hdr-search-focus),
    0 0 14px 2px var(--hdr-search-focus-glow);
  outline: none;
}

.header-avatar-modal__close:hover i,
.header-avatar-modal__close:hover svg,
.header-avatar-modal__close:focus-visible i,
.header-avatar-modal__close:focus-visible svg,
.header-notifications-dropdown__close:hover i,
.header-notifications-dropdown__close:hover svg,
.header-notifications-dropdown__close:focus-visible i,
.header-notifications-dropdown__close:focus-visible svg,
.cart-confirm__close:hover i,
.cart-confirm__close:hover svg,
.cart-confirm__close:focus-visible i,
.cart-confirm__close:focus-visible svg,
.profile-sheet__close:hover i,
.profile-sheet__close:hover svg,
.profile-sheet__close:focus-visible i,
.profile-sheet__close:focus-visible svg,
.register-terms-modal__close:hover i,
.register-terms-modal__close:hover svg,
.register-terms-modal__close:focus-visible i,
.register-terms-modal__close:focus-visible svg,
.login-modal__close:hover i,
.login-modal__close:hover svg,
.login-modal__close:focus-visible i,
.login-modal__close:focus-visible svg {
  transform: rotate(90deg);
}

.header-avatar-modal__body {
  flex: 1 1 auto;
  min-height: 0;
  padding: 12px;
  overflow: auto;
  overscroll-behavior: contain;
  scrollbar-width: none;
}

.header-avatar-modal__body::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}

.header-avatar-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
}

.header-avatar-option {
  position: relative;
  aspect-ratio: 1;
  width: 100%;
  padding: 0;
  border: 2px solid transparent;
  border-radius: 999px;
  overflow: hidden;
  background: transparent;
  cursor: pointer;
  box-sizing: border-box;
  transition: border-color 0.15s ease, transform 0.15s ease;
}

.header-avatar-option img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 999px;
  pointer-events: none;
  transform: scale(1.12);
  transform-origin: center;
  transition: transform 0.18s ease;
}

.header-avatar-option:hover {
  border-color: color-mix(in srgb, var(--hdr-accent) 55%, var(--hdr-field-border));
}

.header-avatar-option:hover img {
  transform: scale(1.18);
}

.header-avatar-option.is-active {
  border-color: var(--hdr-accent);
  box-shadow: none;
}

.header-avatar-option.is-active img {
  transform: scale(1.12);
}

.header-avatar-option:disabled {
  opacity: 0.55;
  cursor: wait;
}

@media (max-width: 1023px) {
  .header-avatar--mobile {
    display: inline-flex;
  }

  .header-avatar-modal {
    padding: 12px;
    align-items: flex-end;
  }

  .header-avatar-modal__dialog {
    width: 100%;
    max-height: min(78vh, 560px);
    border-radius: var(--hdr-modal-radius);
  }

  .header-avatar-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
  }
}

@media (max-width: 360px) {
  html {
    --hdr-ctrl-h: 38px;
    --hdr-field-control-h: 38px;
    --hdr-btn-h: 38px;
    --hdr-icon-btn-size: 38px;
  }
  .site-header {
    --hdr-ctrl-h: 38px;
  }
  .header-btn {
    padding: 0 var(--hdr-btn-pad-x);
    font-size: var(--hdr-btn-font-size);
    gap: 6px;
  }
  .header-top-actions {
    gap: 8px;
  }
}
@media (min-width: 1024px) {
  html {
    --hdr-shell-gutter: 144px;
    --hdr-shell-edge: 8px;
    --hdr-shell-gap: var(--hdr-shell-edge);
    --hdr-frame-radius: 14px;
    --hdr-height: 78px;
    --hdr-ctrl-h: 40px;
    --hdr-inner-pad-y: 14px;
    --hdr-inner-pad-x: 14px;
    --hdr-logo-height: 48px;
    --hdr-icon-btn-size: 40px;
    --hdr-field-control-h: 40px;
    --hdr-nav-row: 54px;
    --site-header-offset: calc(
      var(--hdr-shell-edge)
      + var(--hdr-inner-pad-y)
      + var(--hdr-height)
      + 1px
      + var(--hdr-nav-row)
      + var(--hdr-shell-gap)
    );
    --hdr-scroll-track: color-mix(in srgb, var(--hdr-page-bg) 88%, #ffffff 12%);
    scrollbar-width: thin;
    scrollbar-color: var(--hdr-scroll-thumb) var(--hdr-scroll-track);
    scrollbar-gutter: stable;
  }
  body {
    scrollbar-width: thin;
    scrollbar-color: var(--hdr-scroll-thumb) var(--hdr-scroll-track);
  }
  html::-webkit-scrollbar,
  body::-webkit-scrollbar,
  *::-webkit-scrollbar {
    width: var(--hdr-scroll-size);
    height: var(--hdr-scroll-size);
  }
  html::-webkit-scrollbar-track,
  body::-webkit-scrollbar-track,
  *::-webkit-scrollbar-track {
    background: var(--hdr-scroll-track);
  }
  html::-webkit-scrollbar-thumb,
  body::-webkit-scrollbar-thumb,
  *::-webkit-scrollbar-thumb {
    border: 2px solid var(--hdr-scroll-track);
    border-radius: 999px;
    background: var(--hdr-scroll-thumb);
  }
  html::-webkit-scrollbar-thumb:hover,
  body::-webkit-scrollbar-thumb:hover,
  *::-webkit-scrollbar-thumb:hover {
    background: var(--hdr-scroll-thumb-hover);
  }
  html::-webkit-scrollbar-corner,
  body::-webkit-scrollbar-corner,
  *::-webkit-scrollbar-corner {
    background: var(--hdr-scroll-track);
  }
  * {
    scrollbar-width: thin;
    scrollbar-color: var(--hdr-scroll-thumb) var(--hdr-scroll-track);
  }
  .site-header {
    padding: var(--hdr-shell-edge) var(--hdr-shell-gutter) var(--hdr-shell-gap);
    background: var(--hdr-page-bg);
    border-bottom: none;
    box-shadow: none;
  }
  .header-brand {
    gap: 8px;
    height: auto;
  }
  .header-brand__logo {
    flex: 0 0 auto;
  }

  .header-search {
    flex: 1 1 16rem;
    width: auto;
    max-width: min(100%, 24rem);
    min-width: 0;
  }
  .header-top {
    align-items: center;
    min-height: var(--hdr-height);
    max-height: var(--hdr-height);
    overflow: visible;
    box-sizing: border-box;
  }
  .site-main {
    padding: 0 var(--hdr-shell-gutter);
    box-sizing: border-box;
  }
  .header-frame {
    width: 100%;
    box-sizing: border-box;
    background: var(--hdr-header-bg);
    border: 1px solid var(--hdr-frame-border);
    border-radius: var(--hdr-frame-radius);
    box-shadow: var(--hdr-frame-shadow);
    overflow: visible;
  }
  .header-inner {
    padding: var(--hdr-inner-pad-y) var(--hdr-inner-pad-x) 0;
  }
  .header-nav {
    position: relative;
    z-index: 1;
    border-top: 1px solid var(--hdr-line);
  }
  .header-nav__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 8px 0;
    min-width: 0;
  }
  .header-nav__pills {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 6px 8px;
    min-width: 0;
    overflow-x: auto;
    scrollbar-width: none;
  }
  .header-nav__pills::-webkit-scrollbar {
    display: none;
    height: 0;
  }
  .header-nav__pill {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    flex-shrink: 0;
    padding: 5px 10px 5px 5px;
    border: 1px solid transparent;
    border-radius: var(--hdr-btn-radius);
    color: var(--hdr-text);
    font-size: var(--hdr-font-xs);
    font-weight: 600;
    line-height: 1.2;
    text-decoration: none;
    background: transparent;
    transition: color 0.15s ease;
  }
  button.header-nav__pill {
    margin: 0;
    font-family: inherit;
    cursor: pointer;
    background: transparent;
    appearance: none;
    -webkit-appearance: none;
  }
  .header-nav__pill:hover,
  .header-nav__pill:focus-visible,
  .header-nav__pill.is-open,
  .header-nav__pill[aria-expanded="true"],
  .header-nav__pill.is-active {
    background: transparent;
    border-color: transparent;
    color: var(--hdr-text);
    outline: none;
  }
  .header-nav__pill-ico {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    flex-shrink: 0;
    border-radius: 8px;
    color: var(--hdr-btn-fg);
    background: var(--hdr-register);
  }
  .header-nav__pill-ico i,
  .header-nav__pill-ico svg {
    width: 15px;
    height: 15px;
    display: block;
    color: inherit;
    stroke: currentColor;
  }
  .header-nav__pill-label {
    color: inherit;
  }
  .header-cats {
    position: absolute;
    left: 0;
    right: 0;
    top: calc(100% + 12px);
    z-index: 40;
    margin: 0;
    padding: 16px 16px 14px;
    border: 1px solid var(--hdr-frame-border);
    border-radius: var(--hdr-modal-radius);
    background: var(--hdr-header-bg);
    box-shadow: var(--hdr-frame-drop);
    box-sizing: border-box;
  }
  .header-cats[hidden] {
    display: none !important;
  }
  .header-cats__bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 14px;
    min-width: 0;
  }
  .header-cats__title {
    flex-shrink: 0;
    color: var(--hdr-btn-fg);
    font-size: var(--hdr-font);
    font-weight: 700;
    line-height: 1.2;
  }
  .header-cats__tools {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
  }
  .header-cats__search {
    position: relative;
    display: flex;
    align-items: center;
    min-width: 0;
    width: min(240px, 36vw);
  }
  .header-cats__search-ico {
    position: absolute;
    left: 10px;
    display: inline-flex;
    color: var(--hdr-btn-fg);
    pointer-events: none;
  }
  .header-cats__search-ico i,
  .header-cats__search-ico svg {
    width: 14px;
    height: 14px;
    display: block;
    color: inherit;
  }
  .header-cats__search-input {
    width: 100%;
    height: var(--hdr-field-control-h);
    padding: 0 12px 0 32px;
    border: 1px solid var(--hdr-ghost-border);
    border-radius: var(--hdr-btn-radius);
    background: var(--hdr-search-bg);
    color: var(--hdr-btn-fg);
    font: inherit;
    font-size: var(--hdr-font-xs);
    outline: none;
    caret-color: var(--hdr-search-focus);
    transition: border-color 0.18s ease, box-shadow 0.18s ease;
  }
  .header-cats__search-input::placeholder {
    color: var(--hdr-search-fg);
  }
  .header-cats__search-input:focus {
    border-color: var(--hdr-search-focus);
    box-shadow:
      0 0 0 1px var(--hdr-search-focus),
      0 0 14px 2px var(--hdr-search-focus-glow);
  }
  .header-cats__all {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    flex-shrink: 0;
    min-height: var(--hdr-btn-h-sm);
    padding: 0 var(--hdr-btn-pad-x);
    border: 0;
    border-radius: var(--hdr-btn-radius);
    background: var(--hdr-register);
    color: var(--hdr-btn-fg);
    font-size: var(--hdr-font-xs);
    font-weight: 700;
    line-height: 1;
    text-decoration: none;
    white-space: nowrap;
  }
  .header-cats__all i,
  .header-cats__all svg {
    width: 13px;
    height: 13px;
    display: block;
    color: inherit;
  }
  .header-cats__all:hover,
  .header-cats__all:focus-visible {
    background: var(--hdr-register-hover);
    color: var(--hdr-btn-fg);
    outline: none;
  }
  .header-cats__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
    max-height: min(48vh, 340px);
    overflow: auto;
    padding: 2px;
    box-sizing: border-box;
    scrollbar-width: none;
  }
  .header-cats__grid::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
  }
  .header-cats__card {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
    padding: 10px 12px;
    border: var(--hdr-icon-border-w) solid var(--hdr-ghost-border);
    border-radius: var(--hdr-btn-radius);
    background: transparent;
    color: var(--hdr-btn-fg);
    text-decoration: none;
    box-sizing: border-box;
    transition: border-color 0.18s ease, box-shadow 0.18s ease;
  }
  .header-cats__card[hidden] {
    display: none !important;
  }
  .header-cats__card:hover,
  .header-cats__card:focus-visible {
    border-color: var(--hdr-search-focus);
    background: transparent;
    outline: none;
    color: var(--hdr-btn-fg);
    box-shadow:
      0 0 0 1px var(--hdr-search-focus),
      0 0 14px 2px var(--hdr-search-focus-glow);
  }
  .header-cats__ico {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    flex-shrink: 0;
    border-radius: 8px;
    color: var(--cat-icon-color, var(--hdr-icon-fg));
    background: transparent;
    border: 1px solid var(--hdr-ghost-border);
    box-sizing: border-box;
  }
  .header-cats__ico i,
  .header-cats__ico svg {
    width: 15px;
    height: 15px;
    display: block;
    fill: none;
    stroke: currentColor;
    color: inherit;
  }
  .header-cats__name {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: var(--hdr-font-xs);
    font-weight: 600;
    line-height: 1.25;
    color: var(--hdr-btn-fg);
  }
  .header-cats__empty {
    margin: 0;
    padding: 8px 2px 4px;
    color: var(--hdr-muted);
    font-size: var(--hdr-font-xs);
  }
  .header-cats__empty--filter {
    text-align: center;
  }

  .header-nav__promo {
    position: relative;
    z-index: 0;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    flex-shrink: 0;
    margin-left: auto;
    isolation: isolate;
    overflow: hidden;
    padding: 0 10px;
    min-height: 30px;
    border: 0;
    border-radius: var(--hdr-btn-radius);
    text-decoration: none;
    color: var(--hdr-btn-fg);
    font-size: var(--hdr-font-xs);
    font-weight: 800;
    letter-spacing: 0.04em;
    line-height: 1;
    cursor: pointer;
    background: var(--hdr-register);
    box-sizing: border-box;
    transition: background 0.18s ease;
  }

  .header-nav__promo::before {
    content: "";
    position: absolute;
    inset: -70%;
    z-index: -2;
    background: conic-gradient(
      from 0deg,
      transparent 0%,
      rgba(253, 252, 253, 0.95) 6%,
      rgba(253, 252, 253, 0.55) 10%,
      transparent 16%,
      transparent 50%,
      rgba(253, 252, 253, 0.7) 56%,
      rgba(253, 252, 253, 0.35) 60%,
      transparent 66%,
      transparent 100%
    );
    animation: header-promo-spin 1.8s linear infinite;
    pointer-events: none;
  }

  .header-nav__promo::after {
    content: "";
    position: absolute;
    inset: 1.5px;
    z-index: -1;
    border-radius: 8.5px;
    background: var(--hdr-register);
    pointer-events: none;
  }

  .header-nav__promo-icon {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--hdr-btn-fg);
    animation: header-promo-icon 1.8s ease-in-out infinite;
  }

  .header-nav__promo-icon i,
  .header-nav__promo-icon svg {
    width: 14px;
    height: 14px;
    display: block;
    color: inherit;
  }

  .header-nav__promo-label {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: inherit;
  }

  .header-nav__promo:hover,
  .header-nav__promo:focus-visible {
    background: var(--hdr-register-hover);
    outline: none;
  }

  .header-nav__promo:hover::after,
  .header-nav__promo:focus-visible::after {
    background: var(--hdr-register-hover);
  }

  .header-nav__promo:focus-visible {
    outline: 2px solid var(--hdr-register);
    outline-offset: 3px;
  }
}

@media (min-width: 1280px) {
  html {
    --hdr-shell-gutter: 192px;
  }
  .header-cats__grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}

@media (min-width: 1536px) {
  html {
    --hdr-shell-gutter: 240px;
  }
  .header-cats__grid {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}

@media (prefers-reduced-motion: reduce) {
  .header-nav__promo,
  .header-nav__promo::before,
  .header-nav__promo-icon,
  .header-nav__shine-char,
  .header-nav__pill-label--shine::after {
    animation: none;
  }

  .header-nav__promo {
    transition: none;
  }

  .header-search__hint::after {
    animation: none;
    opacity: 1;
  }
}

@keyframes header-promo-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

@keyframes header-promo-icon {
  0%,
  100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
}

@keyframes header-giveaway-char {
  0%,
  4% {
    color: inherit;
  }
  10%,
  18% {
    color: var(--hdr-register);
  }
  28%,
  100% {
    color: inherit;
  }
}

@keyframes header-giveaway-pen {
  0% {
    background-position: -30% 0;
  }
  100% {
    background-position: 130% 0;
  }
}

.header-nav__pill-label--shine {
  position: relative;
  display: inline-flex;
  font-weight: 700;
}

.header-nav__pill-label--shine::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -2px;
  height: 2px;
  border-radius: 2px;
  background: linear-gradient(
    90deg,
    transparent 0%,
    var(--hdr-register) 42%,
    var(--hdr-register-hover) 50%,
    var(--hdr-register) 58%,
    transparent 100%
  );
  background-size: 22% 100%;
  background-repeat: no-repeat;
  background-position: -30% 0;
  animation: header-giveaway-pen 2.2s linear infinite;
  pointer-events: none;
}

.header-nav__shine-char {
  display: inline-block;
  color: inherit;
  transform: translateZ(0);
  animation: header-giveaway-char 2.2s linear infinite;
  animation-delay: calc((var(--i, 0) * 0.16s) - 2.2s);
}

.header-mobile-nav {
  position: fixed;
  inset: 0;
  z-index: 12060;
  display: flex;
  pointer-events: none;
}

.header-mobile-nav[hidden] {
  display: none !important;
}

.header-mobile-nav.is-open {
  pointer-events: auto;
}

.header-mobile-nav__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.58);
  opacity: 0;
  transition: opacity 0.28s ease;
}

.header-mobile-nav.is-open .header-mobile-nav__backdrop {
  opacity: 1;
}

.header-mobile-nav__panel {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  width: min(100%, var(--hdr-modal-width));
  max-width: 100%;
  height: 100%;
  height: 100dvh;
  margin: 0;
  background: var(--hdr-bg);
  border-right: 1px solid var(--hdr-frame-border);
  box-shadow: var(--hdr-frame-drop);
  transform: translateX(-104%);
  transition: transform 0.3s cubic-bezier(0.32, 0.72, 0, 1);
  box-sizing: border-box;
}

.header-mobile-nav.is-open .header-mobile-nav__panel {
  transform: translateX(0);
}

.header-mobile-nav__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-shrink: 0;
  min-height: calc(var(--hdr-ctrl-h) + 16px);
  padding: 10px 14px;
  border-bottom: 1px solid var(--hdr-line);
  background: var(--hdr-bg);
  box-sizing: border-box;
}

.header-mobile-nav__title {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  color: var(--hdr-btn-fg);
  font-size: var(--hdr-modal-title-size);
  font-weight: 800;
  line-height: 1.2;
}

.header-mobile-nav__title-ico {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  flex-shrink: 0;
  border-radius: 9px;
  background: var(--hdr-register);
  color: var(--hdr-btn-fg);
  box-sizing: border-box;
}

.header-mobile-nav__title-ico .header-menu-toggle__bars {
  width: 16px;
  gap: 3px;
}

.header-mobile-nav__title-ico .header-menu-toggle__bar {
  background: currentColor;
}

.header-mobile-nav__close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: var(--hdr-icon-btn-size);
  height: var(--hdr-icon-btn-size);
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: var(--hdr-btn-radius);
  background: transparent;
  color: var(--hdr-btn-fg);
  cursor: pointer;
  box-sizing: border-box;
  appearance: none;
  font: inherit;
}

.header-mobile-nav__close i,
.header-mobile-nav__close svg {
  width: 18px;
  height: 18px;
  display: block;
  fill: none;
  stroke: currentColor;
  color: inherit;
}

.header-mobile-nav__close:hover,
.header-mobile-nav__close:focus-visible {
  color: var(--hdr-register);
  outline: none;
}

.header-mobile-nav__body {
  flex: 1 1 auto;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
  padding: 14px 14px calc(18px + env(safe-area-inset-bottom, 0px));
  display: flex;
  flex-direction: column;
  gap: 14px;
  box-sizing: border-box;
  scrollbar-width: none;
  background: var(--hdr-bg);
}

.header-mobile-nav__body::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none;
}

.header-mobile-nav__list {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin: 0;
  padding: 0;
}

.header-mobile-nav__link {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: var(--hdr-btn-h);
  padding: 0 10px;
  border: 1px solid var(--hdr-line);
  border-radius: var(--hdr-btn-radius);
  background: #101216;
  color: var(--hdr-btn-fg);
  text-decoration: none;
  font-size: var(--hdr-font-sm);
  font-weight: 700;
  line-height: 1.25;
  box-sizing: border-box;
  transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.header-mobile-nav__link span:last-child {
  flex: 1 1 auto;
  min-width: 0;
}

.header-mobile-nav__link:hover,
.header-mobile-nav__link:focus-visible {
  background: #1c2128;
  border-color: var(--hdr-line);
  color: var(--hdr-btn-fg);
  outline: none;
}

.header-mobile-nav__link.is-active {
  background: #1c2128;
  color: var(--hdr-btn-fg);
}

.header-mobile-nav__body > .header-btn {
  align-self: stretch;
  width: auto;
  max-width: 100%;
  min-width: 0;
  flex-shrink: 0;
  box-sizing: border-box;
}

.header-mobile-nav__ico {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  flex-shrink: 0;
  border-radius: 9px;
  border: 1px solid var(--hdr-register);
  background: transparent;
  color: var(--hdr-register);
  box-sizing: border-box;
}

.header-mobile-nav__link.is-active .header-mobile-nav__ico {
  background: var(--hdr-register);
  border-color: var(--hdr-register);
  color: var(--hdr-btn-fg);
}

.header-mobile-nav__ico i,
.header-mobile-nav__ico svg {
  width: 15px;
  height: 15px;
  display: block;
  color: inherit;
  fill: none;
  stroke: currentColor;
}

body.header-mobile-nav-open {
  overflow: hidden;
  position: fixed;
  left: 0;
  right: 0;
  width: 100%;
}

@media (min-width: 1024px) {
  .header-menu-toggle,
  .header-mobile-nav {
    display: none !important;
  }
}

.header-notifications-wrap {
  position: relative;
  flex: 0 0 auto;
  overflow: visible;
  z-index: 2;
}

.header-notifications-wrap .header-tool--notify {
  position: relative;
  overflow: visible;
}

.header-notifications-wrap .header-tool--notify.is-open {
  border-color: var(--hdr-icon-border);
  background: transparent;
  color: var(--hdr-icon-fg);
}

.header-notifications-wrap .header-tool__badge[hidden] {
  display: none !important;
}

.header-notifications-dropdown {
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  z-index: 12045;
  width: min(380px, calc(100vw - 32px));
  box-sizing: border-box;
}

.header-notifications-dropdown[hidden] {
  display: none !important;
}

.header-notifications-dropdown__panel {
  overflow: hidden;
  width: 100%;
  box-sizing: border-box;
  border: 1px solid var(--hdr-frame-border);
  border-radius: var(--hdr-modal-radius);
  background: var(--hdr-header-bg);
  box-shadow: var(--hdr-frame-drop);
}

.header-notifications-dropdown__backdrop {
  display: none;
}

.header-notifications-dropdown__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: var(--hdr-modal-pad);
  padding-bottom: 10px;
  border-bottom: 0;
  box-sizing: border-box;
}

.header-notifications-dropdown__title {
  margin: 0;
  min-width: 0;
  font-size: var(--hdr-modal-title-size);
  font-weight: 800;
  line-height: 1.2;
  color: var(--hdr-btn-fg);
}

.header-notifications-dropdown__actions {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  gap: 4px;
}

.header-notifications-dropdown__action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: var(--hdr-icon-btn-size);
  padding: 0 var(--hdr-btn-pad-x);
  border: 0;
  border-radius: var(--hdr-btn-radius);
  background: transparent;
  color: var(--hdr-search-fg);
  font-size: var(--hdr-font-sm);
  font-weight: 700;
  white-space: nowrap;
  cursor: pointer;
  transition: color 0.15s ease;
}

.header-notifications-dropdown__action:hover:not(:disabled) {
  color: var(--hdr-btn-fg);
  background: transparent;
}

.header-notifications-dropdown__action:disabled {
  opacity: 0.45;
  cursor: default;
}

.header-notifications-dropdown__close {
  display: none;
}

.header-notifications-list {
  display: flex;
  flex-direction: column;
  gap: 6px;
  max-height: min(420px, 60dvh, 60vh);
  padding: 0 14px 10px;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  -ms-overflow-style: none;
  box-sizing: border-box;
}

.header-notifications-list::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none;
}

.header-notifications-empty {
  margin: 0;
  padding: 28px 18px;
  color: var(--hdr-search-fg);
  font-size: var(--hdr-font-sm);
  text-align: center;
  line-height: 1.5;
}

.header-notifications-empty.is-loading {
  opacity: 0.85;
}

.header-notifications-empty[hidden] {
  display: none !important;
}

.header-notifications-item {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: start;
  gap: 10px 12px;
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 12px;
  border: 1px solid var(--hdr-line);
  border-radius: var(--hdr-btn-radius);
  background: transparent;
  color: inherit;
  text-align: left;
  cursor: pointer;
  text-decoration: none;
  box-sizing: border-box;
  overflow: hidden;
  flex-shrink: 0;
  appearance: none;
  font: inherit;
  line-height: 1.35;
  transition: border-color 0.15s ease, color 0.15s ease;
}

.header-notifications-item:hover,
.header-notifications-item:focus-visible {
  background: transparent;
  border-color: var(--hdr-line);
  outline: none;
}

.header-notifications-item__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: var(--hdr-media-thumb);
  height: var(--hdr-media-thumb);
  border-radius: var(--hdr-media-thumb-radius);
  background: transparent;
  color: var(--hdr-accent);
  border: 1px solid var(--hdr-line);
  box-sizing: border-box;
}

.header-notifications-item__icon svg,
.header-notifications-item__icon i {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  fill: none;
  stroke: currentColor;
}

.header-notifications-item__icon.is-ok {
  color: var(--hdr-login);
}

.header-notifications-item__icon.is-bad {
  color: var(--hdr-accent);
}

.header-notifications-item__icon.is-warn {
  color: var(--hdr-info);
}

.header-notifications-item__icon.is-accent {
  color: var(--hdr-accent);
}

.header-notifications-item__icon.is-kyc,
.header-notifications-item__icon.is-thumb {
  background: transparent;
  color: inherit;
  padding: 0;
  border-color: transparent;
  overflow: hidden;
}

.header-notifications-item__icon.is-kyc img,
.header-notifications-item__icon.is-thumb img,
.header-notifications-item__svg--kyc,
.header-notifications-item__thumb {
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: var(--hdr-media-thumb-radius);
  display: block;
}

.header-notifications-item__thumb {
  object-fit: cover;
}

.header-notifications-item__body {
  display: grid;
  gap: 3px;
  min-width: 0;
  overflow: hidden;
  padding-top: 2px;
}

.header-notifications-item__title {
  margin: 0;
  color: var(--hdr-text);
  font-size: var(--hdr-font);
  font-weight: 700;
  line-height: 1.35;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.header-notifications-item.is-ok .header-notifications-item__title {
  color: var(--hdr-login);
}

.header-notifications-item.is-bad .header-notifications-item__title {
  color: var(--hdr-register);
}

.header-notifications-item.is-warn .header-notifications-item__title {
  color: var(--hdr-warn);
}

.header-notifications-item.is-accent .header-notifications-item__title {
  color: var(--hdr-info);
}

.header-notifications-item__text {
  margin: 0;
  color: var(--hdr-search-fg);
  font-size: var(--hdr-font-sm);
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.header-notifications-item__side {
  display: grid;
  justify-items: end;
  align-content: start;
  flex: 0 0 auto;
  align-self: start;
  margin-top: 2px;
}

.header-notifications-item__time {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: var(--hdr-search-fg);
  font-size: var(--hdr-font-xs);
  line-height: 1.2;
  white-space: nowrap;
}

.header-notifications-item__dot {
  display: inline-block;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--hdr-accent);
  flex: 0 0 auto;
}

.header-notifications-dropdown__foot {
  padding: 4px 14px 14px;
  border-top: 0;
}

.header-notifications-dropdown__all {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  min-height: var(--hdr-btn-h);
  padding: 0 var(--hdr-btn-pad-x);
  border-radius: var(--hdr-btn-radius);
  border: 1px solid var(--hdr-line);
  background: transparent;
  color: var(--hdr-search-fg);
  font-size: var(--hdr-font-sm);
  font-weight: 700;
  text-decoration: none;
  box-sizing: border-box;
  transition: color 0.15s ease, border-color 0.15s ease;
}

.header-notifications-dropdown__all:hover,
.header-notifications-dropdown__all:focus-visible {
  background: transparent;
  border-color: var(--hdr-line);
  color: var(--hdr-btn-fg);
  outline: none;
}

.header-notifications-dropdown__all i,
.header-notifications-dropdown__all svg {
  width: 14px;
  height: 14px;
}

body.is-header-notifications-open .header-notifications-wrap,
body.is-header-notifications-open .header-logged {
  position: relative;
  z-index: 12040;
}

@media (min-width: 1024px) {
  .header-notifications-dropdown {
    width: 380px;
  }
}

@media (max-width: 1023px) {
  html.header-notifications-modal-open,
  html.header-notifications-modal-open body,
  body.is-header-notifications-open {
    overflow: hidden;
  }

  .header-notifications-dropdown {
    position: fixed;
    inset: 0;
    z-index: 12055;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    width: auto;
    max-width: none;
    padding-bottom: env(safe-area-inset-bottom, 0px);
  }

  .header-notifications-dropdown[hidden] {
    display: none !important;
  }

  .header-notifications-dropdown__backdrop {
    display: block;
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.58);
  }

  .header-notifications-dropdown__panel {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 100%;
    max-height: min(78dvh, 78vh, 640px);
    border-radius: var(--hdr-modal-radius) var(--hdr-modal-radius) 0 0;
  }

  .header-notifications-dropdown__head {
    padding-right: max(16px, env(safe-area-inset-right, 0px));
    padding-left: max(16px, env(safe-area-inset-left, 0px));
  }

  .header-notifications-dropdown__close {
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }

  .header-notifications-list {
    max-height: min(52dvh, 52vh, 480px);
    padding: 0 14px 8px;
  }

  .header-notifications-dropdown__foot {
    padding-bottom: max(16px, env(safe-area-inset-bottom, 0px));
  }
}

.profile-sheet {
  position: fixed;
  inset: 0;
  z-index: 12040;
  display: flex;
  flex-direction: column;
  height: 100vh;
  height: 100dvh;
  max-height: 100dvh;
  overflow: hidden;
  color: var(--hdr-text);
  background: var(--hdr-bg);
  transform: translateX(100%);
  visibility: hidden;
  pointer-events: none;
  transition:
    transform 0.38s cubic-bezier(0.32, 0.72, 0, 1),
    visibility 0.38s ease;
}

.profile-sheet.is-open {
  transform: translateX(0);
  visibility: visible;
  pointer-events: auto;
}

.profile-sheet[hidden] {
  display: none;
}

html.profile-sheet-open,
body.profile-sheet-open {
  overflow: hidden;
}

body.profile-sheet-open {
  position: fixed;
  left: 0;
  right: 0;
  width: 100%;
}

.profile-sheet__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-shrink: 0;
  min-height: 56px;
  padding: 10px 14px;
  border-bottom: 1px solid var(--hdr-frame-border);
  background: var(--hdr-bg);
  box-sizing: border-box;
}

.profile-sheet__brand {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.profile-sheet__brand-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--hdr-icon-btn-size);
  height: var(--hdr-icon-btn-size);
  flex-shrink: 0;
  border-radius: var(--hdr-btn-radius);
  background: transparent;
  border: var(--hdr-icon-border-w) solid var(--hdr-ghost-border);
  color: var(--hdr-muted);
}

.profile-sheet__brand-icon i,
.profile-sheet__brand-icon svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
}

.profile-sheet__brand-title {
  color: var(--hdr-text);
  font-size: var(--hdr-font);
  font-weight: 800;
  line-height: 1.2;
}

.profile-sheet__body {
  flex: 1 1 auto;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
  padding: 14px 14px calc(18px + env(safe-area-inset-bottom, 0px));
  display: flex;
  flex-direction: column;
  gap: 14px;
  box-sizing: border-box;
  scrollbar-width: none;
}

.profile-sheet__body::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.profile-sheet__summary {
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-width: 0;
}

.profile-sheet__summary .wallet-panel {
  margin-bottom: 0;
}

.profile-sheet__summary .header-profile__money {
  margin: 0;
}

.profile-sheet__summary .header-profile__verify {
  margin: 0;
}

.profile-sheet__nav {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.profile-sheet__list {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.profile-sheet__link {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: var(--hdr-btn-h);
  padding: 0 12px;
  border-radius: 10px;
  color: var(--hdr-text);
  text-decoration: none;
  font-size: var(--hdr-font-sm);
  font-weight: 700;
  line-height: 1.25;
  box-sizing: border-box;
  border: 1px solid var(--hdr-ghost-border);
  background: transparent;
  transition: border-color 0.18s ease, color 0.18s ease;
}

.profile-sheet__link > i:first-child,
.profile-sheet__link > svg:first-child {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  color: var(--hdr-muted);
  fill: none;
  stroke: currentColor;
  transition: color 0.18s ease;
}

.profile-sheet__link span {
  flex: 1 1 auto;
  min-width: 0;
}

.profile-sheet__chevron {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  color: var(--hdr-muted);
}

.profile-sheet__link:hover > i:first-child,
.profile-sheet__link:hover > svg:first-child,
.profile-sheet__link:focus-visible > i:first-child,
.profile-sheet__link:focus-visible > svg:first-child {
  color: var(--hdr-icon-fg);
}

.profile-sheet__link:focus-visible {
  outline: none;
  border-color: var(--hdr-icon-border);
}

@media (min-width: 1024px) {
  .profile-sheet {
    display: none;
  }
}

.site-footer {
  box-sizing: border-box;
  background: var(--hdr-header-bg);
  border-top: 1px solid var(--hdr-line);
}

.site-footer__inner {
  padding: calc(var(--hdr-inner-pad-y) * 2) var(--hdr-inner-pad-x) var(--hdr-inner-pad-y);
  box-sizing: border-box;
}

.site-footer__grid {
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: 0 0 8px;
}

.site-footer__brand {
  width: 100%;
  padding: 0 0 18px;
  margin: 0 0 4px;
  border-bottom: 1px solid var(--hdr-line);
  text-align: center;
}

.site-footer__logo {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: var(--hdr-logo-height);
  margin: 0 auto 14px;
  text-decoration: none;
  color: inherit;
}

.site-footer__logo:focus-visible {
  outline: 2px solid var(--hdr-register);
  outline-offset: 4px;
  border-radius: var(--hdr-btn-radius);
}

.site-footer__logo-img {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: var(--hdr-logo-height);
  object-fit: contain;
  pointer-events: none;
}

.site-footer__text {
  margin: 0 auto;
  max-width: 36rem;
  font-size: var(--hdr-font-sm);
  line-height: 1.65;
  color: var(--hdr-muted);
  text-align: left;
}

.site-footer__col {
  width: 100%;
  border-bottom: 1px solid var(--hdr-line);
}

.site-footer__col:last-child {
  border-bottom: 0;
}

.site-footer__title {
  appearance: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  margin: 0;
  padding: 12px 0;
  border: 0;
  background: transparent;
  font: inherit;
  font-size: var(--hdr-font-sm);
  font-weight: 700;
  line-height: 1.3;
  color: var(--hdr-text);
  text-align: left;
  cursor: pointer;
}

.site-footer__title::after {
  content: "+";
  flex-shrink: 0;
  font-size: var(--hdr-font);
  font-weight: 600;
  color: var(--hdr-icon-fg);
  transition: transform 0.2s ease;
}

.site-footer__col.is-open .site-footer__title::after {
  transform: rotate(45deg);
}

.site-footer__title:focus-visible {
  outline: 2px solid var(--hdr-register);
  outline-offset: 4px;
  border-radius: var(--hdr-btn-radius);
}

.site-footer__col-body {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition:
    max-height 0.22s cubic-bezier(0.4, 0, 0.2, 1),
    opacity 0.22s cubic-bezier(0.4, 0, 0.2, 1),
    padding-bottom 0.22s cubic-bezier(0.4, 0, 0.2, 1);
}

.site-footer__col.is-open .site-footer__col-body {
  max-height: 480px;
  opacity: 1;
  padding-bottom: 14px;
}

.site-footer__links {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.site-footer__links a {
  display: block;
  overflow: hidden;
  color: var(--hdr-muted);
  font-size: var(--hdr-font-sm);
  font-weight: 500;
  line-height: 1.4;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: color 0.15s ease;
}

.site-footer__links a:hover {
  color: var(--hdr-register);
}

.site-footer__links a:focus-visible {
  outline: 2px solid var(--hdr-register);
  outline-offset: 2px;
  border-radius: 4px;
}

.site-footer__contact {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin: 16px 0 18px;
  box-sizing: border-box;
}

.site-footer__contact-item {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  padding: 10px;
  border: 1px solid var(--hdr-frame-border);
  border-radius: var(--hdr-btn-radius);
  background: var(--hdr-page-bg);
  box-sizing: border-box;
}

.site-footer__contact-icon {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: var(--hdr-icon-btn-size);
  height: var(--hdr-icon-btn-size);
  border: var(--hdr-icon-border-w) solid var(--hdr-line);
  border-radius: var(--hdr-btn-radius);
  background: transparent;
  color: var(--hdr-icon-fg);
  box-sizing: border-box;
}

.site-footer__contact-icon i,
.site-footer__contact-icon svg {
  width: 18px;
  height: 18px;
  display: block;
  flex-shrink: 0;
}

.site-footer__contact-icon--maps svg {
  width: 18px;
  height: 18px;
}

.site-footer__contact-icon--whatsapp {
  background: #128c7e;
  border-color: #128c7e;
  color: #fff;
}

.site-footer__contact-icon--telegram {
  background: #229ed9;
  border-color: #229ed9;
  color: #fff;
}

.site-footer__contact-text {
  min-width: 0;
}

.site-footer__contact-text span {
  display: block;
  margin-bottom: 3px;
  font-size: var(--hdr-font-xs);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--hdr-muted);
}

.site-footer__contact-text p {
  margin: 0;
  font-size: var(--hdr-font-sm);
  font-weight: 600;
  line-height: 1.35;
  color: var(--hdr-text);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.site-footer__contact-text a {
  color: inherit;
  text-decoration: none;
}

.site-footer__contact-text a:hover {
  color: var(--hdr-register);
}

.site-footer__contact-text a:focus-visible {
  outline: 2px solid var(--hdr-register);
  outline-offset: 2px;
  border-radius: 4px;
}

.site-footer__bottom {
  display: none;
  flex-direction: column;
  align-items: stretch;
  gap: 14px;
  padding: 14px 0 10px;
  margin-bottom: 8px;
  border-top: 1px solid var(--hdr-line);
  border-bottom: 1px solid var(--hdr-line);
}

.site-footer__copyright {
  font-size: var(--hdr-font-xs);
  color: var(--hdr-muted);
}

.site-footer__copyright strong {
  color: var(--hdr-text);
  font-weight: 700;
}

.site-footer__payments img {
  display: block;
  width: 100%;
  max-width: 640px;
  height: auto;
  opacity: 0.65;
  filter: grayscale(1);
}

.site-footer__powered {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2px 0 4px;
}

.site-footer__powered p {
  display: flex;
  align-items: center;
  gap: 5px;
  margin: 0;
  font-size: var(--hdr-font-xs);
  letter-spacing: 0.1px;
  color: var(--hdr-muted);
}

.site-footer__powered i,
.site-footer__powered svg {
  width: 14px;
  height: 14px;
  color: var(--hdr-register);
  fill: var(--hdr-register);
  stroke: var(--hdr-register);
  stroke-width: 0;
}

.site-footer__powered a {
  color: var(--hdr-muted);
  font-weight: 600;
  text-decoration: none;
}

.site-footer__powered a:hover {
  color: var(--hdr-register);
}

.site-footer__powered a:focus-visible {
  outline: 2px solid var(--hdr-register);
  outline-offset: 2px;
  border-radius: 4px;
}

@media (min-width: 1024px) {
  .site-footer {
    padding: var(--hdr-shell-gap) var(--hdr-shell-gutter) var(--hdr-shell-edge);
    background: var(--hdr-page-bg);
    border-top: none;
  }

  .site-footer__inner {
    width: 100%;
    margin: 0 auto;
    padding: calc(var(--hdr-inner-pad-y) * 2) var(--hdr-inner-pad-x) var(--hdr-inner-pad-y);
    border: 1px solid var(--hdr-frame-border);
    border-radius: var(--hdr-frame-radius);
    background: var(--hdr-header-bg);
    box-shadow: var(--hdr-frame-shadow);
  }

  .site-footer__grid {
    display: grid;
    grid-template-columns: minmax(220px, 260px) repeat(4, minmax(0, 1fr));
    column-gap: 22px;
    row-gap: 16px;
    align-items: start;
    width: 100%;
    margin: 0;
    padding: 8px 0 20px;
    box-sizing: border-box;
  }

  .site-footer__brand {
    width: auto;
    max-width: none;
    margin: 0;
    padding: 0 10px 0 0;
    border-bottom: 0;
    text-align: left;
  }

  .site-footer__logo {
    justify-content: flex-start;
    margin: 0 0 14px;
  }

  .site-footer__text {
    margin: 0;
    max-width: 16.5rem;
  }

  .site-footer__col {
    min-width: 0;
    border-bottom: 0;
  }

  .site-footer__title {
    display: block;
    width: auto;
    padding: 0;
    margin: 0 0 12px;
    font-size: var(--hdr-font-sm);
    cursor: default;
    pointer-events: none;
  }

  .site-footer__title::after {
    display: none;
  }

  .site-footer__col-body {
    max-height: none;
    overflow: visible;
    opacity: 1;
    padding-bottom: 0;
    transition: none;
  }

  .site-footer__contact {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 8px;
    margin: 0 0 16px;
  }

  .site-footer__contact-item {
    padding: 10px 8px;
  }

  .site-footer__bottom {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 14px 0 10px;
    margin-bottom: 6px;
  }

  .site-footer__copyright {
    flex-shrink: 0;
    font-size: var(--hdr-font-sm);
  }

  .site-footer__payments {
    flex: 1 1 auto;
    display: flex;
    justify-content: flex-end;
    min-width: 0;
  }

  .site-footer__payments img {
    width: auto;
    max-width: min(560px, 58%);
  }
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .site-footer__grid {
    grid-template-columns: minmax(200px, 240px) repeat(4, minmax(0, 1fr));
    column-gap: 14px;
  }

  .site-footer__text {
    max-width: 14.5rem;
  }

  .site-footer__contact-item {
    padding: 10px;
  }
}

.site-main--home {
  --home-under-header-gap: 12px;
  padding-top: var(--home-under-header-gap);
  padding-bottom: 0;
}

@media (min-width: 1024px) {
  .site-main--home {
    padding-top: calc(var(--home-under-header-gap) - var(--hdr-shell-gap));
  }
}

.home-hero {
  width: 100%;
  padding-top: 0;
  padding-bottom: calc(var(--hdr-shell-gap) + 4px);
  box-sizing: border-box;
}

.home-hero-inner,
.home-hero-stage {
  width: 100%;
  min-width: 0;
}

.home-hero-stage {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.home-hero-panels {
  position: relative;
}

.home-hero-panel[hidden] {
  display: none !important;
}

.home-hero-banner {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  border: 1px solid var(--hdr-line);
  border-radius: 12px;
  overflow: hidden;
  background: var(--hdr-page-bg);
  box-sizing: border-box;
  text-decoration: none;
  color: inherit;
}

.home-hero-banner__img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
}

.home-hero-banner--has-mobile .home-hero-banner__img--mobile {
  display: none;
}

.home-hero-ph {
  display: block;
  width: 100%;
  aspect-ratio: 2172 / 724;
  background: var(--hdr-menu-bg, #161618);
}

.home-hero-dots {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin: 0;
  padding: 0;
}

.home-hero-dot {
  appearance: none;
  width: 8px;
  height: 8px;
  margin: 0;
  padding: 0;
  border: 1px solid var(--hdr-ghost-border, #262626);
  border-radius: 50%;
  background: transparent;
  cursor: pointer;
}

.home-hero-dot.is-active {
  border-color: var(--hdr-accent, #ac1e1e);
  background: var(--hdr-accent, #ac1e1e);
}

.home-hero-dot:focus-visible {
  outline: 2px solid var(--hdr-search-focus, #e63034);
  outline-offset: 2px;
}

@media (max-width: 1023px) {
  .home-hero-banner--has-mobile .home-hero-banner__img--desktop {
    display: none;
  }

  .home-hero-banner--has-mobile .home-hero-banner__img--mobile {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
  }

  .home-hero-ph {
    aspect-ratio: 828 / 466;
  }
}

.home-popular {
  --popular-surface: var(--hdr-header-bg);
  --popular-surface-hover: var(--hdr-page-bg);
  --popular-line: #2d303a;
  --popular-cat-row: 52px;
  --popular-cat-gap: 8px;
  --popular-cat-full: 5;
  --popular-cat-peek: 0.48;
  --popular-nav-pad: 10px;
  --popular-eyebrow-size: var(--hdr-font);
  --popular-eyebrow-gap: 0px;
  --popular-eyebrow-h: 36px;
  --popular-product-rows: 5;
  --popular-product-gap: var(--popular-cat-gap);
  --popular-nav-cats-h: calc(
    (var(--popular-cat-full) * var(--popular-cat-row)) +
    (var(--popular-cat-full) * var(--popular-cat-gap)) +
    (var(--popular-cat-peek) * var(--popular-cat-row))
  );
  --popular-nav-head-h: calc(var(--popular-eyebrow-h) / 2);
  --popular-panel-h: calc(
    (var(--popular-nav-pad) * 2) +
    var(--popular-nav-head-h) +
    var(--popular-nav-cats-h)
  );
  width: 100%;
  margin-top: 6px;
  padding-top: calc(var(--hdr-shell-gap) + 2px + (var(--popular-eyebrow-h) / 2));
  padding-bottom: calc(var(--hdr-shell-gap) + 8px);
  box-sizing: border-box;
  overflow: visible;
}

.home-hero + .home-popular {
  margin-top: 6px;
}

.home-popular__layout {
  display: grid;
  grid-template-columns: minmax(220px, 280px) minmax(0, 1fr);
  gap: 14px;
  align-items: start;
  overflow: visible;
}

.home-popular__nav {
  position: relative;
  min-width: 0;
  display: flex;
  flex-direction: column;
  height: var(--popular-panel-h);
  max-height: var(--popular-panel-h);
  min-height: var(--popular-panel-h);
  padding: calc(var(--popular-nav-pad) + var(--popular-nav-head-h)) var(--popular-nav-pad) var(--popular-nav-pad);
  border: 1px solid var(--popular-line);
  border-radius: var(--hdr-frame-radius);
  background: var(--hdr-header-bg);
  box-shadow: none;
  box-sizing: border-box;
  overflow: visible;
}

@property --hp-eyebrow-draw {
  syntax: "<number>";
  inherits: false;
  initial-value: 0;
}

.home-popular__eyebrow {
  --hp-eyebrow-cycle: 3.4s;
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 2;
  display: block;
  width: fit-content;
  max-width: calc(100% - 24px);
  margin: 0;
  padding: 8px 16px;
  border: 1px solid var(--popular-line);
  border-radius: var(--hdr-btn-radius);
  background: var(--hdr-header-bg);
  color: var(--hdr-btn-fg);
  font-size: var(--popular-eyebrow-size);
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 1.2;
  text-align: center;
  text-transform: none;
  white-space: nowrap;
  overflow: visible;
  transform: translate(-50%, -50%);
  box-sizing: border-box;
  isolation: isolate;
}

.home-popular__eyebrow-char,
.home-popular__eyebrow-space {
  display: inline-block;
}

.home-popular__eyebrow-char {
  transform-origin: center bottom;
  animation: home-popular-eyebrow-char var(--hp-eyebrow-cycle) ease-in-out infinite;
  animation-delay: calc(var(--i, 0) * 0.07s);
}

.home-popular__eyebrow-space {
  width: 0.28em;
}

.home-popular__eyebrow::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  border-radius: inherit;
  padding: 1.5px;
  box-sizing: border-box;
  pointer-events: none;
  background: conic-gradient(
    from 0deg,
    var(--hdr-register, #e52f33) 0deg calc(var(--hp-eyebrow-draw) * 180deg),
    transparent calc(var(--hp-eyebrow-draw) * 180deg)
      calc(360deg - var(--hp-eyebrow-draw) * 180deg),
    var(--hdr-register, #e52f33) calc(360deg - var(--hp-eyebrow-draw) * 180deg) 360deg
  );
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  mask-composite: exclude;
  animation: home-popular-eyebrow-trace var(--hp-eyebrow-cycle) linear infinite;
}

.home-popular__eyebrow::after {
  display: none;
}

@keyframes home-popular-eyebrow-trace {
  0% {
    --hp-eyebrow-draw: 0;
  }
  50% {
    --hp-eyebrow-draw: 1;
  }
  100% {
    --hp-eyebrow-draw: 0;
  }
}

@keyframes home-popular-eyebrow-char {
  0%,
  8% {
    transform: scale(1);
  }
  18% {
    transform: scale(1.22);
  }
  30%,
  100% {
    transform: scale(1);
  }
}

@media (prefers-reduced-motion: reduce) {
  .home-popular__eyebrow::before {
    animation: none;
    --hp-eyebrow-draw: 1;
  }

  .home-popular__eyebrow-char {
    animation: none;
    transform: none;
  }
}

.home-popular__cats {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  gap: var(--popular-cat-gap);
  min-height: 0;
  max-height: var(--popular-nav-cats-h);
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.home-popular__cats::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}

.home-popular__cat {
  appearance: none;
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  flex: 0 0 auto;
  height: var(--popular-cat-row, 52px);
  min-height: var(--popular-cat-row, 52px);
  margin: 0;
  padding: 0 10px;
  box-sizing: border-box;
  border: 1px solid var(--popular-line);
  border-radius: var(--hdr-btn-radius);
  background: var(--hdr-page-bg);
  color: var(--hdr-btn-fg);
  cursor: pointer;
  text-align: left;
  box-shadow: none;
  transition: border-color 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
}

.home-popular__cat:hover,
.home-popular__cat:focus-visible {
  outline: none;
  border-color: var(--hdr-search-focus);
  box-shadow:
    0 0 0 1px var(--hdr-search-focus),
    0 0 14px 2px var(--hdr-search-focus-glow);
}

.home-popular__cat.is-active {
  border-color: var(--hdr-search-focus);
  background: var(--hdr-header-bg);
  box-shadow:
    0 0 0 1px var(--hdr-search-focus),
    0 0 14px 2px var(--hdr-search-focus-glow);
}

.home-popular__cat .sm-brand-icon--brand {
  flex: 0 0 34px;
  width: 34px;
  height: 34px;
  --sm-icon-box: 34px;
  --sm-icon-glyph: 16px;
  color: #fff;
}

.home-popular__cat-label {
  flex: 1 1 auto;
  min-width: 0;
  font-size: var(--hdr-font-sm);
  font-weight: 700;
  line-height: 1.25;
  color: var(--hdr-btn-fg);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.home-popular__cat-arrow {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 999px;
  border: 1px solid var(--popular-line);
  background: var(--hdr-header-bg);
  color: var(--hdr-search-fg);
  box-sizing: border-box;
  animation: homePopularArrowNudge 1.8s ease-in-out infinite;
}

.home-popular__cat-arrow i,
.home-popular__cat-arrow svg {
  width: 14px;
  height: 14px;
}

.home-popular__cat:hover .home-popular__cat-arrow,
.home-popular__cat.is-active .home-popular__cat-arrow {
  animation: none;
  transform: translateX(3px);
  color: var(--hdr-btn-fg);
  border-color: var(--hdr-search-focus);
}

@keyframes homePopularArrowNudge {
  0%,
  100% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(3px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .home-popular__cat-arrow,
  .home-popular__subcat .home-popular__cat-arrow {
    animation: none;
  }

  .home-popular__cat:hover .home-popular__cat-arrow,
  .home-popular__cat.is-active .home-popular__cat-arrow,
  .home-popular__subcat:hover .home-popular__cat-arrow {
    transform: none;
  }
}

.home-popular__main {
  min-width: 0;
  display: flex;
  flex-direction: column;
  height: var(--popular-panel-h);
  min-height: var(--popular-panel-h);
  max-height: var(--popular-panel-h);
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  box-sizing: border-box;
}

.home-popular__panel {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  height: 100%;
}

.home-popular__panel[hidden] {
  display: none !important;
}

.home-popular__stage {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  height: 100%;
  gap: 0;
}

.home-popular__stage[hidden] {
  display: none !important;
}

.home-popular__products {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-template-rows: repeat(var(--popular-product-rows), minmax(0, 1fr));
  grid-auto-flow: column;
  gap: var(--popular-product-gap);
  align-items: stretch;
  flex: 1 1 auto;
  min-height: 0;
  height: 100%;
}

.home-popular__subcat {
  --sm-from: #e1306c;
  --sm-to: #833ab4;
  --sm-accent: #e1306c;
  --sm-icon-box: 32px;
  appearance: none;
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  height: 100%;
  min-height: 0;
  max-height: none;
  margin: 0;
  padding: 8px 10px;
  box-sizing: border-box;
  border: 1px solid var(--popular-line);
  border-radius: var(--hdr-btn-radius);
  background-color: var(--popular-surface);
  background-image: none;
  color: var(--hdr-btn-fg);
  cursor: pointer;
  text-align: left;
  box-shadow: none;
  overflow: hidden;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.home-popular__subcat:hover,
.home-popular__subcat:focus-visible {
  border-color: var(--hdr-search-focus);
  box-shadow:
    0 0 0 1px var(--hdr-search-focus),
    0 0 14px 2px var(--hdr-search-focus-glow);
  outline: none;
}

.home-popular__subcat .sm-brand-icon,
.home-popular__subcat .sm-brand-icon--brand {
  flex: 0 0 var(--sm-icon-box);
  width: var(--sm-icon-box);
  height: var(--sm-icon-box);
  color: #fff;
}

.home-popular__subcat-label {
  flex: 1 1 auto;
  min-width: 0;
  font-size: var(--hdr-font-sm);
  font-weight: 700;
  line-height: 1.25;
  color: var(--hdr-btn-fg);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.home-popular__subcat .home-popular__cat-arrow {
  flex: 0 0 auto;
  width: 22px;
  height: 22px;
  background: var(--hdr-page-bg);
  border: 1px solid var(--popular-line);
  color: var(--hdr-search-fg);
  animation: homePopularArrowNudge 1.8s ease-in-out infinite;
  box-sizing: border-box;
}

.home-popular__subcat:hover .home-popular__cat-arrow {
  animation: none;
  transform: translateX(3px);
  color: var(--hdr-btn-fg);
  border-color: var(--hdr-search-focus);
}

.home-popular__slot--empty {
  min-width: 0;
  min-height: 0;
  height: 100%;
  visibility: hidden;
  pointer-events: none;
}

.home-popular__product {
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 8px 10px;
  min-width: 0;
  height: 100%;
  min-height: 0;
  padding: 8px 10px;
  border: 1px solid var(--popular-line);
  border-radius: var(--hdr-btn-radius);
  background: var(--popular-surface);
  box-shadow: none;
  box-sizing: border-box;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.home-popular__product:hover {
  border-color: var(--hdr-search-focus);
  box-shadow:
    0 0 0 1px var(--hdr-search-focus),
    0 0 14px 2px var(--hdr-search-focus-glow);
}

.home-popular__thumb {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  overflow: hidden;
  background: var(--hdr-page-bg);
  border: 1px solid var(--popular-line);
  flex-shrink: 0;
  box-sizing: border-box;
}

.home-popular__thumb img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.home-popular__thumb--empty {
  background: var(--hdr-page-bg);
}

.home-popular__thumb--brand {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  background: transparent;
  overflow: visible;
}

.home-popular__thumb--brand .sm-brand-icon {
  width: 32px;
  height: 32px;
  --sm-icon-box: 32px;
}

.home-popular__product-title {
  margin: 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 1px;
  font-size: var(--hdr-font);
  font-weight: 700;
  line-height: 1.2;
  color: var(--hdr-btn-fg);
  overflow: hidden;
}

.home-popular__product-qty {
  flex: 0 0 auto;
  font-size: var(--hdr-font);
  font-weight: 800;
  white-space: nowrap;
  line-height: 1.15;
}

.home-popular__product-label {
  flex: 0 1 auto;
  min-width: 0;
  max-width: 100%;
  font-size: var(--hdr-font-xs);
  font-weight: 700;
  color: var(--hdr-search-fg);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.2;
}

.home-popular__price {
  margin: 0;
  flex-shrink: 0;
  font-size: var(--hdr-font);
  font-weight: 800;
  line-height: 1.2;
  color: var(--hdr-login);
  white-space: nowrap;
  text-align: right;
}

.home-popular__cart {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 0;
  border: 0;
  border-radius: var(--hdr-btn-radius);
  background: var(--hdr-register);
  color: var(--hdr-btn-fg);
  text-decoration: none;
  flex-shrink: 0;
  cursor: pointer;
  font: inherit;
  transition: background 0.15s ease;
}

.home-popular__cart--available:hover {
  background: var(--hdr-register-hover);
}

.home-popular__cart--unavailable {
  background: var(--hdr-register);
  opacity: 0.55;
  cursor: not-allowed;
}

.home-popular__cart:focus-visible {
  outline: none;
  box-shadow:
    0 0 0 1px var(--hdr-search-focus),
    0 0 14px 2px var(--hdr-search-focus-glow);
}

.home-popular__cart i,
.home-popular__cart svg {
  width: 12px;
  height: 12px;
}

.home-popular__product.is-unavailable {
  opacity: 0.88;
}

.home-popular__product.is-unavailable .home-popular__price {
  color: var(--hdr-register);
}

.home-popular__actions {
  display: flex;
  align-items: stretch;
  gap: 8px;
  width: 100%;
  height: 100%;
  min-height: 0;
  min-width: 0;
  box-sizing: border-box;
}

.home-popular__subs-page,
.home-popular__more,
.home-popular__actions .home-popular__back,
.home-popular__back {
  appearance: none;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  height: 100%;
  min-height: 0;
  min-width: 0;
  margin: 0;
  padding: 8px 10px;
  border: 1px dashed var(--popular-line);
  border-radius: var(--hdr-btn-radius);
  background: var(--popular-surface);
  color: var(--hdr-btn-fg);
  font: inherit;
  font-size: var(--hdr-font-sm);
  font-weight: 700;
  text-align: center;
  cursor: pointer;
  box-sizing: border-box;
  box-shadow: none;
  transition: border-color 0.15s ease, box-shadow 0.15s ease, color 0.15s ease;
}

.home-popular__more,
.home-popular__actions .home-popular__back {
  flex: 1 1 0;
  width: auto;
  border-style: solid;
}

.home-popular__more {
  display: none;
}

.home-popular__subs-page:hover,
.home-popular__subs-page:focus-visible,
.home-popular__more:hover,
.home-popular__more:focus-visible,
.home-popular__actions .home-popular__back:hover,
.home-popular__actions .home-popular__back:focus-visible,
.home-popular__back:hover,
.home-popular__back:focus-visible {
  border-color: var(--hdr-search-focus);
  border-style: solid;
  color: var(--hdr-btn-fg);
  box-shadow:
    0 0 0 1px var(--hdr-search-focus),
    0 0 14px 2px var(--hdr-search-focus-glow);
  outline: none;
}

.home-popular__subs-page-icon,
.home-popular__more-icon,
.home-popular__back-icon,
.home-popular__actions .home-popular__back-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 26px;
  height: 26px;
  border-radius: 999px;
  border: 1px solid var(--popular-line);
  background: var(--hdr-page-bg);
  color: var(--hdr-search-fg);
  box-sizing: border-box;
}

.home-popular__subs-page:hover .home-popular__subs-page-icon,
.home-popular__more:hover .home-popular__more-icon,
.home-popular__back:hover .home-popular__back-icon,
.home-popular__actions .home-popular__back:hover .home-popular__back-icon {
  color: var(--hdr-btn-fg);
  border-color: var(--hdr-search-focus);
}

.home-popular__subs-page-icon i,
.home-popular__subs-page-icon svg,
.home-popular__more-icon i,
.home-popular__more-icon svg,
.home-popular__back-icon i,
.home-popular__back-icon svg,
.home-popular__actions .home-popular__back-icon i,
.home-popular__actions .home-popular__back-icon svg {
  width: 15px;
  height: 15px;
}

.home-popular__more > span:not(.home-popular__more-icon),
.home-popular__actions .home-popular__back > span:last-child {
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.home-popular__subs:not(.is-subs-ready) > [data-popular-subs-empty] {
  display: none !important;
}

.home-popular__subcat.is-subs-page-hidden,
.home-popular__slot--empty.is-subs-empty-hidden {
  display: none !important;
}

.home-popular__actions--subs-nav[hidden] {
  display: none !important;
}

.home-popular__actions--subs-nav .home-popular__subs-page[hidden] {
  display: none !important;
}

@media (max-width: 768px) {
  .home-popular__subs:not(.is-subs-ready) > .home-popular__subcat:nth-of-type(n + 6) {
    display: none !important;
  }
}

@media (min-width: 769px) {
  .home-popular__subs:not(.is-subs-ready) > .home-popular__subcat:nth-of-type(n + 15) {
    display: none !important;
  }
}

@media (max-width: 1100px) {
  .home-popular__product {
    gap: 8px;
    padding: 8px;
  }

  .home-popular__thumb {
    width: 30px;
    height: 30px;
  }

  .home-popular__thumb--brand .sm-brand-icon {
    width: 30px;
    height: 30px;
    --sm-icon-box: 30px;
  }

  .home-popular__cart {
    width: 30px;
    height: 30px;
  }

  .home-popular__cart i,
  .home-popular__cart svg {
    width: 11px;
    height: 11px;
  }
}

@media (max-width: 1023px) {
  .home-popular__layout {
    grid-template-columns: 1fr;
    gap: 12px;
    align-items: start;
  }

  .home-popular__nav {
    height: auto;
    max-height: none;
    min-height: 0;
    padding: calc(10px + var(--popular-nav-head-h)) 10px 10px;
    border-radius: var(--hdr-frame-radius);
    overflow: visible;
  }

  .home-popular__main {
    height: auto;
    min-height: 0;
    max-height: none;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }

  .home-popular__cats {
    flex: 0 0 auto;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 8px;
    max-height: none;
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 4px;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }

  .home-popular__cat {
    flex: 0 0 auto;
    width: auto;
    min-width: 168px;
  }

  .home-popular__panel {
    height: auto;
    flex: 0 0 auto;
  }

  .home-popular__products {
    flex: 0 0 auto;
    height: auto;
    grid-template-rows: none;
    grid-auto-rows: var(--popular-cat-row);
  }

  .home-popular__cats::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
  }
}

@media (max-width: 768px) {
  .home-popular__products {
    height: auto;
    grid-template-columns: 1fr;
    grid-template-rows: none;
    grid-auto-flow: row;
    grid-auto-rows: var(--popular-cat-row);
  }

  .home-popular__subcat {
    height: var(--popular-cat-row);
    min-height: var(--popular-cat-row);
  }

  .home-popular__product.is-mobile-hidden {
    display: none !important;
  }

  .home-popular__slot--empty {
    display: none !important;
  }

  .home-popular__actions {
    height: var(--popular-cat-row);
    min-height: var(--popular-cat-row);
  }

  .home-popular__subs-page {
    height: var(--popular-cat-row);
    min-height: var(--popular-cat-row);
  }

  .home-popular__more {
    display: flex;
  }

  .home-popular__more[hidden] {
    display: none !important;
  }
}

@media (min-width: 769px) {
  .home-popular__products:not(.home-popular__subs) > .home-popular__actions:not(:has(.home-popular__back)) {
    display: none;
  }
}

html.hp-buy-modal-open {
  overflow: hidden;
}

.hp-buy-modal {
  position: fixed;
  inset: 0;
  z-index: 1300;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  box-sizing: border-box;
}

.hp-buy-modal[hidden] {
  display: none !important;
}

.hp-buy-modal__backdrop {
  position: absolute;
  inset: 0;
  background: color-mix(in srgb, #000 62%, transparent);
}

.hp-buy-modal__dialog {
  position: relative;
  z-index: 1;
  width: min(100%, var(--hdr-modal-width));
  padding: var(--hdr-modal-pad);
  border: 1px solid var(--hdr-line);
  border-radius: var(--hdr-modal-radius);
  background: var(--hdr-header-bg);
  box-shadow: var(--hdr-frame-drop);
  box-sizing: border-box;
}

.hp-buy-modal__close {
  position: absolute;
  top: 10px;
  right: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--hdr-icon-btn-size);
  height: var(--hdr-icon-btn-size);
  padding: 0;
  border: 0;
  border-radius: var(--hdr-btn-radius);
  background: transparent;
  color: var(--hdr-search-fg);
  cursor: pointer;
  box-sizing: border-box;
  box-shadow: none;
  transition: color 0.15s ease;
}

.hp-buy-modal__close:hover,
.hp-buy-modal__close:focus-visible {
  color: var(--hdr-btn-fg);
  background: transparent;
  border: 0;
  box-shadow: none;
  outline: none;
}

.hp-buy-modal__close i,
.hp-buy-modal__close svg {
  width: 16px;
  height: 16px;
  transition: transform 0.35s ease;
}

.hp-buy-modal__close:hover i,
.hp-buy-modal__close:hover svg,
.hp-buy-modal__close:focus-visible i,
.hp-buy-modal__close:focus-visible svg {
  transform: rotate(90deg);
}

.hp-buy-modal__head {
  padding-right: 40px;
  margin-bottom: 12px;
}

.hp-buy-modal__title {
  margin: 0 0 4px;
  font-size: var(--hdr-modal-title-size);
  font-weight: 750;
  color: var(--hdr-btn-fg);
}

.hp-buy-modal__lead {
  margin: 0;
  font-size: var(--hdr-font-sm);
  color: var(--hdr-search-fg);
}

.hp-buy-modal__panel {
  display: grid;
  gap: 10px;
  padding: 12px;
  border: 1px solid var(--hdr-line);
  border-radius: var(--hdr-btn-radius);
  background: var(--hdr-page-bg);
}

.hp-buy-modal__row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  font-size: var(--hdr-font-sm);
}

.hp-buy-modal__row > span {
  color: var(--hdr-search-fg);
}

.hp-buy-modal__row > strong {
  text-align: right;
  color: var(--hdr-btn-fg);
  font-weight: 700;
}

.hp-buy-modal__fields {
  display: grid;
  gap: 8px;
}

.hp-buy-modal__field {
  display: grid;
  gap: 6px;
}

.hp-buy-modal__field > span {
  font-size: var(--hdr-font-xs);
  font-weight: 650;
  color: var(--hdr-btn-fg);
}

.hp-buy-modal__field > span em {
  color: var(--hdr-register);
  font-style: normal;
}

.hp-buy-modal__field input {
  width: 100%;
  min-height: var(--hdr-field-control-h);
  padding: 0 12px;
  border: 1px solid var(--hdr-line);
  border-radius: var(--hdr-btn-radius);
  background: var(--hdr-search-bg);
  color: var(--hdr-btn-fg);
  caret-color: var(--hdr-search-focus);
  font: inherit;
  font-size: var(--hdr-font-sm);
  box-sizing: border-box;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.hp-buy-modal__field input::placeholder {
  color: var(--hdr-search-fg);
  opacity: 0.9;
}

.hp-buy-modal__field input:focus {
  outline: none;
  border-color: var(--hdr-search-focus);
  box-shadow:
    0 0 0 1px var(--hdr-search-focus),
    0 0 14px 2px var(--hdr-search-focus-glow);
}

.hp-buy-modal__field input.is-invalid {
  border-color: var(--hdr-register);
}

.hp-buy-modal__field input:-webkit-autofill,
.hp-buy-modal__field input:-webkit-autofill:hover,
.hp-buy-modal__field input:-webkit-autofill:focus {
  -webkit-text-fill-color: var(--hdr-btn-fg);
  caret-color: var(--hdr-search-focus);
  box-shadow: 0 0 0 1000px var(--hdr-search-bg) inset;
  transition: background-color 99999s ease-out;
}

.hp-buy-modal__divider {
  height: 1px;
  background: var(--hdr-line);
}

.hp-buy-modal__row--total > span {
  font-weight: 650;
}

.hp-buy-modal__row--total > strong {
  font-size: var(--hdr-font);
  color: var(--hdr-login);
}

.hp-buy-modal__error {
  margin: 0;
  font-size: var(--hdr-font-xs);
  color: var(--hdr-register);
}

.hp-buy-modal__actions {
  display: flex;
  gap: 8px;
  margin-top: 14px;
}

.hp-buy-modal__btn {
  flex: 1 1 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: var(--hdr-btn-h);
  padding: 0 var(--hdr-btn-pad-x);
  border-radius: var(--hdr-btn-radius);
  font: inherit;
  font-size: var(--hdr-btn-font-size);
  font-weight: 700;
  cursor: pointer;
  transition: border-color 0.15s ease, box-shadow 0.15s ease, color 0.15s ease, background 0.15s ease;
}

.hp-buy-modal__btn--primary {
  border: 0;
  background: var(--hdr-register);
  color: var(--hdr-btn-fg);
}

.hp-buy-modal__btn--primary:hover:not(:disabled) {
  background: var(--hdr-register-hover);
}

.hp-buy-modal__btn--ghost {
  border: 1px solid var(--hdr-line);
  background: var(--hdr-page-bg);
  color: var(--hdr-search-fg);
}

.hp-buy-modal__btn--ghost:hover:not(:disabled),
.hp-buy-modal__btn--ghost:focus-visible:not(:disabled) {
  color: var(--hdr-btn-fg);
  border-color: var(--hdr-search-focus);
  box-shadow:
    0 0 0 1px var(--hdr-search-focus),
    0 0 14px 2px var(--hdr-search-focus-glow);
  outline: none;
}

.hp-buy-modal__btn:disabled {
  opacity: 0.65;
  cursor: not-allowed;
}

.home-market-cta {

  --home-market-showcase-gap: 30px;
  width: 100%;
  padding-top: 18px;
  padding-bottom: calc(var(--hdr-shell-gap) + 14px);
  box-sizing: border-box;
  overflow: visible;
}

.home-popular + .home-market-cta {
  margin-top: 4px;
}

.home-market-cta__inner {
  position: relative;
  z-index: 0;
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  padding: 8px 12px 8px 6px;
  border-radius: var(--hdr-frame-radius);
  border: 1px solid var(--hdr-line);
  background: var(--hdr-header-bg);
  box-shadow: none;
  box-sizing: border-box;
  overflow: visible;
}

.home-market-cta__art {
  position: relative;
  z-index: 1;
  flex-shrink: 0;
  width: 78px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: -1.55rem 0;
  pointer-events: none;
}

.home-market-cta__art img {
  display: block;
  width: 108px;
  max-width: none;
  height: auto;
  max-height: 96px;
  object-fit: contain;
  filter: drop-shadow(0 6px 14px rgba(0, 0, 0, 0.32));
}

.home-market-cta__copy {

  flex: 0 0 10.6rem;
  width: 10.6rem;
  min-width: 10.6rem;
  max-width: 10.6rem;
}

.home-market-cta__title {
  margin: 0 0 2px;
  font-size: var(--hdr-font, 14px);
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -0.01em;
  color: var(--hdr-btn-fg);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.home-market-cta__lead {
  margin: 0;
  font-size: var(--hdr-font-xs, 12px);
  line-height: 1.35;
  color: var(--hdr-search-fg);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.home-market-cta__divider {
  flex: 0 0 1px;
  align-self: stretch;
  width: 1px;
  margin: 6px 0;
  background: var(--hdr-line);
}

.home-market-cta__tabs {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex: 0 0 auto;
  width: max-content;
  max-width: 100%;
  min-width: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-sizing: border-box;
}

.home-market-cta__tab {
  appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  flex: 0 0 auto;
  width: auto;
  min-width: 0;
  height: var(--hdr-btn-h, 40px);
  margin: 0;
  padding: 0 var(--hdr-btn-pad-x, 12px);
  border: 0;
  border-radius: var(--hdr-btn-radius);
  background: var(--hdr-register);
  color: var(--hdr-btn-fg);
  font: inherit;
  font-size: var(--hdr-btn-font-size);
  font-weight: 700;
  line-height: 1.2;
  cursor: pointer;
  white-space: nowrap;
  box-sizing: border-box;
  box-shadow: none;
  transition:
    background 0.45s ease,
    color 0.45s ease,
    box-shadow 0.18s ease;
}

.home-market-cta__tab span {
  overflow: hidden;
  text-overflow: ellipsis;
}

.home-market-cta__tab i,
.home-market-cta__tab svg {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  color: inherit;
}

.home-market-cta__tab:hover:not(.is-active) {
  background: var(--hdr-register-hover);
  color: var(--hdr-btn-fg);
  box-shadow:
    0 0 0 1px var(--hdr-search-focus),
    0 0 14px 2px var(--hdr-search-focus-glow);
}

.home-market-cta__tab:focus-visible {
  outline: none;
  box-shadow:
    0 0 0 1px var(--hdr-search-focus),
    0 0 14px 2px var(--hdr-search-focus-glow);
}

.home-market-cta__tab.is-active {
  background: var(--hdr-login);
  color: var(--hdr-btn-fg);
}

.home-market-cta__tab.is-active:hover,
.home-market-cta__tab.is-active:focus-visible {
  background: var(--hdr-login-hover);
  box-shadow:
    0 0 0 1px color-mix(in srgb, var(--hdr-login) 70%, transparent),
    0 0 14px 2px color-mix(in srgb, var(--hdr-login) 35%, transparent);
}

.home-market-cta__action {
  flex-shrink: 0;
  margin-left: auto;
}

.home-market-cta__market {
  --market-btn-bg: var(--hdr-register);
  --market-btn-bg-hover: var(--hdr-login);
  position: relative;
  z-index: 0;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: var(--hdr-btn-h, 40px);
  padding: 0 var(--hdr-btn-pad-x, 12px);
  border: 0;
  border-radius: var(--hdr-btn-radius);
  background: var(--market-btn-bg);
  color: var(--hdr-btn-fg);
  font: inherit;
  font-size: var(--hdr-btn-font-size);
  font-weight: 700;
  text-decoration: none;
  white-space: nowrap;
  isolation: isolate;
  overflow: hidden;
  box-sizing: border-box;
  transition: background 0.65s ease, box-shadow 0.18s ease, color 0.45s ease;
}

.home-market-cta__market::before {
  content: "";
  position: absolute;
  inset: -60%;
  z-index: -2;
  background: conic-gradient(
    from 0deg,
    transparent 0%,
    rgba(253, 252, 253, 0.9) 6%,
    transparent 14%,
    transparent 50%,
    rgba(253, 252, 253, 0.4) 56%,
    transparent 64%,
    transparent 100%
  );
  animation: home-market-cta-border-spin 2.4s linear infinite;
  pointer-events: none;
}

.home-market-cta__market::after {
  content: "";
  position: absolute;
  inset: 2px;
  z-index: -1;
  border-radius: calc(var(--hdr-btn-radius) - 2px);
  background: var(--market-btn-bg);
  transition: background 0.65s ease;
  pointer-events: none;
}

.home-market-cta__market > * {
  position: relative;
  z-index: 1;
}

.home-market-cta__market:hover {
  --market-btn-bg: var(--market-btn-bg-hover);
  background: var(--market-btn-bg-hover);
  color: var(--hdr-btn-fg);
  box-shadow:
    0 0 0 1px color-mix(in srgb, var(--hdr-login) 70%, transparent),
    0 0 14px 2px color-mix(in srgb, var(--hdr-login) 35%, transparent);
}

.home-market-cta__market:hover::after {
  background: var(--market-btn-bg-hover);
}

.home-market-cta__market:focus-visible {
  outline: none;
  box-shadow:
    0 0 0 1px var(--hdr-search-focus),
    0 0 14px 2px var(--hdr-search-focus-glow);
}

.home-market-cta__market i,
.home-market-cta__market svg {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  color: inherit;
  animation: home-market-cta-arrow-nudge 1.15s ease-in-out infinite;
}

@keyframes home-market-cta-border-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

@keyframes home-market-cta-arrow-nudge {
  0%,
  100% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(4px);
  }
}

@media (max-width: 1100px) {
  .home-market-cta__copy {
    flex-basis: 10.2rem;
    width: 10.2rem;
    min-width: 10.2rem;
    max-width: 10.2rem;
  }

  .home-market-cta__tab {
    padding: 0 12px;
    font-size: 12px;
    gap: 6px;
  }

  .home-market-cta__market {
    font-size: 12px;
  }
}

@media (max-width: 1023px) {
  .home-market-cta {
    padding-top: 14px;
    padding-bottom: calc(var(--hdr-shell-gap) + 10px);
  }

  .home-market-cta__inner {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    grid-template-areas:
      "art copy"
      "tabs tabs"
      "action action";
    gap: 10px 12px;
    padding: 10px 12px;
    border-radius: var(--hdr-frame-radius);
  }

  .home-market-cta__art {
    grid-area: art;
    width: 62px;
    margin: -1.1rem 0;
  }

  .home-market-cta__art img {
    width: 86px;
    max-height: 78px;
  }

  .home-market-cta__copy {
    grid-area: copy;
    flex: none;
    width: auto;
    min-width: 0;
    max-width: none;
  }

  .home-market-cta__title,
  .home-market-cta__lead {
    white-space: normal;
  }

  .home-market-cta__divider {
    display: none;
  }

  .home-market-cta__tabs {
    grid-area: tabs;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow: visible;
  }

  .home-market-cta__tab {
    width: 100%;
    min-width: 0;
    height: var(--hdr-btn-h-sm, 38px);
    padding: 0 6px;
    font-size: var(--hdr-font-xs, 12px);
    gap: 4px;
  }

  .home-market-cta__tab i,
  .home-market-cta__tab svg {
    width: 14px;
    height: 14px;
  }

  .home-market-cta__tab span {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .home-market-cta__action {
    grid-area: action;
    margin-left: 0;
  }

  .home-market-cta__market {
    width: 100%;
    justify-content: center;
  }
}
.home-market-cta__showcase {
  margin-top: var(--home-market-showcase-gap);
  min-width: 0;
}

.home-market-cta__panel[hidden] {
  display: none !important;
}

/* market-product-grid ile birleşik sınıf: specificity ile 6 kolon korunur */
.home-market-cta .market-product-grid.home-market-cta__grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 12px;
  align-items: stretch;
}

.home-market-cta__empty {
  min-height: 200px;
}

@media (max-width: 1200px) {
  .home-market-cta .market-product-grid.home-market-cta__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (max-width: 900px) {
  .home-market-cta .market-product-grid.home-market-cta__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
  }
}

@media (max-width: 640px) {
  .home-market-cta .market-product-grid.home-market-cta__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .home-market-cta__tab,
  .home-market-cta__market,
  .home-market-cta__market::after {
    transition: none;
  }

  .home-market-cta__market::before,
  .home-market-cta__market i,
  .home-market-cta__market svg {
    animation: none;
  }
}

.site-main--market {
  padding: 0 var(--hdr-shell-gutter) 16px;
  box-sizing: border-box;
}

.market-page {
  display: grid;
  gap: 14px;
  width: 100%;
  box-sizing: border-box;
}

.market-shell {
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
  width: 100%;
  max-width: none;
  margin: 0;
  box-sizing: border-box;
}

.market-side {
  border: 1px solid var(--hdr-frame-border);
  border-radius: 14px;
  background: var(--hdr-header-bg);
  box-shadow: none;
  box-sizing: border-box;
}

.market-side__toggle {
  display: none;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
  min-height: var(--hdr-field-control-h, 40px);
  padding: 0 16px;
  border: 1px solid var(--hdr-line);
  border-radius: var(--hdr-btn-radius, 10px);
  background: var(--hdr-page-bg);
  color: var(--hdr-btn-fg);
  font-family: inherit;
  font-size: var(--hdr-font-sm, 13px);
  font-weight: 700;
  line-height: 1.2;
  cursor: pointer;
  box-sizing: border-box;
  box-shadow: none;
  outline: none;
  -webkit-tap-highlight-color: transparent;
  transition: border-color 0.18s ease, box-shadow 0.18s ease, color 0.15s ease;
}

.market-side__toggle i,
.market-side__toggle svg {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  color: inherit;
}

.market-side__toggle:hover,
.market-side__toggle:focus-visible {
  background: var(--hdr-page-bg);
  border-color: var(--hdr-search-focus);
  color: var(--hdr-btn-fg);
  outline: none;
  box-shadow:
    0 0 0 1px var(--hdr-search-focus),
    0 0 14px 2px var(--hdr-search-focus-glow);
}

.market-side__inner {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 14px;
  box-sizing: border-box;
}

.market-side__head {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
  padding: 4px 2px 2px;
}

.market-side__head-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  border-radius: 11px;
  border: 1px solid var(--hdr-register);
  background: var(--hdr-register);
  color: var(--hdr-btn-fg);
  box-sizing: border-box;
}

.market-side__head-icon i,
.market-side__head-icon svg {
  width: 18px;
  height: 18px;
  display: block;
  fill: none;
  stroke: currentColor;
}

.market-side__head-copy {
  min-width: 0;
  display: flex;
  align-items: center;
}

.market-side__head-title {
  color: var(--hdr-btn-fg);
  font-size: 0.95rem;
  font-weight: 800;
  line-height: 1;
}

.market-side__nav {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.market-side__empty {
  margin: 8px 0 0;
  padding: 12px;
  border-radius: 10px;
  border: 1px dashed var(--hdr-field-border);
  color: var(--hdr-muted);
  font-size: var(--hdr-font-xs, 12px);
  font-weight: 600;
  text-align: center;
}

.market-side__item {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.market-side__link {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  min-width: 0;
  min-height: 42px;
  padding: 0 8px;
  border-radius: 10px;
  border: 1px solid var(--hdr-line);
  background: transparent;
  text-decoration: none;
  color: var(--hdr-btn-fg);
  box-sizing: border-box;
  transition: border-color 0.15s ease, color 0.15s ease;
}

.market-side__link--branch {
  padding-right: 4px;
  gap: 4px;
}

.market-side__link-hit {
  display: flex;
  align-items: center;
  gap: 10px;
  flex: 1 1 auto;
  min-width: 0;
  min-height: 42px;
  padding: 0;
  text-decoration: none;
  color: inherit;
  box-sizing: border-box;
}

.market-side__link-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  flex-shrink: 0;
  border-radius: 9px;
  border: 1px solid var(--hdr-line);
  background: transparent;
  color: var(--hdr-register);
  box-sizing: border-box;
}

.market-side__link-icon i,
.market-side__link-icon svg {
  width: 15px;
  height: 15px;
  display: block;
  fill: none;
  stroke: currentColor;
}

.market-side__link-label {
  flex: 1 1 auto;
  min-width: 0;
  font-size: var(--hdr-font-sm, 13px);
  font-weight: 700;
  line-height: 1.25;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.market-side__link-chevron {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  color: var(--hdr-muted);
}

.market-side__link-chevron--toggle {
  color: var(--hdr-muted);
  transition: transform 0.18s ease, color 0.15s ease;
}

.market-side__link:hover,
.market-side__link--branch:hover {
  color: var(--hdr-btn-fg);
  background: transparent;
  border-color: var(--hdr-line);
}

.market-side__link:hover .market-side__link-icon,
.market-side__link--branch:hover .market-side__link-icon {
  border-color: var(--hdr-line);
  background: transparent;
  color: var(--hdr-register);
}

.market-side__link.is-active,
.market-side__item.is-current > .market-side__link--branch {
  color: var(--hdr-btn-fg);
  background: transparent;
  border-color: var(--hdr-line);
}

.market-side__link.is-active .market-side__link-icon,
.market-side__link--branch.is-active .market-side__link-icon,
.market-side__nav > .market-side__item.is-current > .market-side__link--branch .market-side__link-icon {
  color: var(--hdr-btn-fg);
  background: var(--hdr-register);
  border-color: var(--hdr-register);
}

.market-side__expand {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  flex-shrink: 0;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 9px;
  background: transparent;
  color: inherit;
  cursor: pointer;
  appearance: none;
  box-sizing: border-box;
}

.market-side__expand i,
.market-side__expand svg {
  width: 16px;
  height: 16px;
  display: block;
}

.market-side__expand:hover,
.market-side__expand:focus-visible {
  outline: none;
  color: var(--hdr-text);
  background: var(--hdr-menu-hover);
}

.market-side__item.is-open > .market-side__link--branch .market-side__link-chevron--toggle,
.market-side__expand[aria-expanded='true'] .market-side__link-chevron--toggle {
  color: var(--hdr-text);
  transform: rotate(180deg);
}

.market-side__children {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 2px 0 2px 12px;
  margin-left: 14px;
  border-left: 2px solid var(--hdr-field-border);
}

.market-side__children[hidden] {
  display: none;
}

.market-side__children .market-side__link,
.market-side__children .market-side__link-hit {
  min-height: 38px;
}

.market-side__children .market-side__link-icon {
  width: 26px;
  height: 26px;
  border-radius: 8px;
}

.market-side__children .market-side__link-icon i,
.market-side__children .market-side__link-icon svg {
  width: 13px;
  height: 13px;
}

.market-side__children .market-side__link-label {
  font-size: var(--hdr-font-sm, 13px);
  font-weight: 600;
}

.market-side__children .market-side__link.is-active,
.market-side__children .market-side__item.is-current > .market-side__link--branch {
  color: var(--hdr-btn-fg);
  background: transparent;
  border-color: var(--hdr-line);
}

.market-side__children .market-side__link.is-active .market-side__link-icon,
.market-side__children .market-side__link--branch.is-active .market-side__link-icon,
.market-side__children .market-side__item.is-current > .market-side__link--branch .market-side__link-icon {
  color: var(--hdr-btn-fg);
  background: var(--hdr-register);
  border-color: var(--hdr-register);
}

.market-side__children .market-side__link:hover,
.market-side__children .market-side__link--branch:hover {
  border-color: var(--hdr-line);
  background: transparent;
}

.market-side__children .market-side__link.is-active .market-side__link-chevron {
  color: var(--hdr-register);
}

.market-main {
  min-width: 0;
}

.market-content {
  border: 0;
  border-radius: 0;
  background: var(--hdr-page-bg);
  box-shadow: none;
  box-sizing: border-box;
  overflow: visible;
}

.visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.market-toolbar {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 10px;
  margin: 0 0 14px;
  padding: 14px;
  border: 1px solid var(--hdr-line);
  border-radius: var(--hdr-frame-radius, 14px);
  background: var(--hdr-header-bg);
  box-sizing: border-box;
}

.market-toolbar__search {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  height: var(--hdr-field-control-h, var(--hdr-ctrl-h, 40px));
  padding: 0 10px 0 14px;
  border: 1px solid var(--hdr-ghost-border);
  border-radius: var(--hdr-btn-radius, 10px);
  background: var(--hdr-search-bg);
  color: var(--hdr-search-fg);
  box-sizing: border-box;
  transition: border-color 0.18s ease, background 0.18s ease, color 0.18s ease, box-shadow 0.18s ease;
}

.market-toolbar__search:focus-within {
  background: var(--hdr-search-bg);
  border-color: var(--hdr-search-focus);
  box-shadow:
    0 0 0 1px var(--hdr-search-focus),
    0 0 14px 2px var(--hdr-search-focus-glow);
}

.market-toolbar__search:hover {
  background: var(--hdr-search-bg);
  border-color: var(--hdr-ghost-border);
}

.market-toolbar__search:focus-within .market-toolbar__filter-btn,
.market-toolbar__search:focus-within .market-toolbar__filter-btn:hover {
  color: var(--hdr-search-focus);
}

.market-toolbar__search-icon {
  position: relative;
  z-index: 1;
  display: inline-flex;
  flex-shrink: 0;
  color: var(--hdr-search-fg);
}

.market-toolbar__search-icon i,
.market-toolbar__search-icon svg {
  width: 16px;
  height: 16px;
  display: block;
  fill: none;
  stroke: currentColor;
}

.market-toolbar__search input[type='search'] {
  position: relative;
  z-index: 1;
  flex: 1 1 auto;
  min-width: 0;
  height: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--hdr-btn-fg);
  font: inherit;
  font-size: var(--hdr-font-sm, 13px);
  font-weight: 500;
  line-height: 1.2;
  outline: none;
  box-sizing: border-box;
  caret-color: var(--hdr-search-focus);
}

.market-toolbar__search input[type='search']::placeholder {
  color: transparent;
}

.market-toolbar__search input[type='search']::-webkit-search-decoration,
.market-toolbar__search input[type='search']::-webkit-search-cancel-button,
.market-toolbar__search input[type='search']::-webkit-search-results-button,
.market-toolbar__search input[type='search']::-webkit-search-results-decoration {
  display: none;
  -webkit-appearance: none;
  appearance: none;
}

.market-toolbar__hint {
  position: absolute;
  left: 38px;
  right: 108px;
  top: 50%;
  z-index: 0;
  transform: translateY(-50%);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  pointer-events: none;
  color: var(--hdr-search-fg);
  font-size: var(--hdr-font-sm, 13px);
  font-weight: 500;
  line-height: 1.2;
}

.market-toolbar__hint::after {
  content: '';
  display: inline-block;
  width: 1.5px;
  height: 1em;
  margin-left: 1px;
  vertical-align: -0.12em;
  background: var(--hdr-search-focus);
  animation: market-search-caret 0.9s step-end infinite;
}

.market-toolbar__search.is-filled .market-toolbar__hint {
  opacity: 0;
}

@keyframes market-search-caret {
  0%,
  100% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .market-toolbar__hint::after {
    animation: none;
  }
}

.market-toolbar__filter-btn {
  position: relative;
  z-index: 1;
  appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  flex-shrink: 0;
  min-height: 30px;
  padding: 0 10px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--hdr-search-fg);
  font: inherit;
  font-size: var(--hdr-font-xs, 12px);
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  cursor: pointer;
  box-sizing: border-box;
  transition: color 0.18s ease, background 0.18s ease;
}

.market-toolbar__filter-btn i,
.market-toolbar__filter-btn svg {
  width: 14px;
  height: 14px;
  display: block;
  fill: none;
  stroke: currentColor;
}

.market-toolbar__filter-btn:hover,
.market-toolbar__filter-btn:focus-visible {
  color: var(--hdr-icon-fg);
  background: transparent;
  outline: none;
}

.market-toolbar__filter-btn:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--hdr-icon-fg) 45%, transparent);
  outline-offset: 2px;
}

.market-toolbar__sort {
  min-width: 0;
}

.site-body .market-toolbar__sort .register-custom-select,
.market-toolbar__sort .register-custom-select {
  position: relative;
  width: 100%;
}

.site-body .market-toolbar__sort .register-custom-select__native,
.market-toolbar__sort .register-custom-select__native {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  opacity: 0;
  pointer-events: none;
  clip: rect(0, 0, 0, 0);
  overflow: hidden;
}

.site-body .market-toolbar__sort .register-custom-select__btn,
.site-body .market-toolbar__sort select,
.market-toolbar__sort .register-custom-select__btn,
.market-toolbar__sort select {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  width: 100%;
  height: var(--hdr-field-control-h, var(--hdr-ctrl-h, 40px));
  min-height: var(--hdr-field-control-h, var(--hdr-ctrl-h, 40px));
  max-height: none;
  padding: 0 12px;
  border: 1px solid var(--hdr-line);
  border-radius: 10px;
  background: var(--hdr-search-bg);
  color: var(--hdr-btn-fg);
  font: inherit;
  font-size: var(--hdr-font-sm, 13px);
  font-weight: 600;
  line-height: 1.2;
  text-align: left;
  cursor: pointer;
  box-sizing: border-box;
  appearance: none;
  box-shadow: none;
  outline: none;
  transition: border-color 0.18s ease, background 0.18s ease, color 0.18s ease;
}

.site-body .market-toolbar__sort .register-custom-select.is-open .register-custom-select__btn,
.site-body .market-toolbar__sort .register-custom-select__btn:focus,
.site-body .market-toolbar__sort .register-custom-select__btn:focus-visible,
.site-body .market-toolbar__sort .register-custom-select__btn:hover,
.market-toolbar__sort .register-custom-select.is-open .register-custom-select__btn,
.market-toolbar__sort .register-custom-select__btn:focus,
.market-toolbar__sort .register-custom-select__btn:focus-visible,
.market-toolbar__sort .register-custom-select__btn:hover,
.market-toolbar__sort select:focus {
  outline: none;
  background: var(--hdr-search-bg);
  border-color: var(--hdr-line);
  box-shadow: none;
}

.site-body .market-toolbar__sort .register-custom-select__value,
.market-toolbar__sort .register-custom-select__value {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.site-body .market-toolbar__sort .register-custom-select__chev,
.market-toolbar__sort .register-custom-select__chev {
  display: inline-flex;
  flex: 0 0 auto;
  color: var(--hdr-muted);
  transition: transform 0.18s ease, color 0.18s ease;
}

.site-body .market-toolbar__sort .register-custom-select__chev i,
.site-body .market-toolbar__sort .register-custom-select__chev svg,
.market-toolbar__sort .register-custom-select__chev i,
.market-toolbar__sort .register-custom-select__chev svg {
  width: 16px;
  height: 16px;
}

.site-body .market-toolbar__sort .register-custom-select.is-open .register-custom-select__chev,
.market-toolbar__sort .register-custom-select.is-open .register-custom-select__chev {
  color: var(--hdr-muted);
  transform: rotate(180deg);
}

.site-body .market-toolbar__sort .register-custom-select__list,
.site-body .register-custom-select__list.is-portal.market-sort-list,
.market-toolbar__sort .register-custom-select__list,
.register-custom-select__list.is-portal.market-sort-list {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  right: 0;
  z-index: 40;
  list-style: none;
  margin: 0;
  padding: 6px;
  border: 1px solid var(--hdr-line);
  border-radius: 12px;
  background: var(--hdr-page-bg);
  box-shadow: none;
  box-sizing: border-box;
  max-height: min(260px, 50vh);
  overflow-y: auto;
}

.site-body .register-custom-select__list.is-portal.market-sort-list,
.register-custom-select__list.is-portal.market-sort-list {
  position: fixed;
  right: auto;
  z-index: 12100;
}

.site-body .market-toolbar__sort .register-custom-select__option,
.site-body .register-custom-select__list.is-portal.market-sort-list .register-custom-select__option,
.market-toolbar__sort .register-custom-select__option,
.register-custom-select__list.is-portal.market-sort-list .register-custom-select__option {
  padding: 10px 12px;
  border-radius: 8px;
  color: var(--hdr-btn-fg);
  font-size: var(--hdr-font-sm, 13px);
  font-weight: 600;
  cursor: pointer;
  background: transparent;
}

.market-sort-option,
.market-sort-value {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.market-sort-option__ico {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  aspect-ratio: 1 / 1;
  flex: 0 0 28px;
  border-radius: 8px;
  border: 1px solid var(--hdr-field-border);
  background: var(--hdr-field);
  color: var(--hdr-muted);
  box-sizing: border-box;
}

.market-sort-option__ico i,
.market-sort-option__ico svg {
  width: 14px;
  height: 14px;
  display: block;
}

.market-sort-option__label {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.market-sort-value .market-sort-option__ico {
  border-color: var(--hdr-accent);
  background: var(--hdr-accent);
  color: var(--hdr-white, #ffffff);
}

.site-body .market-toolbar__sort .register-custom-select__option.is-selected .market-sort-option__ico,
.site-body .register-custom-select__list.is-portal.market-sort-list .register-custom-select__option.is-selected .market-sort-option__ico,
.market-toolbar__sort .register-custom-select__option.is-selected .market-sort-option__ico,
.register-custom-select__list.is-portal.market-sort-list .register-custom-select__option.is-selected .market-sort-option__ico {
  border-color: var(--hdr-accent);
  background: var(--hdr-accent);
  color: var(--hdr-white, #ffffff);
}

.site-body .market-toolbar__sort .register-custom-select__option:hover,
.site-body .market-toolbar__sort .register-custom-select__option.is-active,
.site-body .register-custom-select__list.is-portal.market-sort-list .register-custom-select__option:hover,
.site-body .register-custom-select__list.is-portal.market-sort-list .register-custom-select__option.is-active,
.market-toolbar__sort .register-custom-select__option:hover,
.market-toolbar__sort .register-custom-select__option.is-active,
.register-custom-select__list.is-portal.market-sort-list .register-custom-select__option:hover,
.register-custom-select__list.is-portal.market-sort-list .register-custom-select__option.is-active {
  background: transparent;
}

.site-body .market-toolbar__sort .register-custom-select__option.is-selected,
.site-body .register-custom-select__list.is-portal.market-sort-list .register-custom-select__option.is-selected,
.market-toolbar__sort .register-custom-select__option.is-selected,
.register-custom-select__list.is-portal.market-sort-list .register-custom-select__option.is-selected {
  background: transparent;
  color: var(--hdr-btn-fg);
}

.market-content__body {
  padding: 0;
}

.market-product-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
  opacity: 1;
  transition: opacity 0.16s ease;
}

.market-product-grid[data-market-media-pending] {
  opacity: 0;
  pointer-events: none;
}

@media (prefers-reduced-motion: reduce) {
  .market-product-grid {
    transition: none;
  }
}

.market-product-grid[hidden],
.market-empty[hidden],
.market-product-card[hidden] {
  display: none;
}

.market-product-card {
  --mpc-radius: 14px;
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--hdr-line);
  border-radius: var(--mpc-radius);
  background: var(--hdr-header-bg);
  box-shadow: none;
  box-sizing: border-box;
  cursor: pointer;
  transition: border-color 0.18s ease, box-shadow 0.18s ease;
}

.market-product-card:hover {
  border-color: var(--hdr-search-focus);
  box-shadow:
    0 0 0 1px var(--hdr-search-focus),
    0 0 14px 2px var(--hdr-search-focus-glow);
}

.market-product-card:hover .market-product-card__title {
  color: var(--hdr-search-focus);
}

.market-product-card__media {
  position: relative;
  flex-shrink: 0;
  z-index: 1;
  margin: 9px 9px 0;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  border-radius: 12px;
  border: 1px solid var(--hdr-field-border);
  background: var(--hdr-field);
  box-sizing: border-box;
}

.market-product-card__media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.market-product-card__media-empty {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  color: var(--hdr-muted);
}

.market-product-card__media-empty i,
.market-product-card__media-empty svg {
  width: 22px;
  height: 22px;
}

.market-product-card__body {
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: 6px;
  padding: 11px 12px 10px;
  box-sizing: border-box;
  min-width: 0;
  position: relative;
  z-index: 1;
}

.market-product-card__eyebrow {
  display: block;
  margin: 0;
  color: var(--hdr-muted);
  font-size: 0.62rem;
  font-weight: 750;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.market-product-card__title {
  margin: 0;
  color: var(--hdr-text);
  font-size: 0.8rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.01em;
  word-spacing: 0.12em;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  overflow-wrap: break-word;
  word-break: normal;
  min-height: 2.8em;
  transition: color 0.18s ease;
}

.market-product-card__price-row {
  display: flex;
  flex-wrap: nowrap;
  align-items: baseline;
  gap: 6px;
  margin-top: 2px;
  min-width: 0;
  width: 100%;
}

.market-product-card__price {
  display: inline;
  flex: 0 1 auto;
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: #0ebf6a;
  font-size: 0.95rem;
  font-weight: 850;
  letter-spacing: -0.025em;
  line-height: 1.15;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}

.market-product-card__price-old {
  color: var(--hdr-muted);
  font-size: 0.72rem;
  font-weight: 600;
  white-space: nowrap;
  text-decoration-thickness: 1px;
  opacity: 0.85;
  overflow: hidden;
  text-overflow: ellipsis;
}

.market-product-card__footer {
  display: flex;
  align-items: stretch;
  gap: 7px;
  margin-top: auto;
  padding: 9px;
  position: relative;
  z-index: 1;
  border-top: 1px solid var(--hdr-field-border);
  background: transparent;
  box-sizing: border-box;
}

.market-product-card__basket,
.market-product-card__buy {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  height: 36px;
  min-height: 36px;
  padding: 0;
  border-radius: var(--hdr-btn-radius, 10px);
  text-decoration: none;
  cursor: pointer;
  box-sizing: border-box;
  font-weight: 800;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease, box-shadow 0.18s ease;
}

.market-product-card__basket {
  width: 36px;
  flex: 0 0 36px;
  border: 1px solid var(--hdr-line);
  background: var(--hdr-page-bg);
  color: var(--hdr-btn-fg);
}

.market-product-card__basket:hover:not(:disabled) {
  border-color: var(--hdr-line);
  background: var(--hdr-page-bg);
  color: var(--hdr-btn-fg);
  box-shadow: none;
}

.market-product-card__basket:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}

.market-product-card__basket.is-stock-alert {
  opacity: 1;
  cursor: pointer;
  color: var(--hdr-btn-fg);
  border-color: var(--hdr-line);
  background: var(--hdr-page-bg);
}

.market-product-card__basket.is-stock-alert:hover {
  color: var(--hdr-btn-fg);
  border-color: var(--hdr-line);
  background: var(--hdr-page-bg);
  box-shadow: none;
}

.market-product-card__basket.is-stock-alert.is-active {
  color: var(--hdr-btn-fg);
  border-color: var(--hdr-line);
  background: var(--hdr-page-bg);
  box-shadow: none;
}

.mp-stock-alert-modal {
  position: fixed;
  inset: 0;
  z-index: 1200;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  box-sizing: border-box;
}
.mp-stock-alert-modal[hidden] {
  display: none;
}
.mp-stock-alert-modal__backdrop {
  position: absolute;
  inset: 0;
  background: color-mix(in srgb, #000 62%, transparent);
}
.mp-stock-alert-modal__dialog {
  position: relative;
  z-index: 1;
  width: min(100%, var(--hdr-modal-width));
  border: 1px solid var(--hdr-line);
  border-radius: var(--hdr-modal-radius);
  background: var(--hdr-header-bg);
  box-shadow: none;
  overflow: hidden;
  box-sizing: border-box;
}
.mp-stock-alert-modal__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: var(--hdr-modal-pad);
  border-bottom: 1px solid var(--hdr-line);
}
.mp-stock-alert-modal__title {
  margin: 0;
  color: var(--hdr-btn-fg);
  font-size: var(--hdr-modal-title-size);
  font-weight: 800;
  line-height: 1.25;
}
.mp-stock-alert-modal__close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--hdr-icon-btn-size);
  height: var(--hdr-icon-btn-size);
  padding: 0;
  border: 1px solid var(--hdr-line);
  border-radius: var(--hdr-btn-radius);
  background: var(--hdr-page-bg);
  color: var(--hdr-btn-fg);
  cursor: pointer;
  box-shadow: none;
  outline: none;
  transition: border-color 0.18s ease, box-shadow 0.18s ease, color 0.15s ease;
}
.mp-stock-alert-modal__close i,
.mp-stock-alert-modal__close svg {
  width: 16px;
  height: 16px;
  display: block;
  transition: transform 0.35s ease;
}
.mp-stock-alert-modal__close:hover,
.mp-stock-alert-modal__close:focus-visible {
  background: var(--hdr-page-bg);
  border-color: var(--hdr-search-focus);
  color: var(--hdr-btn-fg);
  outline: none;
  box-shadow:
    0 0 0 1px var(--hdr-search-focus),
    0 0 14px 2px var(--hdr-search-focus-glow);
}
.mp-stock-alert-modal__close:hover i,
.mp-stock-alert-modal__close:hover svg,
.mp-stock-alert-modal__close:focus-visible i,
.mp-stock-alert-modal__close:focus-visible svg {
  transform: rotate(90deg);
}
.mp-stock-alert-modal__body {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 14px;
  padding: 16px;
  text-align: left;
}
.mp-stock-alert-modal__text {
  margin: 0;
  color: var(--hdr-search-fg);
  font-size: var(--hdr-font-sm, 13px);
  font-weight: 500;
  line-height: 1.45;
}
.mp-stock-alert-modal__actions {
  display: flex;
  gap: 8px;
  width: 100%;
  margin-top: 2px;
}
.mp-stock-alert-modal__btn {
  flex: 1 1 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  padding: 0 12px;
  border-radius: var(--hdr-btn-radius);
  font: inherit;
  font-size: var(--hdr-font-sm, 13px);
  font-weight: 700;
  cursor: pointer;
  box-shadow: none;
  outline: none;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}
.mp-stock-alert-modal__btn--ghost {
  border: 1px solid var(--hdr-line);
  background: var(--hdr-page-bg);
  color: var(--hdr-btn-fg);
}
.mp-stock-alert-modal__btn--ghost:hover,
.mp-stock-alert-modal__btn--ghost:focus-visible {
  background: var(--hdr-page-bg);
  border-color: var(--hdr-line);
  color: var(--hdr-btn-fg);
  outline: none;
}
.mp-stock-alert-modal__btn--primary {
  border: 1px solid var(--hdr-register);
  background: var(--hdr-register);
  color: var(--hdr-btn-fg);
}
.mp-stock-alert-modal__btn--primary:hover,
.mp-stock-alert-modal__btn--primary:focus-visible {
  background: var(--hdr-register-hover);
  border-color: var(--hdr-register-hover);
  color: var(--hdr-btn-fg);
  outline: none;
}
html.mp-stock-alert-open {
  overflow: hidden;
}

.mp-cart-qty-modal {
  position: fixed;
  inset: 0;
  z-index: 1200;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  box-sizing: border-box;
}

.mp-cart-qty-modal[hidden] {
  display: none;
}

.mp-cart-qty-modal__backdrop {
  position: absolute;
  inset: 0;
  background: color-mix(in srgb, #000 62%, transparent);
}

.mp-cart-qty-modal__dialog {
  position: relative;
  z-index: 1;
  width: min(100%, var(--hdr-modal-width));
  border: 1px solid var(--hdr-line);
  border-radius: var(--hdr-modal-radius);
  background: var(--hdr-header-bg);
  box-shadow: none;
  overflow: hidden;
  box-sizing: border-box;
}

.mp-cart-qty-modal__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: var(--hdr-modal-pad);
  border-bottom: 1px solid var(--hdr-line);
}

.mp-cart-qty-modal__title {
  margin: 0;
  color: var(--hdr-btn-fg);
  font-size: var(--hdr-modal-title-size);
  font-weight: 800;
}

.mp-cart-qty-modal__close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--hdr-icon-btn-size);
  height: var(--hdr-icon-btn-size);
  padding: 0;
  border: 1px solid var(--hdr-line);
  border-radius: var(--hdr-btn-radius);
  background: var(--hdr-page-bg);
  color: var(--hdr-btn-fg);
  cursor: pointer;
  box-shadow: none;
  outline: none;
  transition: border-color 0.18s ease, box-shadow 0.18s ease, color 0.15s ease;
}

.mp-cart-qty-modal__close i,
.mp-cart-qty-modal__close svg {
  width: 16px;
  height: 16px;
  display: block;
  transition: transform 0.35s ease;
}

.mp-cart-qty-modal__close:hover,
.mp-cart-qty-modal__close:focus-visible {
  background: var(--hdr-page-bg);
  border-color: var(--hdr-search-focus);
  color: var(--hdr-btn-fg);
  outline: none;
  box-shadow:
    0 0 0 1px var(--hdr-search-focus),
    0 0 14px 2px var(--hdr-search-focus-glow);
}

.mp-cart-qty-modal__close:hover i,
.mp-cart-qty-modal__close:hover svg,
.mp-cart-qty-modal__close:focus-visible i,
.mp-cart-qty-modal__close:focus-visible svg {
  transform: rotate(90deg);
}

.mp-cart-qty-modal__body {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 16px;
  text-align: center;
}

.mp-cart-qty-modal__product {
  margin: 0;
  max-width: 36ch;
  color: var(--hdr-btn-fg);
  font-size: 15px;
  font-weight: 700;
  line-height: 1.35;
}

.mp-cart-qty-modal__hint {
  margin: 0;
  color: var(--hdr-search-fg);
  font-size: var(--hdr-font-sm, 13px);
  font-weight: 500;
  line-height: 1.35;
}

.mp-cart-qty-modal__qty {
  display: inline-flex;
  align-items: center;
  height: 34px;
  border: 1px solid var(--hdr-line);
  border-radius: 10px;
  overflow: hidden;
  background: var(--hdr-search-bg);
}

.mp-cart-qty-modal__qty-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 100%;
  border: 0;
  background: transparent;
  color: var(--hdr-search-fg);
  cursor: pointer;
}

.mp-cart-qty-modal__qty-btn:hover:not(:disabled) {
  color: var(--hdr-btn-fg);
}

.mp-cart-qty-modal__qty-btn:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

.mp-cart-qty-modal__qty-btn i,
.mp-cart-qty-modal__qty-btn svg {
  width: 15px;
  height: 15px;
  display: block;
}

.mp-cart-qty-modal__qty-input {
  width: 44px;
  height: 100%;
  border: 0;
  border-left: 1px solid var(--hdr-line);
  border-right: 1px solid var(--hdr-line);
  background: transparent;
  color: var(--hdr-btn-fg);
  text-align: center;
  font: inherit;
  font-size: var(--hdr-font-sm, 13px);
  font-weight: 700;
  -moz-appearance: textfield;
  appearance: textfield;
  caret-color: var(--hdr-search-focus);
}

.mp-cart-qty-modal__qty-input::-webkit-outer-spin-button,
.mp-cart-qty-modal__qty-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.mp-cart-qty-modal__actions {
  display: flex;
  gap: 8px;
  width: 100%;
  margin-top: 2px;
}

.mp-cart-qty-modal__btn {
  flex: 1 1 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  padding: 0 12px;
  border-radius: var(--hdr-btn-radius);
  font: inherit;
  font-size: var(--hdr-font-sm, 13px);
  font-weight: 700;
  cursor: pointer;
  box-shadow: none;
  outline: none;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.mp-cart-qty-modal__btn--ghost {
  border: 1px solid var(--hdr-line);
  background: var(--hdr-page-bg);
  color: var(--hdr-btn-fg);
}

.mp-cart-qty-modal__btn--ghost:hover,
.mp-cart-qty-modal__btn--ghost:focus-visible {
  background: var(--hdr-page-bg);
  border-color: var(--hdr-line);
  color: var(--hdr-btn-fg);
  outline: none;
}

.mp-cart-qty-modal__btn--primary {
  border: 1px solid var(--hdr-register);
  background: var(--hdr-register);
  color: var(--hdr-btn-fg);
}

.mp-cart-qty-modal__btn--primary:hover:not(:disabled) {
  background: var(--hdr-register-hover);
  border-color: var(--hdr-register-hover);
  color: var(--hdr-btn-fg);
}

.mp-cart-qty-modal__btn:disabled {
  opacity: 0.6;
  cursor: wait;
}

html.mp-cart-qty-open {
  overflow: hidden;
}

.market-product-card__basket i,
.market-product-card__basket svg {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
}

.market-product-card__buy {
  flex: 0.92 1 auto;
  min-width: 0;
  width: auto;
  padding: 0 10px;
  border: 1px solid var(--hdr-register);
  background: var(--hdr-register);
  color: var(--hdr-btn-fg);
  font: inherit;
  font-size: var(--hdr-font-sm, 13px);
  font-weight: 800;
  letter-spacing: 0.01em;
  white-space: nowrap;
  text-decoration: none;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  appearance: none;
  -webkit-appearance: none;
}

.market-product-card__buy:hover {
  background: var(--hdr-register-hover);
  border-color: var(--hdr-register-hover);
  color: var(--hdr-btn-fg);
}

.market-product-card__buy--disabled {
  opacity: 1;
  cursor: not-allowed;
  pointer-events: none;
  border-color: var(--hdr-line);
  background: var(--hdr-page-bg);
  color: var(--hdr-search-fg);
}

.market-product-card__buy--disabled.is-in-use {
  border-color: color-mix(in srgb, var(--hdr-login) 38%, var(--hdr-line));
  background: color-mix(in srgb, var(--hdr-login) 12%, var(--hdr-page-bg));
  color: var(--hdr-login);
}

.market-product-card__buy--disabled:hover {
  border-color: var(--hdr-line);
  background: var(--hdr-page-bg);
  color: var(--hdr-search-fg);
}

.market-product-card__buy--disabled.is-in-use:hover {
  border-color: color-mix(in srgb, var(--hdr-login) 38%, var(--hdr-line));
  background: color-mix(in srgb, var(--hdr-login) 12%, var(--hdr-page-bg));
  color: var(--hdr-login);
}

.market-product-card__price.is-empty {

  display: inline-block;
  min-width: 4.2rem;
  min-height: 1.1em;
  color: transparent;
  user-select: none;
}

.market-product-card__buy span {

  display: inline;
}

html.mp-hitbot-modal-open {
  overflow: hidden;
}

.mp-hitbot-modal {
  position: fixed;
  inset: 0;
  z-index: 1310;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  box-sizing: border-box;
}

.mp-hitbot-modal[hidden] {
  display: none;
}

.mp-hitbot-modal__backdrop {
  position: absolute;
  inset: 0;
  background: color-mix(in srgb, #000 55%, transparent);
}

.mp-hitbot-modal__dialog {
  position: relative;
  z-index: 1;
  width: min(100%, var(--hdr-modal-width, 420px));
  max-height: min(88vh, 560px);
  overflow: auto;
  padding: var(--hdr-modal-pad, 14px 16px);
  border: 1px solid var(--hdr-line);
  border-radius: var(--hdr-modal-radius, 14px);
  background: var(--hdr-header-bg);
  box-shadow: var(--hdr-frame-drop);
  box-sizing: border-box;
}

.mp-hitbot-modal__close {
  position: absolute;
  top: 12px;
  right: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--hdr-icon-btn-size, 40px);
  height: var(--hdr-icon-btn-size, 40px);
  border: 0;
  border-radius: var(--hdr-btn-radius);
  background: transparent;
  color: var(--hdr-search-fg);
  cursor: pointer;
  transition: color 0.15s ease;
}

.mp-hitbot-modal__close i,
.mp-hitbot-modal__close svg {
  width: 16px;
  height: 16px;
  display: block;
  transition: transform 0.25s ease;
}

.mp-hitbot-modal__close [data-hitbot-nav-icon][hidden] {
  display: none;
}

.mp-hitbot-modal__close:hover,
.mp-hitbot-modal__close:focus-visible {
  color: var(--hdr-btn-fg);
  background: transparent;
  outline: none;
}

.mp-hitbot-modal__close:hover i,
.mp-hitbot-modal__close:hover svg,
.mp-hitbot-modal__close:focus-visible i,
.mp-hitbot-modal__close:focus-visible svg {
  transform: rotate(90deg);
}

.mp-hitbot-modal__head {
  padding-right: 36px;
  margin-bottom: 14px;
}

.mp-hitbot-modal__title {
  margin: 0;
  font-size: var(--hdr-modal-title-size, 15px);
  font-weight: 700;
  color: var(--hdr-btn-fg);
}

.mp-hitbot-modal__list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.mp-hitbot-modal__list[hidden] {
  display: none;
}

.mp-hitbot-modal__btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  margin: 0;
  padding: 12px 14px;
  border-radius: var(--hdr-btn-radius);
  border: 1px solid var(--hdr-line);
  background: var(--hdr-page-bg);
  color: var(--hdr-btn-fg);
  font: inherit;
  font-size: var(--hdr-font-sm);
  font-weight: 700;
  letter-spacing: -0.01em;
  text-align: left;
  cursor: pointer;
  box-sizing: border-box;
  appearance: none;
  -webkit-appearance: none;
  transition: border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}

.mp-hitbot-modal__btn:hover,
.mp-hitbot-modal__btn:focus-visible {
  outline: none;
  border-color: var(--hdr-search-focus);
  background: var(--hdr-page-bg);
  color: var(--hdr-search-focus);
  box-shadow:
    0 0 0 1px var(--hdr-search-focus),
    0 0 14px 2px var(--hdr-search-focus-glow);
}

.mp-hitbot-modal__btn.is-selected {
  border-color: var(--hdr-search-focus);
  background: var(--hdr-page-bg);
  color: var(--hdr-btn-fg);
  box-shadow:
    0 0 0 1px var(--hdr-search-focus),
    0 0 14px 2px var(--hdr-search-focus-glow);
}

.mp-hitbot-modal__btn-label {
  min-width: 0;
  color: inherit;
}

.mp-hitbot-modal__btn-price {
  flex-shrink: 0;
  font-size: var(--hdr-font-sm);
  font-weight: 700;
  color: var(--hdr-login);
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}

.mp-hitbot-modal__btn.is-free .mp-hitbot-modal__btn-price {
  color: var(--hdr-login);
}

.mp-hitbot-modal__fields[hidden] {
  display: none;
}

.mp-hitbot-modal__fields {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.mp-hitbot-modal__fields-lead {
  margin: 0;
  font-size: var(--hdr-font-sm);
  font-weight: 600;
  line-height: 1.35;
  color: var(--hdr-search-fg);
}

.mp-hitbot-modal__fields-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.mp-hitbot-modal__fields-lead.mp-hitbot-modal__fields-error {
  color: var(--hdr-register);
  margin: 0.15rem 0 0;
}

.mp-hitbot-modal__fields-error[hidden] {
  display: none;
}

.mp-hitbot-modal__field {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}

.mp-hitbot-modal__field[hidden],
[data-clickaine-perde-wrap][hidden],
[data-indexer-url2-wrap][hidden] {
  display: none;
}

.mp-hitbot-modal__field > label {
  font-size: var(--hdr-font-sm);
  font-weight: 600;
  color: var(--hdr-search-fg);
}

.mp-hitbot-modal__field input,
.mp-hitbot-modal__field input[type='text'],
.mp-hitbot-modal__field input[type='url'],
.mp-hitbot-modal__field input[type='email'],
.mp-hitbot-modal__field input:not([type]) {
  width: 100%;
  min-height: var(--hdr-field-control-h, 40px);
  padding: 0 12px;
  border: 1px solid var(--hdr-line);
  border-radius: var(--hdr-btn-radius, 10px);
  background: var(--hdr-page-bg);
  color: var(--hdr-btn-fg);
  font-size: var(--hdr-font-sm);
  box-sizing: border-box;
  box-shadow: none;
  outline: none;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.mp-hitbot-modal__field input:focus,
.mp-hitbot-modal__field input[type='text']:focus,
.mp-hitbot-modal__field input[type='url']:focus,
.mp-hitbot-modal__field input[type='email']:focus,
.mp-hitbot-modal__field input:not([type]):focus {
  outline: none;
  border-color: var(--hdr-search-focus);
  box-shadow:
    0 0 0 1px var(--hdr-search-focus),
    0 0 14px 2px var(--hdr-search-focus-glow);
}

.mp-hitbot-modal__proxy-modes {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}

.mp-hitbot-modal__proxy-option {
  display: flex;
  align-items: center;
  gap: 6px;
  min-height: var(--hdr-field-control-h, 40px);
  min-width: 0;
  padding: 6px 8px;
  border: 1px solid var(--hdr-line);
  border-radius: var(--hdr-btn-radius, 10px);
  background: var(--hdr-page-bg);
  cursor: pointer;
  font-size: var(--hdr-font-xs);
  font-weight: 600;
  color: var(--hdr-btn-fg);
  line-height: 1.2;
  box-sizing: border-box;
}

.mp-hitbot-modal__proxy-option span {
  min-width: 0;
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.mp-hitbot-modal__proxy-option:has(input:checked) {
  border-color: var(--hdr-search-focus);
  background: var(--hdr-page-bg);
  box-shadow:
    0 0 0 1px var(--hdr-search-focus),
    0 0 14px 2px var(--hdr-search-focus-glow);
}

.mp-hitbot-modal__proxy-option input[type='radio'] {
  width: 16px;
  height: 16px;
  min-width: 16px;
  min-height: 16px;
  margin: 0;
  padding: 0;
  flex-shrink: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  accent-color: var(--hdr-register);
  appearance: auto;
  -webkit-appearance: radio;
}

.mp-hitbot-modal__proxy-input {
  margin-top: 8px;
}

.mp-hitbot-modal__proxy-input[hidden] {
  display: none;
}

.mp-hitbot-modal__proxy-input input[type='text'] {
  width: 100%;
  min-height: var(--hdr-field-control-h, 40px);
  padding: 0 12px;
  border: 1px solid var(--hdr-line);
  border-radius: var(--hdr-btn-radius, 10px);
  background: var(--hdr-page-bg);
  color: var(--hdr-btn-fg);
  font-size: var(--hdr-font-sm);
  box-sizing: border-box;
  box-shadow: none;
  outline: none;
}

.mp-hitbot-modal__proxy-input input[type='text']:focus {
  outline: none;
  border-color: var(--hdr-search-focus);
  box-shadow:
    0 0 0 1px var(--hdr-search-focus),
    0 0 14px 2px var(--hdr-search-focus-glow);
}

.mp-hitbot-modal__confirm {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: var(--hdr-btn-h, 40px);
  margin-top: 4px;
  border: 0;
  border-radius: var(--hdr-btn-radius, 10px);
  background: var(--hdr-register);
  color: var(--hdr-btn-fg);
  font-size: var(--hdr-font-sm);
  font-weight: 700;
  cursor: pointer;
}

.mp-hitbot-modal__confirm:hover {
  background: var(--hdr-register-hover);
  border-color: transparent;
}

@media (max-width: 1400px) {
  .market-product-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (max-width: 1100px) {
  .market-product-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
  }
}

@media (max-width: 720px) {
  .market-product-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }

  .market-content__body {
    padding: 0;
  }

  .market-product-card__media {
    margin: 8px 8px 0;
  }

  .market-product-card__body {
    padding: 10px 10px 9px;
  }

  .market-product-card__footer {
    padding: 8px;
  }
}

.market-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 240px;
  padding: 28px 18px;
  border: 1px solid var(--hdr-line);
  border-radius: 14px;
  background: var(--hdr-bg);
  text-align: center;
  box-sizing: border-box;
}

.market-empty__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  border-radius: 14px;
  border: 1px solid var(--hdr-line);
  background: var(--hdr-bg);
  color: var(--hdr-icon-fg);
}

.market-empty__icon i,
.market-empty__icon svg {
  width: 24px;
  height: 24px;
}

.market-empty__title {
  margin: 0;
  color: var(--hdr-text);
  font-size: 1rem;
  font-weight: 800;
}

.market-empty__text {
  margin: 0;
  max-width: 34rem;
  color: var(--hdr-muted);
  font-size: var(--hdr-font-sm, 13px);
  font-weight: 500;
  line-height: 1.5;
}

@media (max-width: 1023px) {
  .market-side {
    padding: 10px;
  }

  .market-side__toggle {
    display: inline-flex;
  }

  .market-side__inner {
    display: none;
    padding: 12px 4px 4px;
  }

  .market-side.is-open .market-side__inner {
    display: flex;
  }
}

@media (min-width: 1024px) {
  .site-main--market {
    padding-top: 0;
    padding-bottom: 20px;
    overflow: visible;
  }

  .market-page,
  .market-shell {
    overflow: visible;
  }

  .market-shell {
    grid-template-columns: 280px minmax(0, 1fr);
    gap: 14px;
    align-items: start;
  }

  .market-side {
    position: sticky;
    top: 14px;
    z-index: 30;
    align-self: start;
    width: 100%;
    max-height: calc(100vh - 28px);
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }

  .market-side::-webkit-scrollbar {
    width: 0;
    height: 0;
  }

  .market-side__toggle {
    display: none;
  }

  .market-side__inner {
    display: flex;
    padding: 16px;
    gap: 16px;
  }

  .market-content__body {
    padding: 0;
  }

  .market-toolbar {
    grid-template-columns: minmax(0, 1fr) minmax(180px, 240px);
    gap: 12px;
    padding: 14px 16px;
  }

  .market-toolbar__search,
  .site-body .market-toolbar__sort .register-custom-select__btn,
  .market-toolbar__sort .register-custom-select__btn,
  .market-toolbar__sort select {
    border-radius: 9px;
  }

  .market-toolbar__hint {
    right: 118px;
  }

  .market-empty {
    min-height: 320px;
  }
}

.site-main--market.site-main--market-product {

  padding-top: 0;
  padding-bottom: 16px;
}

@media (min-width: 1024px) {
  .site-main--market.site-main--market-product {
    padding-top: 0;
    padding-bottom: 20px;
  }
}

.market-shell--product {
  display: block;
}

.market-shell--product .market-main {
  min-width: 0;
  width: 100%;
  max-width: none;
}

.market-main > .market-product {
  width: 100%;
  max-width: none;
  margin: 0;
  box-sizing: border-box;
  --mp-color-success: var(--hdr-login);
}

.market-product-similar {
  width: 100%;
  max-width: none;
  margin: clamp(18px, 2.5vw, 28px) 0 0;
  box-sizing: border-box;
}

.market-product-similar__divider {
  height: 0;
  border: 0;
  border-top: 1px solid var(--hdr-line);
  margin: 0 0 clamp(14px, 2vw, 18px);
}

.market-product-similar__title {
  margin: 0 0 clamp(12px, 1.8vw, 16px);
  color: var(--hdr-btn-fg);
  font-size: var(--hdr-font);
  font-weight: 700;
  letter-spacing: -0.01em;
  line-height: 1.25;
}

.market-product-similar__body {
  min-width: 0;
}

.market-product-similar__grid {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

@media (max-width: 1400px) {
  .market-product-similar__grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}

@media (max-width: 1100px) {
  .market-product-similar__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (max-width: 820px) {
  .market-product-similar__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
  }
}

@media (max-width: 560px) {
  .market-product-similar {
    margin-top: 14px;
  }

  .market-product-similar__body {
    margin-inline: -4px;
    padding-inline: 4px;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  .market-product-similar__body::-webkit-scrollbar {
    display: none;
  }

  .market-product-similar__grid {
    display: flex;
    flex-wrap: nowrap;
    gap: 10px;
    width: max-content;
    min-width: 100%;
    padding-bottom: 2px;
  }

  .market-product-similar__grid .market-product-card {
    flex: 0 0 min(168px, 44vw);
    width: min(168px, 44vw);
    max-width: min(168px, 44vw);
  }
}

.market-product__layout {
  display: grid;

  grid-template-columns: minmax(280px, 460px) minmax(0, 1fr);
  column-gap: clamp(16px, 2.4vw, 24px);
  row-gap: clamp(12px, 1.8vw, 20px);
  align-items: stretch;
}

.market-product__gallery,
.market-product__info {
  min-width: 0;
}

.market-product__slider {
  position: relative;
  width: 100%;
  aspect-ratio: 1 / 1;
  border-radius: var(--hdr-frame-radius);
  overflow: hidden;
  border: 1px solid var(--hdr-line);
  background: var(--hdr-header-bg);
  box-shadow: none;
}

.market-product__slides {
  position: relative;
  width: 100%;
  height: 100%;
}

.market-product__slide {
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 0.35s ease;
  pointer-events: none;
}

.market-product__slide.is-active {
  opacity: 1;
  z-index: 1;
  pointer-events: auto;
}

.market-product__slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.market-product__slide-empty {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  color: var(--hdr-search-fg);
}

.market-product__slide-empty i,
.market-product__slide-empty svg {
  width: 42px;
  height: 42px;
}

.market-product__slider-actions {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  z-index: 3;
  display: flex;
  justify-content: space-between;
  padding: 0 12px;
  transform: translateY(-50%);
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.18s ease;
}

.market-product__slider:hover .market-product__slider-actions,
.market-product__slider:focus-within .market-product__slider-actions {
  opacity: 1;
}

.market-product__slider-btn {
  pointer-events: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--hdr-icon-btn-size, 40px);
  height: var(--hdr-icon-btn-size, 40px);
  border: 1px solid var(--hdr-line);
  border-radius: var(--hdr-btn-radius);
  background: var(--hdr-page-bg);
  color: var(--hdr-search-fg);
  cursor: pointer;
  transition: border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
}

.market-product__slider-btn:hover,
.market-product__slider-btn:focus-visible {
  background: var(--hdr-page-bg);
  border-color: var(--hdr-search-focus);
  color: var(--hdr-search-focus);
  box-shadow:
    0 0 0 1px var(--hdr-search-focus),
    0 0 14px 2px var(--hdr-search-focus-glow);
  outline: none;
}

.market-product__slider-btn i,
.market-product__slider-btn svg {
  width: 18px;
  height: 18px;
}

.market-product__dots {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 12px;
  z-index: 3;
  display: flex;
  justify-content: center;
  gap: 6px;
  opacity: 0;
  transition: opacity 0.18s ease;
}

.market-product__slider:hover .market-product__dots,
.market-product__slider:focus-within .market-product__dots {
  opacity: 1;
}

.market-product__dot {
  width: 8px;
  height: 8px;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: color-mix(in srgb, var(--hdr-btn-fg) 35%, transparent);
  cursor: pointer;
}

.market-product__dot.is-active {
  background: var(--hdr-register);
}

.market-product__info {
  display: flex;
  flex-direction: column;
  min-height: 0;
  height: 100%;
}

.market-product__card {
  display: flex;
  flex-direction: column;
  gap: clamp(12px, 1.6vw, 16px);
  flex: 1 1 auto;
  height: 100%;
  min-height: 0;
  padding: clamp(14px, 2.2vw, 22px);
  border: 1px solid var(--hdr-line);
  border-radius: var(--hdr-frame-radius);
  background: var(--hdr-header-bg);
  box-shadow: none;
  box-sizing: border-box;
}

.market-product__header {
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex: 1 1 auto;
  min-height: 0;
  min-width: 0;
}

.market-product__title-row {
  --mp-title-size: clamp(0.96rem, 0.42vw + 0.84rem, 1.28rem);
  --mp-title-lh: 1.22;
  --mp-fav-size: var(--hdr-icon-btn-size, 40px);
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}

.market-product__title-row .market-product__title {
  flex: 1 1 auto;
  min-width: 0;
  margin: 0;
  font-size: var(--mp-title-size);
  line-height: var(--mp-title-lh);
}

.market-product__fav {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--mp-fav-size);
  height: var(--mp-fav-size);
  margin: 0;
  padding: 0;
  border: 1px solid var(--hdr-line);
  border-radius: var(--hdr-btn-radius);
  background: var(--hdr-page-bg);
  color: var(--hdr-search-fg);
  cursor: pointer;
  box-sizing: border-box;
  line-height: 0;
  transition: color 0.18s ease, border-color 0.18s ease, box-shadow 0.15s ease, background 0.15s ease;
}

.market-product__fav i,
.market-product__fav svg {
  width: 18px;
  height: 18px;
  display: block;
  stroke-width: 2.15;
}

.market-product__fav:hover,
.market-product__fav:focus-visible {
  color: var(--hdr-search-focus);
  border-color: var(--hdr-search-focus);
  background: var(--hdr-page-bg);
  box-shadow:
    0 0 0 1px var(--hdr-search-focus),
    0 0 14px 2px var(--hdr-search-focus-glow);
  outline: none;
}

.market-product__fav.is-active {
  color: var(--hdr-btn-fg);
  border-color: var(--hdr-register);
  background: var(--hdr-register);
}

.market-product__fav.is-active i,
.market-product__fav.is-active svg {
  fill: currentColor;
  stroke: currentColor;
}

.market-product__fav.is-busy {
  opacity: 0.65;
  pointer-events: none;
}

.market-product__fav.is-pop {
  transform: scale(1.1);
}

.market-product__title {
  margin: 0;
  color: var(--hdr-btn-fg);
  font-weight: 700;
  letter-spacing: -0.01em;
  overflow-wrap: anywhere;
}

.market-product__short {
  flex: 1 1 auto;
  min-height: 0;
  color: var(--hdr-search-fg);
  font-size: var(--hdr-font);
  font-weight: 400;
  line-height: 1.65;
  overflow-y: auto;
}

.market-product__short,
.market-product__short p,
.market-product__short span,
.market-product__short li,
.market-product__short strong,
.market-product__short b,
.market-product__short em {
  color: var(--hdr-search-fg);
}

.market-product__short p {
  margin: 0 0 0.45em;
}

.market-product__short p:last-child {
  margin-bottom: 0;
}

.market-product__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  margin-top: 0;
  flex: 0 0 auto;
}

.market-product__meta-item {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: var(--hdr-btn-h-sm, 38px);
  max-width: 100%;
  padding: 4px 12px 4px 6px;
  border-radius: var(--hdr-btn-radius, 10px);
  border: 1px solid var(--hdr-line);
  background: var(--hdr-page-bg);
  box-sizing: border-box;
  box-shadow: none;
}

.market-product__meta-item[hidden] {
  display: none;
}

.market-product__meta-icon {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  object-fit: contain;
  display: block;
}

.market-product__meta-value {
  color: var(--hdr-btn-fg);
  font-size: var(--hdr-font-sm);
  font-weight: 700;
  line-height: 1.25;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.market-product__purchase {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding-top: 14px;
  border-top: 1px solid var(--hdr-line);
  margin-top: auto;
  flex: 0 0 auto;
  --mp-action-h: var(--hdr-btn-h, 40px);
  --mp-action-radius: var(--hdr-btn-radius, 10px);
}

.market-product__price-line {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.market-product__price-cluster {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}

.market-product__price-old {
  color: var(--hdr-search-fg);
  font-size: var(--hdr-font-sm);
  font-weight: 600;
}

.market-product__price {
  color: var(--hdr-btn-fg);
  font-size: clamp(1.25rem, 1.6vw + 0.8rem, 1.9rem);
  font-weight: 900;
  letter-spacing: -0.03em;
  line-height: 1.1;
}

.market-product__price.price-count-active,
.market-product__price-old.price-count-active {
  display: inline-block;
  transition: color 0.28s ease, transform 0.28s ease;
  will-change: transform, color;
}

.market-product__price.price-count-up,
.market-product__price-old.price-count-up {
  color: var(--hdr-login);
  transform: translateY(-2px);
}

.market-product__price.price-count-down,
.market-product__price-old.price-count-down {
  color: var(--hdr-register);
  transform: translateY(2px);
}

.market-product__badges {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 8px;
  flex-shrink: 0;
  margin-left: auto;
  min-width: 0;
}

.market-product__stock-slot {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex: 0 0 auto;
}

.market-product__stock {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: var(--hdr-btn-h-sm, 38px);
  padding: 0 var(--hdr-btn-pad-x, 12px);
  border-radius: var(--hdr-btn-radius, 10px);
  border: 1px solid var(--hdr-line);
  background: var(--hdr-page-bg);
  color: var(--hdr-search-fg);
  font-size: var(--hdr-font-sm);
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
  flex: 0 1 auto;
  box-sizing: border-box;
  box-shadow: none;
}

.market-product__stock.is-in-stock {
  color: var(--hdr-login);
  border-color: color-mix(in srgb, var(--hdr-login) 42%, var(--hdr-line));
}

.market-product__stock.is-out-of-stock {
  color: var(--hdr-register);
  border-color: color-mix(in srgb, var(--hdr-register) 42%, var(--hdr-line));
}

.market-product__stock.is-in-use {
  color: var(--hdr-login);
  border-color: color-mix(in srgb, var(--hdr-login) 42%, var(--hdr-line));
}

.market-product__stock i,
.market-product__stock svg {
  width: 15px;
  height: 15px;
  flex-shrink: 0;
  color: currentColor;
}

.market-product__sale-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: var(--hdr-btn-h-sm, 38px);
  padding: 0 var(--hdr-btn-pad-x, 12px);
  border-radius: var(--hdr-btn-radius, 10px);
  border: 1px solid color-mix(in srgb, var(--hdr-login) 42%, var(--hdr-line));
  background: var(--hdr-page-bg);
  color: var(--hdr-login);
  font-size: var(--hdr-font-sm);
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
  flex: 0 1 auto;
  box-sizing: border-box;
  box-shadow: none;
}

.market-product__sale-badge i,
.market-product__sale-badge svg {
  width: 15px;
  height: 15px;
  flex-shrink: 0;
}

.market-product__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: clamp(8px, 1.2vw, 10px);
}

.market-product__qty {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  max-width: 132px;
  height: var(--mp-action-h);
  border: 1px solid var(--hdr-line);
  border-radius: var(--hdr-btn-radius);
  background: var(--hdr-page-bg);
  overflow: hidden;
  box-sizing: border-box;
  box-shadow: none;
}

.market-product__qty.is-disabled {
  opacity: 0.55;
}

.market-product__qty-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: calc(var(--mp-action-h) - 6px);
  height: 100%;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--hdr-search-fg);
  cursor: pointer;
  box-shadow: none;
  outline: none;
  transition: color 0.15s ease, background 0.15s ease;
}

.market-product__qty-btn:hover:not(:disabled),
.market-product__qty-btn:focus-visible:not(:disabled) {
  color: var(--hdr-search-focus);
  background: transparent;
  outline: none;
}

.market-product__qty-btn:disabled {
  cursor: not-allowed;
  opacity: 0.4;
}

.market-product__qty-btn i,
.market-product__qty-btn svg {
  width: 15px;
  height: 15px;
}

.market-product__qty-input {
  flex: 1 1 auto;
  min-width: 0;
  width: 2.4em;
  height: 100%;
  border: 0;
  border-left: 1px solid var(--hdr-line);
  border-right: 1px solid var(--hdr-line);
  border-radius: 0;
  background: transparent;
  color: var(--hdr-btn-fg);
  text-align: center;
  font: inherit;
  font-size: var(--hdr-font-sm);
  font-weight: 700;
  box-shadow: none;
  outline: none;
  -moz-appearance: textfield;
  appearance: textfield;
}

.market-product__qty-input:focus {
  outline: none;
  color: var(--hdr-btn-fg);
  box-shadow: none;
}

.market-product__qty-input::-webkit-outer-spin-button,
.market-product__qty-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.market-product__price.is-empty {
  min-height: 1.15em;
  min-width: 4.5rem;
  color: transparent;
  user-select: none;
}

.market-product__stock.is-placeholder {
  min-width: 4.75rem;
  min-height: var(--hdr-btn-h-sm, 38px);
  visibility: hidden;
  pointer-events: none;
}

button.market-product__stock {
  font: inherit;
  appearance: none;
  -webkit-appearance: none;
  cursor: default;
}

button.market-product__stock.is-editable {
  cursor: pointer;
  pointer-events: auto;
  transition: border-color 0.15s ease, color 0.15s ease, background 0.15s ease, box-shadow 0.15s ease;
}

button.market-product__stock.is-editable:hover,
button.market-product__stock.is-editable:focus-visible {
  outline: none;
  border-color: var(--hdr-search-focus);
  background: var(--hdr-page-bg);
  color: var(--hdr-search-focus);
  box-shadow:
    0 0 0 1px var(--hdr-search-focus),
    0 0 14px 2px var(--hdr-search-focus-glow);
}

.mp-hitbot-modal__clear {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-top: 10px;
  min-height: var(--hdr-btn-h, 40px);
  border: 1px solid var(--hdr-line);
  border-radius: var(--hdr-btn-radius);
  background: var(--hdr-page-bg);
  color: var(--hdr-search-fg);
  font: inherit;
  font-size: var(--hdr-font-sm);
  font-weight: 700;
  cursor: pointer;
  box-sizing: border-box;
  transition: border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}

.mp-hitbot-modal__clear:hover,
.mp-hitbot-modal__clear:focus-visible {
  color: var(--hdr-search-focus);
  border-color: var(--hdr-search-focus);
  background: var(--hdr-page-bg);
  box-shadow:
    0 0 0 1px var(--hdr-search-focus),
    0 0 14px 2px var(--hdr-search-focus-glow);
  outline: none;
}

.mp-hitbot-modal__clear[hidden] {
  display: none;
}

.market-product__basket[hidden] {
  display: none;
}

.market-product__basket.is-locked {
  opacity: 1;
  cursor: not-allowed;
  pointer-events: none;
  filter: none;
  transform: none;
  box-shadow: none;
}

.market-product__basket.is-locked:hover,
.market-product__basket.is-locked:focus-visible {
  border-color: var(--hdr-line);
  background: var(--hdr-page-bg);
  color: var(--hdr-search-fg);
  box-shadow: none;
  transform: none;
}

.market-product__basket,

.market-product__buy {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: var(--mp-action-h);
  min-height: var(--mp-action-h);
  border-radius: var(--mp-action-radius);
  font-weight: 700;
  text-decoration: none;
  box-sizing: border-box;
  cursor: pointer;
  transition: background 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, color 0.15s ease;
}

.market-product__basket {
  flex: 0 0 auto;
  width: var(--mp-action-h);
  min-width: var(--mp-action-h);
  border: 1px solid var(--hdr-line);
  background: var(--hdr-page-bg);
  color: var(--hdr-search-fg);
}

.market-product__basket:hover:not(:disabled),
.market-product__basket:focus-visible:not(:disabled) {
  border-color: var(--hdr-search-focus);
  background: var(--hdr-page-bg);
  color: var(--hdr-search-focus);
  box-shadow:
    0 0 0 1px var(--hdr-search-focus),
    0 0 14px 2px var(--hdr-search-focus-glow);
  outline: none;
}

.market-product__basket:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.market-product__basket.is-stock-alert {
  opacity: 1;
  cursor: pointer;
  color: var(--hdr-search-fg);
}

.market-product__basket.is-stock-alert:hover,
.market-product__basket.is-stock-alert:focus-visible {
  color: var(--hdr-search-focus);
  border-color: var(--hdr-search-focus);
  background: var(--hdr-page-bg);
  box-shadow:
    0 0 0 1px var(--hdr-search-focus),
    0 0 14px 2px var(--hdr-search-focus-glow);
  outline: none;
}

.market-product__basket.is-stock-alert.is-active {
  color: var(--hdr-search-focus);
  border-color: var(--hdr-search-focus);
  background: var(--hdr-page-bg);
}

.market-product__basket i,
.market-product__basket svg {
  width: clamp(17px, 4.2vw, 20px);
  height: clamp(17px, 4.2vw, 20px);
}

.market-product__buy {
  flex: 1 1 120px;
  min-width: 0;
  padding: 0 var(--hdr-btn-pad-x, 12px);
  border: 0;
  background: var(--hdr-register);
  color: var(--hdr-btn-fg);
  font-size: var(--hdr-btn-font-size, var(--hdr-font-sm));
}

.market-product__buy:hover {
  background: var(--hdr-register-hover);
  box-shadow: none;
}

.market-product__buy.is-locked {
  opacity: 0.72;
  cursor: pointer;
  filter: none;
  transform: none;
}

.market-product__pkg-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 1 1 100px;
  min-width: 0;
  height: var(--mp-action-h);
  min-height: var(--mp-action-h);
  padding: 0 var(--hdr-btn-pad-x, 12px);
  border: 0;
  border-radius: var(--mp-action-radius);
  background: var(--hdr-login);
  color: var(--hdr-btn-fg);
  font: inherit;
  font-size: var(--hdr-btn-font-size, var(--hdr-font-sm));
  font-weight: 700;
  text-decoration: none;
  box-sizing: border-box;
  cursor: pointer;
  transition: background 0.15s ease, box-shadow 0.15s ease;
  appearance: none;
  -webkit-appearance: none;
}

.market-product__pkg-btn:hover {
  background: var(--hdr-login-hover);
  box-shadow: none;
}

.market-product__buy--disabled {
  opacity: 0.55;
  cursor: not-allowed;
  box-shadow: none;
  pointer-events: none;
}

.market-product__buy--disabled.is-in-use {
  opacity: 1;
  border-color: color-mix(in srgb, var(--hdr-login) 38%, var(--hdr-line));
  background: color-mix(in srgb, var(--hdr-login) 12%, var(--hdr-page-bg));
  color: var(--hdr-login);
}

.market-product__lower {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 360px);
  gap: clamp(12px, 1.8vw, 18px);
  align-items: stretch;
}

.market-product__tabs {
  min-width: 0;
  min-height: 100%;
  display: flex;
  flex-direction: column;
  align-self: stretch;
  border: 1px solid var(--hdr-line);
  border-radius: var(--hdr-frame-radius);
  background: var(--hdr-header-bg);
  overflow: hidden;
  box-shadow: none;
}

.market-product__tabs-head {
  padding: 12px;
  border-bottom: 1px solid var(--hdr-line);
  background: var(--hdr-header-bg);
}

.market-product__tabs-nav {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  padding: 4px;
  border: 1px solid var(--hdr-line);
  border-radius: var(--hdr-frame-radius);
  background: var(--hdr-page-bg);
}

.market-product__tab {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: var(--hdr-btn-h-sm, 38px);
  padding: 0 var(--hdr-btn-pad-x, 12px);
  border: 1px solid transparent;
  border-radius: var(--hdr-btn-radius);
  background: transparent;
  color: var(--hdr-search-fg);
  font-size: var(--hdr-font-sm);
  font-weight: 600;
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}

.market-product__tab i,
.market-product__tab svg {
  width: 15px;
  height: 15px;
}

.market-product__tab.is-active {
  background: var(--hdr-register);
  border-color: var(--hdr-register);
  color: var(--hdr-btn-fg);
}

.market-product__tabs-body {
  flex: 1 1 auto;
  min-height: 0;
  padding: 12px;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: stretch;
}

.market-product__panel {
  grid-area: 1 / 1;
  min-width: 0;
  width: 100%;
  min-height: 100%;
  display: flex;
  flex-direction: column;
  align-self: stretch;
}

.market-product__panel.is-active:not([hidden]) {
  z-index: 1;
}

.market-product__panel[hidden] {
  display: flex;
  flex-direction: column;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  z-index: 0;
}

.market-product__panel h2 {
  margin: 0 0 12px;
  color: var(--hdr-btn-fg);
  font-size: clamp(1.02rem, 0.6vw + 0.9rem, 1.22rem);
  font-weight: 700;
  letter-spacing: -0.01em;
}

.market-product__panel.is-active:not([hidden]) {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}

.market-product__muted {
  margin: 0;
  color: var(--hdr-search-fg);
  font-size: var(--hdr-font-sm);
}

.mp-howto {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  width: 100%;
}

.mp-howto__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
}

.mp-howto[data-market-product-howto] .mp-howto__list {
  flex: 1 1 auto;
  min-height: 0;
  justify-content: space-between;
  gap: clamp(10px, 1.2vh, 18px);
}

.mp-howto__item {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 14px;
  flex: 0 0 auto;
  padding: 14px 16px;
  border: 1px solid var(--hdr-line);
  border-radius: var(--hdr-btn-radius);
  background: var(--hdr-page-bg);
  box-sizing: border-box;
  box-shadow: none;
  outline: none;
  transition: none;
}

.mp-howto__item:hover,
.mp-howto__item:focus-within {
  background: var(--hdr-page-bg);
  border-color: var(--hdr-line);
  box-shadow: none;
  outline: none;
  filter: none;
  transform: none;
}

.mp-howto__icon {
  position: relative;
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: var(--hdr-icon-btn-size, 40px);
  height: var(--hdr-icon-btn-size, 40px);
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: inherit;
  box-sizing: border-box;
  box-shadow: none;
  outline: none;
  overflow: visible;
  pointer-events: none;
}

.mp-howto__num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  border: 1.5px solid var(--hdr-line);
  border-radius: var(--hdr-btn-radius);
  background: var(--hdr-page-bg);
  color: var(--hdr-register);
  font-family: inherit;
  font-size: var(--hdr-font);
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.02em;
  box-sizing: border-box;
  box-shadow: none;
  user-select: none;
}

.mp-howto__icon-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  pointer-events: none;
}

.mp-howto__icon i,
.mp-howto__icon svg:not(.mp-howto__icon-img) {
  width: 18px;
  height: 18px;
  display: block;
}

.mp-howto__content {
  min-width: 0;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  gap: 4px;
  text-align: left;
  align-items: flex-start;
}

.mp-howto__title {
  margin: 0;
  color: var(--hdr-btn-fg);
  font-size: var(--hdr-font);
  font-weight: 700;
  line-height: 1.35;
}

.mp-howto__body {
  margin: 0;
  color: var(--hdr-search-fg);
  font-size: var(--hdr-font-sm);
  line-height: 1.5;
  font-weight: 400;
}

.mp-howto[data-market-product-faq] {
  flex: 1 1 auto;
  min-height: 0;
}

.mp-faq__list {
  flex: 1 1 auto;
  min-height: 0;
  justify-content: space-between;
  gap: clamp(12px, 1.4vh, 22px);
}

.mp-faq__item {
  --mp-faq-tag-w: 52px;
  --mp-faq-indent: calc(var(--mp-faq-tag-w) / 2);
  --mp-faq-branch-q: var(--hdr-register);
  --mp-faq-branch-a: var(--hdr-login);
  display: flex;
  flex-direction: column;
  gap: 0;
  flex: 0 0 auto;
  padding: 12px 14px;
  border: 1px solid var(--hdr-line);
  border-radius: var(--hdr-btn-radius);
  background: var(--hdr-page-bg);
  box-sizing: border-box;
}

.mp-faq__line {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  min-width: 0;
}

.mp-faq__tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: var(--mp-faq-tag-w);
  min-height: 22px;
  margin-top: 1px;
  padding: 0 8px;
  border-radius: 6px;
  font-size: 0.66rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  line-height: 1;
  box-sizing: border-box;
}

.mp-faq__tag--q {
  background: var(--hdr-register);
  color: var(--hdr-btn-fg);
  border: 1px solid var(--hdr-register);
}

.mp-faq__tag--a {
  background: var(--hdr-login);
  color: var(--hdr-btn-fg);
  border: 1px solid var(--hdr-login);
}

.mp-faq__q {
  margin: 0;
  min-width: 0;
  flex: 1 1 auto;
  color: var(--hdr-btn-fg);
  font-size: var(--hdr-font-sm);
  font-weight: 700;
  line-height: 1.4;
}

.mp-faq__a {
  margin: 0;
  min-width: 0;
  flex: 1 1 auto;
  color: var(--hdr-search-fg);
  font-size: var(--hdr-font-sm);
  font-weight: 400;
  line-height: 1.55;
}

.mp-faq__a-branch {
  position: relative;
  margin-top: 6px;
  margin-left: var(--mp-faq-indent);
  padding-left: 14px;
}

.mp-faq__a-branch::before {
  content: '';
  position: absolute;
  left: 0;
  top: -6px;
  width: 14px;
  height: calc(6px + 12px);
  border-left: 2px solid var(--mp-faq-branch-q);
  border-bottom: 2px solid var(--mp-faq-branch-a);
  border-bottom-left-radius: 8px;
  box-sizing: border-box;
  pointer-events: none;
}

.mp-faq__a-branch::after {
  content: none;
}

.mp-faq__a-branch.is-flat {
  margin-left: 0;
  padding-left: 0;
}

.mp-faq__a-branch.is-flat::before {
  content: none;
}

.mp-faq__a-branch.is-flat::after {
  content: none;
}

.market-product__reviews {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-height: 100%;
  height: 100%;
  padding: 12px;
  border: 1px solid var(--hdr-line);
  border-radius: var(--hdr-frame-radius);
  background: var(--hdr-header-bg);
  box-shadow: none;
  box-sizing: border-box;
  align-self: stretch;
}

.mp-reviews__list {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  gap: 10px;
  min-height: 0;
  justify-content: flex-start;
}

.mp-reviews__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.mp-reviews__title {
  margin: 0;
  color: var(--hdr-btn-fg);
  font-size: var(--hdr-font);
  font-weight: 700;
  letter-spacing: -0.01em;
}

.mp-reviews__count {
  margin: 2px 0 0;
  color: var(--hdr-search-fg);
  font-size: var(--hdr-font-xs);
  font-weight: 500;
  line-height: 1.4;
}

.mp-reviews__write-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: var(--hdr-btn-h-sm, 38px);
  padding: 0 var(--hdr-btn-pad-x, 12px);
  border: 0;
  border-radius: var(--hdr-btn-radius, 10px);
  background: var(--hdr-register);
  color: var(--hdr-btn-fg);
  font-size: var(--hdr-font-xs);
  font-weight: 700;
  text-decoration: none;
  cursor: pointer;
  box-sizing: border-box;
  transition: background 0.15s ease, box-shadow 0.15s ease;
}

.mp-reviews__write-btn i,
.mp-reviews__write-btn svg {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}

.mp-reviews__write-btn:hover,
.mp-reviews__write-btn:focus-visible {
  background: var(--hdr-register-hover);
  box-shadow: none;
  outline: none;
}

html.mp-reviews-modal-open {
  overflow: hidden;
}

.mp-reviews-modal {
  position: fixed;
  inset: 0;
  z-index: 1200;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  box-sizing: border-box;
}

.mp-reviews-modal[hidden] {
  display: none;
}

.mp-reviews-modal__backdrop {
  position: absolute;
  inset: 0;
  background: color-mix(in srgb, #000 55%, transparent);
}

.mp-reviews-modal__dialog {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  width: min(100%, var(--hdr-modal-width-lg, 480px));
  max-height: min(90vh, 640px);
  overflow: auto;
  border: 1px solid var(--hdr-line);
  border-radius: var(--hdr-modal-radius, 14px);
  background: var(--hdr-header-bg);
  box-shadow: var(--hdr-frame-drop);
  box-sizing: border-box;
}

.mp-reviews-modal__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 16px;
  border-bottom: 1px solid var(--hdr-line);
}

.mp-reviews-modal__title {
  margin: 0;
  color: var(--hdr-btn-fg);
  font-size: var(--hdr-modal-title-size, 14px);
  font-weight: 700;
  line-height: 1.25;
}

.mp-reviews-modal__close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: var(--hdr-icon-btn-size, 40px);
  height: var(--hdr-icon-btn-size, 40px);
  padding: 0;
  border: 0;
  border-radius: var(--hdr-btn-radius);
  background: transparent;
  color: var(--hdr-search-fg);
  cursor: pointer;
  transition: color 0.15s ease;
}

.mp-reviews-modal__close i,
.mp-reviews-modal__close svg {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  display: block;
  stroke-width: 2.25;
  transition: transform 0.25s ease;
}

.mp-reviews-modal__close:hover,
.mp-reviews-modal__close:focus-visible {
  color: var(--hdr-btn-fg);
  background: transparent;
  outline: none;
}

.mp-reviews-modal__close:hover i,
.mp-reviews-modal__close:hover svg,
.mp-reviews-modal__close:focus-visible i,
.mp-reviews-modal__close:focus-visible svg {
  transform: rotate(90deg);
}

.mp-reviews-modal__form {
  padding: var(--hdr-modal-pad, 14px 16px);
}

.mp-reviews__form {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.mp-reviews__form-label {
  color: var(--hdr-search-fg);
  font-size: var(--hdr-font-sm);
  font-weight: 600;
}

.mp-reviews__form textarea {
  width: 100%;
  resize: vertical;
  min-height: 96px;
  padding: 10px 12px;
  border: 1px solid var(--hdr-line);
  border-radius: var(--hdr-btn-radius);
  background: var(--hdr-search-bg);
  color: var(--hdr-btn-fg);
  font: inherit;
  font-size: var(--hdr-font-sm);
  box-sizing: border-box;
  box-shadow: none;
  outline: none;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.mp-reviews__form textarea::placeholder {
  color: var(--hdr-search-fg);
}

.mp-reviews__form textarea:hover {
  border-color: var(--hdr-line);
  box-shadow: none;
}

.mp-reviews__form textarea:focus {
  outline: none;
  border-color: var(--hdr-search-focus);
  box-shadow:
    0 0 0 1px var(--hdr-search-focus),
    0 0 14px 2px var(--hdr-search-focus-glow);
}

.mp-reviews__score-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

.mp-reviews__score-field {
  display: flex;
  flex-direction: column;
  gap: 6px;
  color: var(--hdr-search-fg);
  font-size: var(--hdr-font-sm);
  font-weight: 600;
}

.mp-reviews__score-field select {
  min-height: var(--hdr-field-control-h, 40px);
  padding: 0 12px;
  border: 1px solid var(--hdr-line);
  border-radius: var(--hdr-btn-radius);
  background: var(--hdr-search-bg);
  color: var(--hdr-btn-fg);
  font: inherit;
  font-size: var(--hdr-font-sm);
  font-weight: 700;
  box-shadow: none;
  outline: none;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
  box-sizing: border-box;
}

.mp-reviews__score-field select:hover {
  border-color: var(--hdr-line);
  box-shadow: none;
}

.mp-reviews__score-field select:focus {
  outline: none;
  border-color: var(--hdr-search-focus);
  box-shadow:
    0 0 0 1px var(--hdr-search-focus),
    0 0 14px 2px var(--hdr-search-focus-glow);
}

.mp-reviews__form-actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}

.mp-reviews__cancel,
.mp-reviews__submit {
  min-height: var(--hdr-btn-h-sm, 38px);
  padding: 0 var(--hdr-btn-pad-x, 12px);
  border-radius: var(--hdr-btn-radius, 10px);
  font-size: var(--hdr-font-sm);
  font-weight: 700;
  cursor: pointer;
  box-shadow: none;
  outline: none;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}

.mp-reviews__form.is-busy .mp-reviews__submit {
  opacity: 0.65;
  pointer-events: none;
}

.mp-reviews__cancel {
  border: 1px solid var(--hdr-line);
  background: var(--hdr-page-bg);
  color: var(--hdr-search-fg);
}

.mp-reviews__cancel:hover,
.mp-reviews__cancel:focus-visible {
  background: var(--hdr-page-bg);
  border-color: var(--hdr-search-focus);
  color: var(--hdr-search-focus);
  box-shadow:
    0 0 0 1px var(--hdr-search-focus),
    0 0 14px 2px var(--hdr-search-focus-glow);
  outline: none;
}

.mp-reviews__submit {
  border: 0;
  background: var(--hdr-register);
  color: var(--hdr-btn-fg);
}

.mp-reviews__submit:hover,
.mp-reviews__submit:focus-visible {
  background: var(--hdr-register-hover);
  border-color: transparent;
  box-shadow: none;
  outline: none;
}

.mp-reviews__empty {
  margin: 0;
  padding: 14px 12px;
  color: var(--hdr-search-fg);
  font-size: var(--hdr-font-sm);
  text-align: center;
}

.mp-review {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 6px;
  flex: 0 0 auto;
  padding: 10px 12px;
  border: 1px solid var(--hdr-line);
  border-radius: var(--hdr-btn-radius);
  background: var(--hdr-page-bg);
  color: var(--hdr-btn-fg);
  box-sizing: border-box;
}

.mp-review__head {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.mp-review__avatar {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  object-fit: cover;
  flex-shrink: 0;
  background: var(--hdr-page-bg);
  border: 1px solid var(--hdr-line);
}

.mp-review__meta {
  min-width: 0;
  flex: 1 1 auto;
}

.mp-review__meta-top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px 8px;
  min-width: 0;
}

.mp-review__pin-mark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--hdr-register);
  flex-shrink: 0;
}

.mp-review__pin-mark i,
.mp-review__pin-mark svg {
  width: 12px;
  height: 12px;
}

.mp-review__name {
  color: var(--hdr-btn-fg);
  font-size: var(--hdr-font-sm);
  font-weight: 700;
  line-height: 1.3;
  white-space: nowrap;
}

.mp-review__scores {
  display: inline-flex;
  flex: 1 0 100%;
  flex-wrap: nowrap;
  align-items: center;
  gap: 4px;
  min-width: 0;
}

.mp-review__score {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 3px;
  flex: 0 0 auto;
  min-height: 20px;
  padding: 0 7px;
  border-radius: 6px;
  background: var(--hdr-page-bg);
  border: 1px solid var(--hdr-line);
  font-size: var(--hdr-font-xs);
  font-weight: 500;
  white-space: nowrap;
}

.mp-review__score strong {
  color: var(--hdr-btn-fg);
  font-weight: 700;
  flex-shrink: 0;
}

.mp-review__score-label {
  color: var(--hdr-search-fg);
  font-weight: 500;
}

.mp-review__pin-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border: 1px solid var(--hdr-line);
  border-radius: 8px;
  background: var(--hdr-page-bg);
  color: var(--hdr-search-fg);
  cursor: pointer;
  flex-shrink: 0;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}

.mp-review__pin-btn:hover,
.mp-review__pin-btn:focus-visible {
  color: var(--hdr-search-focus);
  border-color: var(--hdr-search-focus);
  background: var(--hdr-page-bg);
  box-shadow:
    0 0 0 1px var(--hdr-search-focus),
    0 0 14px 2px var(--hdr-search-focus-glow);
  outline: none;
}

.mp-review__pin-btn.is-active {
  color: var(--hdr-register);
  border-color: var(--hdr-register);
  background: var(--hdr-page-bg);
  box-shadow: none;
}

.mp-review__pin-btn i,
.mp-review__pin-btn svg {
  width: 13px;
  height: 13px;
}

.mp-review__body {
  margin: 0;
  color: var(--hdr-search-fg);
  font-size: var(--hdr-font-sm);
  font-weight: 400;
  line-height: 1.55;
  overflow-wrap: anywhere;
}

@media (max-width: 1024px) {
  .market-product__layout {
    grid-template-columns: minmax(0, 1fr);
  }

  .market-product__lower {
    grid-template-columns: minmax(0, 1fr);
  }

  .market-product__tabs {
    height: auto;
  }

  .market-product__reviews {
    max-width: none;
  }

  .market-product__slider-actions,
  .market-product__dots {
    opacity: 1;
  }
}

@media (max-width: 768px) {
  .market-product__card {
    padding: 14px;
    gap: 10px;
  }

  .market-product__purchase {
    gap: 10px;
    padding-top: 10px;
    --mp-action-h: var(--hdr-btn-h-sm, 38px);
    --mp-action-radius: var(--hdr-btn-radius, 10px);
  }

  .market-product__price {
    font-size: clamp(1.05rem, 4.6vw, 1.42rem);
  }

  .market-product__price-old {
    font-size: 0.82rem;
  }

  .market-product__price-line {
    align-items: center;
    gap: 8px;
  }

  .market-product__badges {
    gap: 5px;
  }

  .market-product__actions {
    flex-wrap: nowrap;
  }

  .market-product__qty {
    max-width: 118px;
  }
}

@media (max-width: 560px) {
  .market-product__crumbs-bar {
    gap: 8px;
  }

  .market-product__meta {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 8px;
  }

  .market-product__meta-item {
    width: auto;
    max-width: 100%;
    flex: 0 1 auto;
    min-height: var(--hdr-btn-h-sm, 38px);
    padding: 4px 10px 4px 5px;
  }

  .market-product__meta-icon {
    width: 22px;
    height: 22px;
  }

  .market-product__meta-value {
    white-space: normal;
    font-size: var(--hdr-font-xs);
  }

  .market-product__price-line {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
  }

  .market-product__price-cluster {
    flex: 0 1 auto;
    min-width: 0;
  }

  .market-product__price {
    font-size: clamp(1rem, 4.2vw, 1.28rem);
  }

  .market-product__purchase {
    --mp-action-h: var(--hdr-btn-h-sm, 38px);
    --mp-action-radius: var(--hdr-btn-radius, 10px);
    gap: 8px;
    padding-top: 8px;
  }

  .market-product__card {
    padding: 12px;
  }

  .market-product__badges {
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-end;
    justify-content: center;
    flex: 0 0 auto;
    margin-left: auto;
    gap: 4px;
  }

  .market-product__stock {
    min-height: var(--hdr-btn-h-sm, 38px);
    padding: 0 10px;
    font-size: var(--hdr-font-xs);
    gap: 5px;
    border-radius: var(--hdr-btn-radius);
  }

  .market-product__stock i,
  .market-product__stock svg {
    width: 14px;
    height: 14px;
  }

  .market-product__sale-badge {
    min-height: var(--hdr-btn-h-sm, 38px);
    padding: 0 10px;
    font-size: var(--hdr-font-xs);
    border-radius: var(--hdr-btn-radius);
  }

  .market-product__sale-badge i,
  .market-product__sale-badge svg {
    width: 14px;
    height: 14px;
  }

  .market-product__actions {
    gap: 6px;
  }

  .market-product__qty {
    max-width: 108px;
  }

  .market-product__tabs-nav {
    width: 100%;
  }

  .market-product__tab {
    flex: 1 1 auto;
    justify-content: center;
  }
}
html.mp-buy-modal-open {
  overflow: hidden;
}

.mp-buy-modal {
  position: fixed;
  inset: 0;
  z-index: 1300;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  box-sizing: border-box;
}

.mp-buy-modal[hidden] {
  display: none;
}

.mp-buy-modal__backdrop {
  position: absolute;
  inset: 0;
  background: color-mix(in srgb, #000 55%, transparent);
}

.mp-buy-modal__dialog {
  position: relative;
  z-index: 1;
  width: min(100%, var(--hdr-modal-width-lg, 540px));
  padding: var(--hdr-modal-pad, 14px 16px);
  border: 1px solid var(--hdr-line);
  border-radius: var(--hdr-modal-radius, 14px);
  background: var(--hdr-header-bg);
  box-shadow: var(--hdr-frame-drop);
  box-sizing: border-box;
}

.mp-buy-modal__close {
  position: absolute;
  top: 12px;
  right: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--hdr-icon-btn-size, 40px);
  height: var(--hdr-icon-btn-size, 40px);
  padding: 0;
  border: 0;
  border-radius: var(--hdr-btn-radius);
  background: transparent;
  color: var(--hdr-search-fg);
  cursor: pointer;
  transition: color 0.15s ease;
}

.mp-buy-modal__close i,
.mp-buy-modal__close svg {
  width: 16px;
  height: 16px;
  display: block;
  transition: transform 0.25s ease;
}

.mp-buy-modal__close:hover,
.mp-buy-modal__close:focus-visible {
  color: var(--hdr-btn-fg);
  border: 0;
  background: transparent;
  outline: none;
}

.mp-buy-modal__close:hover i,
.mp-buy-modal__close:hover svg,
.mp-buy-modal__close:focus-visible i,
.mp-buy-modal__close:focus-visible svg {
  transform: rotate(90deg);
}

.mp-buy-modal__head {
  text-align: center;
  padding: 4px 28px 16px;
}

.mp-buy-modal__title {
  margin: 0;
  color: var(--hdr-btn-fg);
  font-size: var(--hdr-modal-title-size, 14px);
  font-weight: 700;
  letter-spacing: -0.02em;
}

.mp-buy-modal__lead {
  margin: 8px 0 0;
  color: var(--hdr-search-fg);
  font-size: var(--hdr-font-sm);
  line-height: 1.45;
}

.mp-buy-modal__panel {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 14px 16px;
  border: 1px solid var(--hdr-line);
  border-radius: var(--hdr-frame-radius);
  background: var(--hdr-page-bg);
}

.mp-buy-modal__fields {
  display: grid;
  gap: 10px;
}

.mp-buy-modal__field {
  display: grid;
  gap: 6px;
}

.mp-buy-modal__field > span {
  color: var(--hdr-search-fg);
  font-size: var(--hdr-font-sm);
  font-weight: 600;
}

.mp-buy-modal__field > span em {
  font-style: normal;
  color: var(--hdr-register);
}

.mp-buy-modal__field input {
  width: 100%;
  min-height: var(--hdr-field-control-h, 40px);
  padding: 0 12px;
  border-radius: var(--hdr-btn-radius, 10px);
  border: 1px solid var(--hdr-line);
  background: var(--hdr-search-bg);
  color: var(--hdr-btn-fg);
  font: inherit;
  box-sizing: border-box;
}

.mp-buy-modal__field input:focus {
  outline: none;
  border-color: var(--hdr-search-focus);
  box-shadow:
    0 0 0 1px var(--hdr-search-focus),
    0 0 14px 2px var(--hdr-search-focus-glow);
}

.mp-buy-modal__field input.is-invalid {
  border-color: var(--hdr-register);
}

.mp-buy-modal__row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}

.mp-buy-modal__row > span {
  flex: 0 0 auto;
  max-width: 34%;
  color: var(--hdr-search-fg);
  font-size: var(--hdr-font-sm);
  font-weight: 600;
  white-space: nowrap;
}

.mp-buy-modal__row > strong {
  flex: 1 1 auto;
  min-width: 0;
  color: var(--hdr-btn-fg);
  font-size: var(--hdr-font-sm);
  font-weight: 700;
  text-align: right;
  line-height: 1.4;
  word-break: normal;
  overflow-wrap: break-word;
  hyphens: none;
}

.mp-buy-modal__divider {
  height: 0;
  border: 0;
  border-top: 1px solid var(--hdr-line);
}

.mp-buy-modal__row--total > span {
  color: var(--hdr-btn-fg);
  font-weight: 700;
}

.mp-buy-modal__row--total > strong {
  color: var(--hdr-login);
  font-size: 1.15rem;
  font-weight: 900;
  letter-spacing: -0.02em;
}

.mp-buy-modal__actions {
  display: flex;
  gap: 10px;
  margin-top: 16px;
}

.mp-buy-modal__btn {
  flex: 1 1 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: var(--hdr-btn-h, 40px);
  padding: 0 var(--hdr-btn-pad-x, 12px);
  border-radius: var(--hdr-btn-radius, 10px);
  font: inherit;
  font-size: var(--hdr-btn-font-size, 13px);
  font-weight: 700;
  cursor: pointer;
  box-shadow: none;
  outline: none;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}

.mp-buy-modal__btn--primary {
  border: 0;
  background: var(--hdr-register);
  color: var(--hdr-btn-fg);
}

.mp-buy-modal__btn--primary:hover {
  background: var(--hdr-register-hover);
  border-color: transparent;
  box-shadow: none;
}

.mp-buy-modal__btn--ghost {
  border: 1px solid var(--hdr-line);
  background: var(--hdr-page-bg);
  color: var(--hdr-search-fg);
}

.mp-buy-modal__btn--ghost:hover,
.mp-buy-modal__btn--ghost:focus-visible {
  border-color: var(--hdr-search-focus);
  background: var(--hdr-page-bg);
  color: var(--hdr-search-focus);
  box-shadow:
    0 0 0 1px var(--hdr-search-focus),
    0 0 14px 2px var(--hdr-search-focus-glow);
  outline: none;
}

.mp-buy-modal__btn:disabled {
  opacity: 0.6;
  cursor: wait;
}

.site-main--gunun-firsatlari {
  padding: 0 var(--hdr-shell-gutter) 16px;
  box-sizing: border-box;
}

.gf-page {
  width: 100%;
  box-sizing: border-box;
}

.gf-page__body {
  min-height: 40vh;
}

.gf-hero {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  min-height: 72px;
  padding: 16px 18px;
  border: 1px solid var(--hdr-line);
  border-radius: var(--hdr-frame-radius);
  background: var(--hdr-header-bg);
  box-sizing: border-box;
}

.gf-hero__main {
  display: flex;
  align-items: center;
  gap: 14px;
  min-width: 0;
  flex: 1 1 auto;
}

.gf-hero__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  flex-shrink: 0;
  border-radius: 12px;
  overflow: hidden;
  background: transparent;
}

.gf-hero__icon img {
  display: block;
  width: 56px;
  height: 56px;
  object-fit: contain;
  animation: gf-hero-icon-pulse 2.8s ease-in-out infinite;
}

@keyframes gf-hero-icon-pulse {
  0%,
  100% {
    opacity: 0.72;
    filter: drop-shadow(0 0 4px rgba(229, 47, 51, 0.18));
  }
  50% {
    opacity: 1;
    filter: drop-shadow(0 0 10px rgba(229, 47, 51, 0.38));
  }
}

@media (prefers-reduced-motion: reduce) {
  .gf-hero__icon img {
    animation: none;
    opacity: 1;
    filter: none;
  }
}

.gf-hero__copy {
  min-width: 0;
}

.gf-hero__title {
  margin: 0;
  color: var(--hdr-btn-fg);
  font-size: 18px;
  font-weight: 800;
  line-height: 1.2;
}

.gf-hero__timer {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  flex: 0 0 auto;
  min-height: var(--hdr-btn-h);
  height: var(--hdr-btn-h);
  margin: 0;
  padding: 0 14px 0 12px;
  border: 0;
  border-radius: var(--hdr-btn-radius);
  background: var(--hdr-register);
  color: var(--hdr-btn-fg);
  box-sizing: border-box;
  box-shadow: none;
  cursor: default;
  user-select: none;
}

.gf-hero__timer i,
.gf-hero__timer svg {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  color: inherit;
  stroke: currentColor;
}

.gf-hero__timer-meta {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1px;
  min-width: 0;
  line-height: 1.15;
}

.gf-hero__timer-caption {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0;
  opacity: 0.88;
  text-align: left;
}

.gf-hero__timer-clock {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: var(--hdr-font-sm);
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  letter-spacing: 0;
  text-align: left;
}

@media (max-width: 900px) {
  .gf-hero {
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
  }

  .gf-hero__timer {
    width: 100%;
    justify-content: center;
  }
}

@media (max-width: 520px) {
  .gf-hero {
    padding: 14px;
  }

  .gf-hero__icon,
  .gf-hero__icon img {
    width: 50px;
    height: 50px;
  }
}

.gf-market {
  margin-top: 18px;
}

.gf-market .market-product-grid {
  margin-top: 0;
}

@media (min-width: 1024px) {
  .site-main--gunun-firsatlari {
    padding-bottom: 20px;
  }

  .gf-market .market-product-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}

@media (min-width: 1024px) and (max-width: 1400px) {
  .gf-market .market-product-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}

@media (min-width: 1024px) and (max-width: 1100px) {
  .gf-market .market-product-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
  }
}

.site-main.site-main--market.site-main--favorites {
  padding: 0 var(--hdr-shell-gutter) 16px;
  box-sizing: border-box;
}

@media (min-width: 1024px) {
  .site-main.site-main--market.site-main--favorites {
    padding: 0 var(--hdr-shell-gutter) 20px;
  }
}

.favorites-page {
  display: flex;
  flex-direction: column;
  gap: 14px;
  width: 100%;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.favorites-page__title {
  margin: 0;
  color: var(--hdr-btn-fg);
  font-size: var(--hdr-modal-title-size);
  font-weight: 800;
  letter-spacing: -0.02em;
}

.favorites-page__empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 240px;
  padding: 28px 18px;
  border: 1px solid var(--hdr-line);
  border-radius: var(--hdr-frame-radius, 14px);
  background: var(--hdr-header-bg);
  text-align: center;
  color: var(--hdr-search-fg);
  box-sizing: border-box;
  box-shadow: none;
}

.favorites-page__empty i,
.favorites-page__empty svg {
  width: 36px;
  height: 36px;
  color: var(--hdr-icon-fg);
}

.favorites-page__empty p {
  margin: 0;
  color: var(--hdr-btn-fg);
  font-size: var(--hdr-font);
  font-weight: 600;
}

.favorites-page__empty a {
  color: var(--hdr-register);
  font-weight: 700;
  text-decoration: none;
}

.favorites-page__empty a:hover {
  color: var(--hdr-register-hover);
  text-decoration: underline;
}

.favorites-page__products {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

.favorites-page__grid.market-product-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(168px, 200px));
  justify-content: start;
  gap: 12px;
  width: 100%;
  margin: 0;
  opacity: 1;
}

@media (max-width: 720px) {
  .favorites-page__grid.market-product-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }
}

.site-main.site-main--market.site-main--cart {
  padding: 0 var(--hdr-shell-gutter) 16px;
  box-sizing: border-box;
}

@media (min-width: 1024px) {
  .site-main.site-main--market.site-main--cart {
    padding: 0 var(--hdr-shell-gutter) 20px;
  }
}

.cart-page {
  display: flex;
  flex-direction: column;
  gap: 14px;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.cart-page__empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 240px;
  padding: 28px 18px;
  border: 1px solid var(--hdr-line);
  border-radius: var(--hdr-frame-radius);
  background: var(--hdr-header-bg);
  text-align: center;
  color: var(--hdr-search-fg);
  box-sizing: border-box;
}

.cart-page__empty[hidden] {
  display: none;
}

.cart-page__empty i,
.cart-page__empty svg {
  width: 36px;
  height: 36px;
  color: var(--hdr-icon-fg);
}

.cart-page__empty p {
  margin: 0;
  color: var(--hdr-btn-fg);
  font-size: var(--hdr-font);
  font-weight: 600;
}

.cart-page__empty a:not(.header-btn) {
  color: var(--hdr-register);
  font-weight: 700;
  text-decoration: none;
}

.cart-page__empty a:not(.header-btn):hover {
  color: var(--hdr-register-hover);
  text-decoration: underline;
}

.cart-page__empty .header-btn {
  margin-top: 4px;
  text-decoration: none;
}

.cart-page__grid {
  display: grid;
  grid-template-columns: minmax(260px, 320px) minmax(0, 1fr);
  gap: 14px;
  align-items: start;
  width: 100%;
  margin: 0;
  box-sizing: border-box;
}

.cart-page__main,
.cart-page__side {
  min-width: 0;
  width: 100%;
}

.cart-page__main {
  order: 2;
}

.cart-page__side {
  order: 1;
}

.cart-card {
  border: 1px solid var(--hdr-line);
  border-radius: var(--hdr-frame-radius);
  background: var(--hdr-header-bg);
  overflow: hidden;
}

.cart-card__head {
  padding: 14px var(--hdr-inner-pad-x);
  border-bottom: 1px solid var(--hdr-line);
  box-sizing: border-box;
}

.cart-card__title {
  margin: 0;
  color: var(--hdr-btn-fg);
  font-size: var(--hdr-font);
  font-weight: 800;
  letter-spacing: -0.01em;
  line-height: 1.3;
}

.cart-card__body {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 14px var(--hdr-inner-pad-x);
  box-sizing: border-box;
}

.cart-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 12px;
  border: 1px solid var(--hdr-line);
  border-radius: var(--hdr-btn-radius);
  background: transparent;
  box-sizing: border-box;
  transition: opacity 0.15s ease;
}

.cart-item.is-busy {
  opacity: 0.55;
  pointer-events: none;
}

.cart-item__info {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
  flex: 1 1 auto;
}

.cart-item__thumb {
  flex-shrink: 0;
  width: var(--hdr-media-thumb);
  height: var(--hdr-media-thumb);
  border-radius: var(--hdr-media-thumb-radius);
  border: 1px solid var(--hdr-line);
  background: transparent;
  overflow: hidden;
  box-sizing: border-box;
}

.cart-item__thumb img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.cart-item__thumb-fallback {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  color: var(--hdr-search-fg);
}

.cart-item__thumb-fallback i,
.cart-item__thumb-fallback svg {
  width: 22px;
  height: 22px;
}

.cart-item__meta {
  min-width: 0;
}

.cart-item__title {
  margin: 0;
  font-size: var(--hdr-font);
  font-weight: 800;
  line-height: 1.35;
}

.cart-item__title a {
  color: var(--hdr-btn-fg);
  text-decoration: none;
}

.cart-item__title a:hover {
  color: var(--hdr-register);
}

.cart-item__unit {
  margin: 4px 0 0;
  color: var(--hdr-search-fg);
  font-size: var(--hdr-font-xs);
}

.cart-item__actions {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-shrink: 0;
}

.cart-item__prices {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 2px;
  min-width: 0;
}

.cart-item__old {
  color: var(--hdr-search-fg);
  font-size: var(--hdr-font-xs);
  font-weight: 600;
}

.cart-item__total {
  color: var(--hdr-btn-fg);
  font-size: var(--hdr-font);
  font-weight: 800;
  letter-spacing: -0.02em;
}

.cart-item__qty {
  display: inline-flex;
  align-items: center;
  height: var(--hdr-field-control-h);
  border: 1px solid var(--hdr-ghost-border);
  border-radius: var(--hdr-btn-radius);
  overflow: hidden;
  background: transparent;
  box-sizing: border-box;
}

.cart-item__qty-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--hdr-btn-h-sm);
  height: 100%;
  border: 0;
  background: transparent;
  color: var(--hdr-muted);
  cursor: pointer;
}

.cart-item__qty-btn:hover:not(:disabled) {
  color: var(--hdr-btn-fg);
}

.cart-item__qty-btn:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

.cart-item__qty-btn i,
.cart-item__qty-btn svg {
  width: 15px;
  height: 15px;
}

.cart-item__qty-input {
  width: 42px;
  height: 100%;
  border: 0;
  border-left: 1px solid var(--hdr-ghost-border);
  border-right: 1px solid var(--hdr-ghost-border);
  background: transparent;
  color: var(--hdr-btn-fg);
  text-align: center;
  font: inherit;
  font-weight: 700;
  -moz-appearance: textfield;
  appearance: textfield;
}

.cart-item__qty-input::-webkit-outer-spin-button,
.cart-item__qty-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.cart-item__remove {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--hdr-icon-btn-size);
  height: var(--hdr-icon-btn-size);
  border: var(--hdr-icon-border-w) solid var(--hdr-ghost-border);
  border-radius: var(--hdr-btn-radius);
  background: transparent;
  color: var(--hdr-register);
  cursor: pointer;
  box-sizing: border-box;
  transition: border-color 0.18s ease, color 0.18s ease;
}

.cart-item__remove:hover,
.cart-item__remove:focus-visible {
  background: transparent;
  color: var(--hdr-icon-fg);
  border-color: var(--hdr-icon-border);
  outline: none;
}

.cart-item__remove i,
.cart-item__remove svg {
  width: 16px;
  height: 16px;
}

.cart-summary {
  list-style: none;
  margin: 0 0 14px;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.cart-summary__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  color: var(--hdr-search-fg);
  font-size: var(--hdr-font-sm);
}

.cart-summary__row[hidden] {
  display: none;
}

.cart-summary__row strong {
  color: var(--hdr-btn-fg);
  font-weight: 800;
  font-variant-numeric: tabular-nums;
}

.cart-summary__row--discount {
  align-items: flex-start;
  padding: 8px 10px;
  border: 1px solid var(--hdr-line);
  border-radius: var(--hdr-btn-radius);
  background: transparent;
  color: var(--hdr-btn-fg);
  box-sizing: border-box;
}

.cart-summary__disc {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  flex: 1 1 auto;
}

.cart-summary__disc-icon {
  flex: 0 0 auto;
  width: 32px;
  height: 32px;
}

.cart-summary__disc-icon img {
  display: block;
  width: 32px;
  height: 32px;
  object-fit: contain;
}

.cart-summary__disc-body {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.cart-summary__disc-title {
  color: var(--hdr-btn-fg);
  font-size: var(--hdr-font-sm);
  font-weight: 600;
  line-height: 1.25;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cart-summary__disc-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  color: var(--hdr-search-fg);
  font-size: var(--hdr-font-xs);
  line-height: 1.2;
}

.cart-summary__disc-pct {
  color: var(--hdr-register);
  font-weight: 800;
  font-variant-numeric: tabular-nums;
}

.cart-summary__row--discount strong {
  flex: 0 0 auto;
  margin-top: 4px;
  color: var(--hdr-register);
  font-weight: 800;
  letter-spacing: -0.02em;
}

.cart-summary__row--total {
  margin-top: 4px;
  padding-top: 10px;
  border-top: 1px solid var(--hdr-line);
  color: var(--hdr-btn-fg);
  font-weight: 700;
}

.cart-summary__row--total strong {
  font-size: var(--hdr-font);
  font-weight: 800;
  letter-spacing: -0.02em;
}

form[data-cart-checkout-form] {
  margin: 0;
  width: 100%;
}

.cart-summary__checkout {
  width: 100%;
}

.cart-summary__checkout:disabled {
  opacity: 0.55;
  cursor: not-allowed;
  filter: none;
}

.cart-summary__note--warn {
  margin: 10px 0 0;
  color: var(--hdr-register);
  font-size: var(--hdr-font-xs);
  font-weight: 600;
  text-align: center;
}

.cart-summary__note--warn[hidden] {
  display: none;
}

html.cart-confirm-open,
html.cart-confirm-open body {
  overflow: hidden;
}

.cart-confirm {
  position: fixed;
  inset: 0;
  z-index: 90;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  box-sizing: border-box;
}

.cart-confirm[hidden] {
  display: none;
}

.cart-confirm__backdrop {
  position: absolute;
  inset: 0;
  background: color-mix(in srgb, #000 58%, transparent);
}

.cart-confirm__dialog {
  position: relative;
  z-index: 1;
  width: min(100%, var(--hdr-modal-width));
  border: 1px solid var(--hdr-line);
  border-radius: var(--hdr-modal-radius);
  background: var(--hdr-header-bg);
  box-shadow: var(--hdr-frame-drop);
  box-sizing: border-box;
  overflow: hidden;
}

.cart-confirm__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: var(--hdr-modal-pad);
  border-bottom: 1px solid var(--hdr-line);
}

.cart-confirm__title {
  margin: 0;
  color: var(--hdr-btn-fg);
  font-size: var(--hdr-modal-title-size);
  font-weight: 800;
}

.cart-confirm__body {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding: var(--hdr-modal-pad);
  text-align: center;
}

.cart-confirm__text {
  margin: 0;
  color: var(--hdr-search-fg);
  font-size: var(--hdr-font-sm);
  line-height: 1.45;
  max-width: 32ch;
}

.cart-confirm__total {
  margin: 0;
  color: var(--hdr-btn-fg);
  font-size: var(--hdr-font-sm);
  font-weight: 600;
}

.cart-confirm__total strong {
  font-weight: 800;
  letter-spacing: -0.02em;
}

.cart-confirm__actions {
  display: flex;
  gap: 10px;
  width: 100%;
  margin-top: 8px;
}

.cart-confirm__btn {
  flex: 1 1 0;
}

.cart-confirm__btn--ghost {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: var(--hdr-btn-h);
  padding: 0 var(--hdr-btn-pad-x);
  border: 1px solid var(--hdr-ghost-border);
  border-radius: var(--hdr-btn-radius);
  background: transparent;
  color: var(--hdr-muted);
  font: inherit;
  font-size: var(--hdr-btn-font-size);
  font-weight: 700;
  cursor: pointer;
  box-sizing: border-box;
  transition: border-color 0.18s ease, color 0.18s ease;
}

.cart-confirm__btn--ghost:hover,
.cart-confirm__btn--ghost:focus-visible {
  background: transparent;
  color: var(--hdr-text);
  border-color: var(--hdr-ghost-border);
  outline: none;
}

.cart-confirm__btn:disabled {
  opacity: 0.6;
  cursor: wait;
}

@media (max-width: 1023px) {
  .cart-page__grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .cart-page__main {
    order: 1;
  }

  .cart-page__side {
    order: 2;
  }

  .cart-item {
    flex-direction: column;
    align-items: stretch;
  }

  .cart-item__actions {
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
  }

  .cart-item__qty {
    order: 1;
    flex: 0 0 auto;
  }

  .cart-item__prices {
    order: 2;
    flex: 1 1 auto;
    align-items: center;
    justify-content: center;
    min-width: 0;
  }

  .cart-item__remove {
    order: 3;
    flex: 0 0 auto;
  }
}

.cart-page :is(
  .cart-item__total,
  .cart-item__old,
  .cart-summary__row strong
).price-count-up {
  color: var(--hdr-login);
}

.cart-page :is(
  .cart-item__total,
  .cart-item__old,
  .cart-summary__row strong
).price-count-down {
  color: var(--hdr-register);
}

.site-main.site-main--market.site-main--orders {
  padding: 0 var(--hdr-shell-gutter) 16px;
  box-sizing: border-box;
}

@media (min-width: 1024px) {
  .site-main.site-main--market.site-main--orders {
    padding: 0 var(--hdr-shell-gutter) 20px;
  }
}

.orders-page {
  display: flex;
  flex-direction: column;
  gap: 14px;
  width: 100%;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.orders-page__empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 240px;
  padding: 28px 18px;
  border: 1px solid var(--hdr-line);
  border-radius: var(--hdr-frame-radius, 14px);
  background: var(--hdr-search-bg);
  text-align: center;
  color: var(--hdr-search-fg);
}

.orders-page__empty i,
.orders-page__empty svg {
  width: 36px;
  height: 36px;
  color: var(--hdr-icon-fg);
}

.orders-page__empty p {
  margin: 0;
  font-size: 0.95rem;
  font-weight: 600;
}

.orders-page__empty a {
  color: var(--hdr-register);
  font-weight: 700;
  text-decoration: none;
}

.orders-card {
  width: 100%;
  border: 1px solid var(--hdr-line);
  border-radius: 14px;
  background: var(--hdr-header-bg);
  box-shadow: none;
  overflow: hidden;
  box-sizing: border-box;
}

.orders-card__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px var(--hdr-inner-pad-x);
  border-bottom: 1px solid var(--hdr-line);
}

.orders-page__title {
  margin: 0;
  color: var(--hdr-btn-fg);
  font-size: var(--hdr-modal-title-size);
  font-weight: 800;
  letter-spacing: -0.02em;
}

.orders-card__head--toolbar {
  flex-wrap: wrap;
}

.orders-card--filters {
  border-bottom: 0;
  padding: 12px var(--hdr-inner-pad-x);
}

.orders-filters {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 10px 12px;
  width: 100%;
  margin: 0;
  box-sizing: border-box;
}

.orders-filters__search {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  min-height: var(--hdr-btn-h);
  padding: 0 12px;
  border: 1px solid var(--hdr-line);
  border-radius: var(--hdr-btn-radius);
  background: var(--hdr-search-bg);
  box-sizing: border-box;
}

.orders-filters__search i,
.orders-filters__search svg {
  width: 16px;
  height: 16px;
  color: var(--hdr-search-fg);
  flex-shrink: 0;
}

.orders-filters__search input {
  flex: 1 1 auto;
  min-width: 0;
  border: 0;
  background: transparent;
  color: var(--hdr-btn-fg);
  font: inherit;
  font-size: var(--hdr-font-sm);
  outline: none;
}

.orders-filters__search input::-webkit-search-decoration,
.orders-filters__search input::-webkit-search-cancel-button,
.orders-filters__search input::-webkit-search-results-button,
.orders-filters__search input::-webkit-search-results-decoration {
  display: none;
  -webkit-appearance: none;
  appearance: none;
}

.orders-filters__search input::placeholder {
  color: var(--hdr-search-fg);
  opacity: 0.75;
}

.orders-filters__search:focus-within {
  border-color: var(--hdr-search-focus);
  box-shadow:
    0 0 0 1px var(--hdr-search-focus),
    0 0 14px 2px var(--hdr-search-focus-glow);
}

.orders-filters__field {
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex: 0 0 132px;
  min-width: 132px;
  margin: 0;
}

.orders-filters__field--search {
  flex: 1 1 380px;
  min-width: min(100%, 300px);
  max-width: none;
}

.orders-filters__label {
  color: var(--hdr-btn-fg);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
}

.orders-filters__control {
  width: 100%;
  min-height: var(--hdr-btn-h);
  padding: 0 32px 0 12px;
  border: 1px solid var(--hdr-line);
  border-radius: var(--hdr-btn-radius);
  background-color: var(--hdr-page-bg);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 14px;
  color: var(--hdr-btn-fg);
  font: inherit;
  font-size: var(--hdr-font-sm);
  appearance: none;
  -webkit-appearance: none;
  box-sizing: border-box;
  outline: none;
  cursor: pointer;
  accent-color: var(--hdr-search-focus);
}

.orders-filters__control:hover,
.orders-filters__control:focus {
  border-color: var(--hdr-search-focus);
  box-shadow:
    0 0 0 1px var(--hdr-search-focus),
    0 0 14px 2px var(--hdr-search-focus-glow);
}

.orders-filters__control::selection {
  background: color-mix(in srgb, var(--hdr-search-focus) 40%, transparent);
  color: var(--hdr-btn-fg);
}

.orders-filters__control--date {
  padding-right: 12px;
  background-image: none;
  color-scheme: dark;
  cursor: text;
}

.orders-filters__control--date::-webkit-calendar-picker-indicator {
  opacity: 0.85;
  cursor: pointer;
  filter: invert(0.72) sepia(0.08);
}

.orders-filters__field:has(.register-custom-select) {
  position: relative;
}

.orders-filters__field:has(.register-custom-select.is-open) {
  z-index: 40;
}

.orders-filters .register-custom-select {
  position: relative;
  width: 100%;
  min-width: 0;
}

.orders-filters .register-custom-select__native {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  opacity: 0;
  pointer-events: none;
  clip: rect(0, 0, 0, 0);
  overflow: hidden;
}

.orders-filters .register-custom-select__btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  width: 100%;
  min-height: var(--hdr-btn-h);
  padding: 0 12px;
  border: 1px solid var(--hdr-line);
  border-radius: var(--hdr-btn-radius);
  background: var(--hdr-search-bg);
  color: var(--hdr-btn-fg);
  font: inherit;
  font-size: var(--hdr-font-sm);
  font-weight: 600;
  text-align: left;
  cursor: pointer;
  box-sizing: border-box;
}

.orders-filters .register-custom-select__btn:hover,
.orders-filters .register-custom-select__btn:focus,
.orders-filters .register-custom-select__btn:focus-visible,
.orders-filters .register-custom-select.is-open .register-custom-select__btn {
  outline: none;
  border-color: var(--hdr-search-focus);
  box-shadow:
    0 0 0 1px var(--hdr-search-focus),
    0 0 14px 2px var(--hdr-search-focus-glow);
}

.orders-filters .register-custom-select__value {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.orders-filters .register-custom-select__chev {
  display: inline-flex;
  flex-shrink: 0;
  color: var(--hdr-search-fg);
  transition: transform 0.2s ease, color 0.15s ease;
}

.orders-filters .register-custom-select__chev i,
.orders-filters .register-custom-select__chev svg {
  width: 16px;
  height: 16px;
  color: inherit;
  stroke: currentColor;
}

.orders-filters .register-custom-select.is-open .register-custom-select__chev {
  color: var(--hdr-btn-fg);
  transform: rotate(180deg);
}

.orders-filters .register-custom-select__list,
.register-custom-select__list.is-portal {
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  right: 0;
  z-index: 50;
  max-height: min(280px, 50vh);
  margin: 0;
  padding: 6px;
  list-style: none;
  overflow-x: hidden;
  overflow-y: auto;
  border: 1px solid var(--hdr-line);
  border-radius: 12px;
  background: var(--hdr-page-bg);
  box-shadow: var(--hdr-frame-drop, 0 12px 32px rgba(0, 0, 0, 0.16));
  box-sizing: border-box;
  scrollbar-width: none;
}

.orders-filters .register-custom-select__list::-webkit-scrollbar,
.register-custom-select__list.is-portal::-webkit-scrollbar {
  display: none;
}

.orders-filters .register-custom-select__list[hidden],
.register-custom-select__list.is-portal[hidden] {
  display: none !important;
}

.orders-filters .register-custom-select__option,
.register-custom-select__list.is-portal .register-custom-select__option {
  display: block;
  width: 100%;
  margin: 0;
  padding: 10px 12px;
  border: 1px solid transparent;
  border-radius: 8px;
  background: transparent;
  color: var(--hdr-btn-fg);
  font: inherit;
  font-size: var(--hdr-font-sm);
  font-weight: 650;
  text-align: left;
  line-height: 1.35;
  cursor: pointer;
  box-sizing: border-box;
}

.orders-filters .register-custom-select__option:hover,
.orders-filters .register-custom-select__option.is-active,
.orders-filters .register-custom-select__option.is-selected,
.register-custom-select__list.is-portal .register-custom-select__option:hover,
.register-custom-select__list.is-portal .register-custom-select__option.is-active,
.register-custom-select__list.is-portal .register-custom-select__option.is-selected {
  background: var(--hdr-search-bg);
  border-color: var(--hdr-line);
  color: var(--hdr-btn-fg);
}

.orders-filters .register-custom-select__option.is-selected {
  font-weight: 750;
}

.orders-filters__actions {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-left: auto;
}

.orders-filters__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: var(--hdr-btn-h);
  padding: 0 12px;
  border: 1px solid var(--hdr-line);
  border-radius: var(--hdr-btn-radius);
  background: var(--hdr-menu-bg);
  color: var(--hdr-btn-fg);
  font: inherit;
  font-size: var(--hdr-font-sm);
  font-weight: 700;
  cursor: pointer;
  box-sizing: border-box;
  white-space: nowrap;
}

.orders-filters__btn i,
.orders-filters__btn svg {
  width: 15px;
  height: 15px;
  flex-shrink: 0;
  color: inherit;
  stroke: currentColor;
}

.orders-filters__btn--ghost,
.orders-filters__btn--icon {
  background: var(--hdr-page-bg);
  border-color: var(--hdr-line);
  color: var(--hdr-search-fg);
}

.orders-filters__btn--ghost:hover,
.orders-filters__btn--icon:hover {
  background: var(--hdr-page-bg);
  border-color: var(--hdr-search-focus);
  color: var(--hdr-search-fg);
  box-shadow:
    0 0 0 1px var(--hdr-search-focus),
    0 0 14px 2px var(--hdr-search-focus-glow);
}

.orders-filters__btn--ghost i,
.orders-filters__btn--ghost svg,
.orders-filters__btn--icon i,
.orders-filters__btn--icon svg {
  color: var(--hdr-search-fg);
  stroke: currentColor;
}

.orders-filters__btn--apply {
  border-color: var(--hdr-register);
  background: var(--hdr-register);
  color: var(--hdr-btn-fg);
}

.orders-filters__btn--apply:hover {
  border-color: var(--hdr-register-hover);
  background: var(--hdr-register-hover);
}

.orders-filters__btn--icon {
  width: var(--hdr-btn-h);
  min-width: var(--hdr-btn-h);
  padding: 0;
}

@media (max-width: 900px) {
  .orders-filters__actions {
    margin-left: 0;
    width: 100%;
  }

  .orders-filters__btn--apply {
    flex: 1 1 auto;
  }
}

.orders-card__title {
  margin: 0;
  color: var(--hdr-btn-fg);
  font-size: var(--hdr-modal-title-size);
  font-weight: 800;
  letter-spacing: -0.02em;
}

.orders-card__body--table {
  padding: 0;
}

.orders-table-wrap {
  width: 100%;
  overflow-x: auto;
}

.orders-table {
  width: 100%;
  border-collapse: collapse;
  table-layout: auto;
}

.orders-table:not(.orders-table--detail) {
  table-layout: fixed;
  width: 100%;
  min-width: 1040px;
}

.orders-table th {
  padding: 12px var(--hdr-inner-pad-x);
  color: var(--hdr-search-fg);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  text-align: left;
  vertical-align: middle;
  border-bottom: 1px solid var(--hdr-line);
  background: var(--hdr-page-bg);
  white-space: nowrap;
}

.orders-table:not(.orders-table--detail) th:nth-child(1),
.orders-table:not(.orders-table--detail) td:nth-child(1) {
  width: 12%;
  padding-right: 20px;
  white-space: nowrap;
}

.orders-table:not(.orders-table--detail) th:nth-child(2),
.orders-table:not(.orders-table--detail) td:nth-child(2) {
  width: 34%;
  padding-left: 12px;
  padding-right: 28px;
  white-space: nowrap;
}

.orders-table__service {
  display: inline;
  white-space: nowrap;
}

.orders-table:not(.orders-table--detail) th:nth-child(3),
.orders-table:not(.orders-table--detail) td:nth-child(3) {
  width: 12%;
  padding-left: 20px;
  padding-right: 20px;
  white-space: nowrap;
  text-align: center;
}

.orders-table:not(.orders-table--detail) th:nth-child(4),
.orders-table:not(.orders-table--detail) td:nth-child(4) {
  width: 18%;
  padding-left: 20px;
  padding-right: 20px;
  white-space: nowrap;
  text-align: center;
  font-size: 0.84rem;
}

.orders-table:not(.orders-table--detail) th:nth-child(5),
.orders-table:not(.orders-table--detail) td:nth-child(5) {
  width: 14%;
  padding-left: 20px;
  padding-right: 20px;
  white-space: nowrap;
  text-align: center;
}

.orders-table:not(.orders-table--detail) th:nth-child(6),
.orders-table:not(.orders-table--detail) td:nth-child(6) {
  width: 10%;
  padding-left: 16px;
  padding-right: 16px;
  white-space: nowrap;
  text-align: center;
}

.orders-table td {
  padding: 12px var(--hdr-inner-pad-x);
  color: var(--hdr-btn-fg);
  font-size: var(--hdr-font-sm);
  font-weight: 550;
  vertical-align: middle;
  border-bottom: 1px solid var(--hdr-line);
}

.orders-table tbody tr:last-child td {
  border-bottom: 0;
}

.orders-table__code {
  font-weight: 800;
  letter-spacing: -0.01em;
}

.orders-table__extra {
  color: var(--hdr-search-fg);
  font-weight: 550;
  font-size: 0.82em;
}

.orders-table__actions {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.orders-table:not(.orders-table--detail) td:nth-child(6) .orders-table__actions {
  width: 100%;
}

.orders-table__empty-row td {
  text-align: center;
  color: var(--hdr-search-fg);
  font-weight: 600;
  padding: 28px 16px;
}

.orders-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 32px;
  padding: 0 12px;
  border-radius: var(--hdr-btn-radius);
  border: 1px solid var(--hdr-line);
  background: var(--hdr-page-bg);
  color: var(--hdr-search-fg);
  font-size: var(--hdr-font-xs);
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
  box-sizing: border-box;
}

.orders-badge.is-processing {
  color: #f59e0b;
  border-color: #f59e0b;
  background: var(--hdr-page-bg);
}

.orders-badge.is-done {
  color: var(--hdr-login);
  border-color: var(--hdr-login);
  background: var(--hdr-page-bg);
}
.orders-badge.is-pending {
  color: var(--hdr-search-fg);
}

.orders-badge.is-cancelled {
  color: var(--hdr-search-fg);
}

.orders-badge.is-refunded {
  border-color: var(--hdr-info);
  background: var(--hdr-page-bg);
  color: var(--hdr-info);
}

.orders-badge--gift {
  min-height: 22px;
  padding: 0 8px;
  margin-left: 6px;
  vertical-align: middle;
  border-color: var(--hdr-line);
  background: var(--hdr-page-bg);
  color: var(--hdr-register);
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.orders-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--hdr-icon-btn-size);
  height: var(--hdr-icon-btn-size);
  border-radius: var(--hdr-btn-radius);
  border: 1px solid var(--hdr-line);
  background: var(--hdr-page-bg);
  color: var(--hdr-btn-fg);
  text-decoration: none;
  transition: border-color 0.15s ease, color 0.15s ease, background 0.15s ease;
}

.orders-action i,
.orders-action svg {
  width: 16px;
  height: 16px;
}

.orders-action:hover,
.orders-action:focus-visible {
  color: var(--hdr-icon-fg);
  border-color: var(--hdr-line);
  background: var(--hdr-search-bg);
  outline: none;
}

.order-detail {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 320px);
  gap: 14px;
  align-items: start;
  width: 100%;
}

.order-detail__main,
.order-detail__side {
  min-width: 0;
}

.orders-table--detail {
  table-layout: fixed;
}

.orders-table--detail th:nth-child(1),
.orders-table--detail td:nth-child(1) {
  width: 100px;
  text-align: center;
}

.orders-table--detail th:nth-child(2),
.orders-table--detail td:nth-child(2) {
  width: auto;
  text-align: center;
}

.orders-table--detail.no-duration.no-delivery th:nth-child(3),
.orders-table--detail.no-duration.no-delivery td:nth-child(3) {
  width: 140px;
  text-align: center;
}

.orders-table--detail.no-duration.has-delivery th:nth-child(3),
.orders-table--detail.no-duration.has-delivery td:nth-child(3) {
  width: 220px;
  text-align: center;
  vertical-align: middle;
}

.orders-table--detail.no-duration.has-delivery th:nth-child(4),
.orders-table--detail.no-duration.has-delivery td:nth-child(4) {
  width: 200px;
  text-align: center;
  vertical-align: middle;
}

.orders-table--detail.has-duration.no-delivery th:nth-child(3),
.orders-table--detail.has-duration.no-delivery td:nth-child(3) {
  width: 200px;
  text-align: center;
}

.orders-table--detail.has-duration.no-delivery th:nth-child(4),
.orders-table--detail.has-duration.no-delivery td:nth-child(4) {
  width: 140px;
  text-align: center;
}

.orders-table--detail.has-duration.has-delivery th:nth-child(3),
.orders-table--detail.has-duration.has-delivery td:nth-child(3) {
  width: 220px;
  text-align: center;
}

.orders-table--detail.has-duration.has-delivery th:nth-child(4),
.orders-table--detail.has-duration.has-delivery td:nth-child(4) {
  width: 180px;
  text-align: center;
}

.orders-table--detail.has-duration.has-delivery th:nth-child(5),
.orders-table--detail.has-duration.has-delivery td:nth-child(5) {
  width: 200px;
  text-align: center;
  vertical-align: middle;
}

.orders-table--detail.no-duration.has-backlink th:nth-child(3),
.orders-table--detail.no-duration.has-backlink td:nth-child(3),
.orders-table--detail.no-duration.has-backlink th:nth-child(4),
.orders-table--detail.no-duration.has-backlink td:nth-child(4) {
  width: 180px;
  text-align: center;
}

.orders-table--detail.no-duration.has-backlink th:nth-child(5),
.orders-table--detail.no-duration.has-backlink td:nth-child(5) {
  width: 140px;
  text-align: center;
}

.orders-table--detail.has-duration.has-backlink th:nth-child(3),
.orders-table--detail.has-duration.has-backlink td:nth-child(3) {
  width: 200px;
  text-align: center;
}

.orders-table--detail.has-duration.has-backlink th:nth-child(4),
.orders-table--detail.has-duration.has-backlink td:nth-child(4) {
  width: 140px;
  text-align: center;
}

.orders-table--detail.has-duration.has-backlink th:nth-child(5),
.orders-table--detail.has-duration.has-backlink td:nth-child(5) {
  width: 180px;
  text-align: center;
}

.orders-table--detail.has-duration.has-backlink th:nth-child(6),
.orders-table--detail.has-duration.has-backlink td:nth-child(6) {
  width: 140px;
  text-align: center;
}

.orders-table--detail.is-refunded.no-duration th:nth-child(2),
.orders-table--detail.is-refunded.no-duration td:nth-child(2) {
  width: auto;
}

.orders-table--detail.is-refunded.has-duration th:nth-child(2),
.orders-table--detail.is-refunded.has-duration td:nth-child(2) {
  width: auto;
}

.orders-table--detail.is-refunded .order-detail__info {
  max-width: none;
  margin-inline: auto;
}

.orders-table--detail td:nth-child(1),
.orders-table--detail td:nth-child(2),
.orders-table--detail td:nth-child(3),
.orders-table--detail td:nth-child(4),
.orders-table--detail td:nth-child(5),
.orders-table--detail td:nth-child(6) {
  padding-left: 12px;
  padding-right: 12px;
}

.orders-table--detail td:nth-child(1) {
  vertical-align: middle;
}

.orders-table--detail td:nth-child(1) .order-detail__thumb {
  margin-left: auto;
  margin-right: auto;
}

.orders-table--detail.has-duration.no-delivery td:nth-child(3) .order-detail__timer,
.orders-table--detail.has-duration.no-delivery td:nth-child(3) .order-detail__wait,
.orders-table--detail.has-duration.has-delivery td:nth-child(4) .order-detail__timer,
.orders-table--detail.has-duration.has-delivery td:nth-child(4) .order-detail__wait,
.orders-table--detail.has-duration.has-backlink td:nth-child(5) .order-detail__timer,
.orders-table--detail.has-duration.has-backlink td:nth-child(5) .order-detail__wait {
  margin-left: auto;
  margin-right: auto;
}

.orders-table--detail.has-duration.no-delivery td:nth-child(4) .order-detail__download,
.orders-table--detail.has-duration.no-delivery td:nth-child(4) .order-detail__wait,
.orders-table--detail.has-duration.no-delivery td:nth-child(4) .order-detail__actions,
.orders-table--detail.has-duration.has-delivery td:nth-child(5) .order-detail__download,
.orders-table--detail.has-duration.has-delivery td:nth-child(5) .order-detail__wait,
.orders-table--detail.has-duration.has-delivery td:nth-child(5) .order-detail__actions,
.orders-table--detail.has-duration.has-backlink td:nth-child(6) .order-detail__download,
.orders-table--detail.has-duration.has-backlink td:nth-child(6) .order-detail__wait,
.orders-table--detail.has-duration.has-backlink td:nth-child(6) .order-detail__actions,
.orders-table--detail.no-duration.no-delivery td:nth-child(3) .order-detail__download,
.orders-table--detail.no-duration.no-delivery td:nth-child(3) .order-detail__wait,
.orders-table--detail.no-duration.no-delivery td:nth-child(3) .order-detail__actions,
.orders-table--detail.no-duration.has-delivery td:nth-child(4) .order-detail__download,
.orders-table--detail.no-duration.has-delivery td:nth-child(4) .order-detail__wait,
.orders-table--detail.no-duration.has-delivery td:nth-child(4) .order-detail__actions,
.orders-table--detail.no-duration.has-backlink td:nth-child(5) .order-detail__download,
.orders-table--detail.no-duration.has-backlink td:nth-child(5) .order-detail__wait,
.orders-table--detail.no-duration.has-backlink td:nth-child(5) .order-detail__actions {
  margin-left: auto;
  margin-right: auto;
}

.orders-table--detail td.order-detail__delivery-cell,
.orders-table--detail td[data-label="Teslim Bilgisi"],
.orders-table--detail td[data-label="Site Adresi"],
.orders-table--detail td[data-label="Anahtar Kelime"] {
  text-align: center;
  vertical-align: middle;
}

.orders-table--detail td.order-detail__delivery-cell .order-detail__fields,
.orders-table--detail td[data-label="Teslim Bilgisi"] .order-detail__fields {
  margin: 0 auto;
  max-width: 100%;
  align-items: center;
  text-align: center;
}

.orders-table--detail td.order-detail__delivery-cell .order-detail__fields li,
.orders-table--detail td[data-label="Teslim Bilgisi"] .order-detail__fields li {
  justify-content: center;
  text-align: center;
}

.orders-table--detail td.order-detail__delivery-cell .order-detail__wait,
.orders-table--detail td[data-label="Teslim Bilgisi"] .order-detail__wait,
.orders-table--detail td[data-label="Site Adresi"] .order-detail__wait,
.orders-table--detail td[data-label="Anahtar Kelime"] .order-detail__wait {
  display: inline-flex;
  margin-left: auto;
  margin-right: auto;
}

.order-detail__thumb {
  width: var(--hdr-media-thumb);
  height: var(--hdr-media-thumb);
  border-radius: var(--hdr-media-thumb-radius);
  overflow: hidden;
  border: 1px solid var(--hdr-line);
  background: var(--hdr-page-bg);
}

.order-detail__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.order-detail__thumb-fallback {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  color: var(--hdr-search-fg);
}

.order-detail__thumb-fallback i,
.order-detail__thumb-fallback svg {
  width: 22px;
  height: 22px;
}

.order-detail__info {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
  min-width: 0;
  text-align: center;
}

.order-detail__name {
  display: block;
  min-width: 0;
  max-width: 100%;
  color: var(--hdr-btn-fg);
  font-size: var(--hdr-font-sm);
  font-weight: 800;
  letter-spacing: -0.02em;
  text-decoration: none;
  line-height: 1.3;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

a.order-detail__name:hover {
  color: var(--hdr-register);
}

.order-detail__meta {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--hdr-search-fg);
  font-size: var(--hdr-font-xs);
  font-weight: 600;
}

.order-detail__fields {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 3px;
  width: 100%;
  max-width: 280px;
  text-align: center;
  align-items: center;
}

.order-detail__fields li {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 4px 6px;
  font-size: 0.78rem;
  color: var(--hdr-search-fg);
  text-align: center;
}

.order-detail__fields strong {
  color: var(--hdr-btn-fg);
  font-weight: 700;
  word-break: break-word;
}

.order-detail__fields a {
  color: var(--hdr-register);
  text-decoration: none;
  word-break: break-all;
}

.order-detail__fields a:hover {
  text-decoration: underline;
}

.order-detail__backlink-value {
  display: inline-block;
  max-width: 100%;
  color: var(--hdr-btn-fg);
  font-size: 0.84rem;
  font-weight: 650;
  line-height: 1.35;
  word-break: break-word;
}

a.order-detail__backlink-value--link {
  color: var(--hdr-register);
  text-decoration: none;
}

a.order-detail__backlink-value--link:hover {
  text-decoration: underline;
}

.order-detail__backlink-value--empty {
  color: var(--hdr-search-fg);
  font-weight: 600;
}

.order-detail__clickaine-summary {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.35rem;
  max-width: 100%;
  text-align: center;
}

.order-detail__clickaine-summary .order-detail__backlink-value--link {
  display: inline-block;
  max-width: 100%;
  overflow-wrap: anywhere;
  word-break: break-word;
  text-align: center;
}

.orders-telafi-modal__submit.is-busy {
  opacity: 0.92;
  cursor: wait;
}

.order-detail__timer {
  --timer-h: 142;
  margin: 0;
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  max-width: 100%;
  padding: 0 10px;
  border-radius: 999px;
  border: 1px solid color-mix(in srgb, hsl(var(--timer-h) 72% 40%) 38%, var(--hdr-line));
  background: color-mix(in srgb, hsl(var(--timer-h) 70% 46%) 16%, var(--hdr-page-bg));
  color: var(--hdr-btn-fg);
  font-size: 0.78rem;
  font-weight: 750;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  transition: border-color 0.35s ease, background-color 0.35s ease;
}

.order-detail__timer.is-expired {
  --timer-h: 0;
  border-color: color-mix(in srgb, hsl(0 72% 42%) 40%, var(--hdr-line));
  background: color-mix(in srgb, hsl(0 70% 46%) 14%, transparent);
  color: var(--hdr-search-fg);
}

.order-detail__download {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: var(--hdr-btn-h-sm);
  padding: 0 var(--hdr-btn-pad-x);
  border-radius: var(--hdr-btn-radius);
  border: 0;
  background: var(--hdr-login);
  color: var(--hdr-btn-fg);
  font-size: var(--hdr-btn-font-size);
  font-weight: 700;
  text-decoration: none;
  transition: background 0.15s ease;
  white-space: nowrap;
  max-width: 100%;
}

.order-detail__download span {
  white-space: nowrap;
}

.order-detail__download i,
.order-detail__download svg {
  width: 15px;
  height: 15px;
  flex: 0 0 auto;
  color: var(--hdr-btn-fg);
}

.order-detail__download:hover {
  background: var(--hdr-login-hover);
  border-color: transparent;
}

.order-detail__download--telafi {
  margin-left: auto;
}

.order-detail__actions {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  text-align: center;
}

.order-detail__delivery-cell .order-detail__backlink-value--empty,
.order-detail__delivery-cell .order-detail__done,
.orders-table--detail td[data-label="Teslim Bilgisi"] .order-detail__backlink-value--empty,
.orders-table--detail td[data-label="İşlemler"] .order-detail__done {
  display: inline-block;
  text-align: center;
  width: 100%;
}

.orders-card__head--toolbar .order-detail__download--telafi {
  flex: 0 0 auto;
}

.order-detail__wait {
  display: inline-block;
  color: var(--hdr-search-fg);
  font-size: 0.84rem;
  font-weight: 650;
}

.order-detail__done {
  display: inline-block;
  color: var(--hdr-login);
  font-size: 0.88rem;
  font-weight: 800;
}
.order-detail__done--processing {
  color: #f59e0b;
}
.order-summary {
  padding: 0;
}

.order-summary__status {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  padding: 14px var(--hdr-inner-pad-x);
  border-bottom: 1px solid var(--hdr-line);
  background: var(--hdr-search-bg);
  text-align: center;
}

.order-summary__status-label {
  color: var(--hdr-search-fg);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.order-summary__status-value {
  color: var(--hdr-btn-fg);
  font-size: 1rem;
  font-weight: 850;
}

.order-summary__status.is-done .order-summary__status-value {
  color: var(--hdr-login);
}
.order-summary__status.is-processing .order-summary__status-value,
.order-summary__status.is-pending .order-summary__status-value {
  color: #f59e0b;
}

.order-summary__status.is-cancelled .order-summary__status-value {
  color: var(--hdr-register);
}

.order-summary__status.is-refunded .order-summary__status-value {
  color: var(--hdr-info);
}

.order-summary__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.order-summary__tile {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 14px var(--hdr-inner-pad-x);
  border-bottom: 1px solid var(--hdr-line);
  min-width: 0;
}

.order-summary__tile:first-child {
  border-right: 1px solid var(--hdr-line);
}

.order-summary__label {
  color: var(--hdr-search-fg);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.order-summary__value {
  color: var(--hdr-btn-fg);
  font-size: 0.88rem;
  font-weight: 750;
  word-break: break-word;
}

.order-summary__value--accent {
  color: var(--hdr-register);
  font-weight: 850;
}

.order-summary__timeline {
  padding: 16px var(--hdr-inner-pad-x) 18px;
}

.order-summary__timeline-title {
  margin: 0 0 14px;
  color: var(--hdr-btn-fg);
  font-size: 0.92rem;
  font-weight: 800;
}

.order-timeline {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0;
}

.order-timeline__item {
  position: relative;
  display: flex;
  gap: 12px;
  padding: 0 0 16px;
}

.order-timeline__item:last-child {
  padding-bottom: 0;
}

.order-timeline__item:not(:last-child)::before {
  content: '';
  position: absolute;
  left: 5px;
  top: 14px;
  bottom: 0;
  width: 2px;
  background: color-mix(in srgb, var(--hdr-login) 45%, var(--hdr-line));
}

.order-timeline__item.is-pending:not(:last-child)::before,
.order-timeline__item.is-cancelled:not(:last-child)::before,
.order-timeline__item.is-refunded:not(:last-child)::before {
  background: var(--hdr-line);
}

.order-timeline__dot {
  width: 12px;
  height: 12px;
  margin-top: 3px;
  border-radius: 999px;
  background: var(--hdr-login);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--hdr-login) 22%, transparent);
  flex-shrink: 0;
}

.order-timeline__item.is-pending .order-timeline__dot {
  background: #f59e0b;
  box-shadow: 0 0 0 3px color-mix(in srgb, #f59e0b 22%, transparent);
}

.order-timeline__item.is-cancelled .order-timeline__dot {
  background: var(--hdr-search-fg);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--hdr-search-fg) 18%, transparent);
}

.order-timeline__item.is-refunded .order-timeline__dot {
  background: var(--hdr-info);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--hdr-info) 22%, transparent);
}

.order-timeline__item strong {
  display: block;
  color: var(--hdr-btn-fg);
  font-size: 0.88rem;
  font-weight: 750;
}

.order-timeline__item span {
  display: block;
  margin-top: 2px;
  color: var(--hdr-search-fg);
  font-size: 0.78rem;
}

@media (max-width: 900px) {
  .order-detail {
    grid-template-columns: minmax(0, 1fr);
  }

  .orders-table:not(.orders-table--detail) {
    min-width: 0;
    width: 100%;
    table-layout: auto;
  }

  .orders-table:not(.orders-table--detail) th:nth-child(1),
  .orders-table:not(.orders-table--detail) td:nth-child(1),
  .orders-table:not(.orders-table--detail) th:nth-child(2),
  .orders-table:not(.orders-table--detail) td:nth-child(2),
  .orders-table:not(.orders-table--detail) th:nth-child(3),
  .orders-table:not(.orders-table--detail) td:nth-child(3),
  .orders-table:not(.orders-table--detail) th:nth-child(4),
  .orders-table:not(.orders-table--detail) td:nth-child(4),
  .orders-table:not(.orders-table--detail) th:nth-child(5),
  .orders-table:not(.orders-table--detail) td:nth-child(5),
  .orders-table:not(.orders-table--detail) th:nth-child(6),
  .orders-table:not(.orders-table--detail) td:nth-child(6) {
    width: auto;
    padding-left: 0;
    padding-right: 0;
    white-space: normal;
    text-align: left;
  }

  .orders-table:not(.orders-table--detail) td:nth-child(6) .orders-table__actions {
    width: auto;
  }

  .orders-table:not(.orders-table--detail) td[data-label="Hizmet"] .orders-table__service {
    display: inline;
    min-width: 0;
    white-space: normal;
    overflow-wrap: anywhere;
  }

  .orders-table:not(.orders-table--detail) .orders-table__value {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
    min-width: 0;
    max-width: 58%;
    text-align: right;
  }

  .orders-table thead {
    display: none;
  }

  .orders-table tr {
    display: block;
    padding: 12px var(--hdr-inner-pad-x);
    border-bottom: 1px solid var(--hdr-line);
  }

  .orders-table tr[hidden] {
    display: none !important;
  }

  .orders-table td {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding: 6px 0;
    border: 0;
    min-width: 0;
  }

  .orders-table:not(.orders-table--detail) td[data-label="Sipariş No"],
  .orders-table:not(.orders-table--detail) td[data-label="Hizmet"],
  .orders-table:not(.orders-table--detail) td[data-label="Durum"],
  .orders-table:not(.orders-table--detail) td[data-label="İşlem"],
  .orders-table:not(.orders-table--detail) td[data-label="Tutar"],
  .orders-table:not(.orders-table--detail) td[data-label="Tarih"] {
    text-align: right;
  }

  .orders-table:not(.orders-table--detail) td[data-label="Durum"] .orders-badge,
  .orders-table:not(.orders-table--detail) td[data-label="İşlem"] .orders-table__actions {
    margin-left: auto;
    flex: 0 0 auto;
  }

  .orders-table td::before {
    content: attr(data-label);
    color: var(--hdr-search-fg);
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    flex: 0 0 auto;
    max-width: 42%;
  }

  .orders-table__empty-row td {
    display: block;
    text-align: center;
  }

  .orders-table__empty-row td::before {
    content: none;
  }

  .orders-table--detail {
    min-width: 0;
    width: 100%;
    table-layout: auto;
  }

  .orders-table--detail th:nth-child(1),
  .orders-table--detail td:nth-child(1),
  .orders-table--detail th:nth-child(2),
  .orders-table--detail td:nth-child(2),
  .orders-table--detail th:nth-child(3),
  .orders-table--detail td:nth-child(3),
  .orders-table--detail th:nth-child(4),
  .orders-table--detail td:nth-child(4),
  .orders-table--detail th:nth-child(5),
  .orders-table--detail td:nth-child(5),
  .orders-table--detail th:nth-child(6),
  .orders-table--detail td:nth-child(6) {
    width: auto;
    text-align: left;
  }

  .orders-table--detail tr {
    display: grid;
    grid-template-columns: var(--hdr-media-thumb, 48px) minmax(0, 1fr);
    gap: 8px 12px;
    align-items: start;
  }

  .orders-table--detail td {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap: 6px;
    padding: 0;
    min-width: 0;
  }

  .orders-table--detail td::before {
    max-width: none;
    margin: 0;
  }

  .orders-table--detail td[data-label="Ürün"] {
    grid-column: 1;
    grid-row: 1;
    align-self: center;
  }

  .orders-table--detail td[data-label="Ürün"]::before {
    display: none;
  }

  .orders-table--detail td[data-label="Bilgi"] {
    grid-column: 2;
    grid-row: 1;
    justify-content: center;
  }

  .orders-table--detail td[data-label="Bilgi"]::before {
    display: none;
  }

  .orders-table--detail td[data-label="Ürün"] .order-detail__thumb {
    margin: 0;
  }

  .orders-table--detail td[data-label="Bilgi"] .order-detail__info {
    align-items: flex-start;
    text-align: left;
    width: 100%;
  }

  .orders-table--detail td[data-label="Bilgi"] .order-detail__name {
    white-space: normal;
    overflow: visible;
    text-overflow: unset;
  }

  .orders-table--detail.is-refunded td[data-label="Bilgi"] {
    grid-column: 1 / -1;
  }

  .orders-table--detail.is-refunded td[data-label="Ürün"] {
    display: none;
  }

  .orders-table--detail.is-refunded td[data-label="Bilgi"] .order-detail__info {
    align-items: flex-start;
    text-align: left;
    margin-inline: 0;
  }

  .orders-table--detail td[data-label="Teslim Bilgisi"],
  .orders-table--detail td[data-label="Site Adresi"],
  .orders-table--detail td[data-label="Anahtar Kelime"],
  .orders-table--detail td[data-label="Süre"],
  .orders-table--detail td[data-label="İşlemler"],
  .orders-table--detail td.order-detail__delivery-cell,
  .orders-table--detail.has-duration.no-delivery td:nth-child(3),
  .orders-table--detail.has-duration.no-delivery td:nth-child(4),
  .orders-table--detail.has-duration.has-delivery td:nth-child(4),
  .orders-table--detail.has-duration.has-delivery td:nth-child(5),
  .orders-table--detail.has-duration.has-backlink td:nth-child(5),
  .orders-table--detail.has-duration.has-backlink td:nth-child(6),
  .orders-table--detail.no-duration.no-delivery td:nth-child(3),
  .orders-table--detail.no-duration.has-delivery td:nth-child(4),
  .orders-table--detail.no-duration.has-backlink td:nth-child(5) {
    grid-column: 1 / -1;
    justify-content: flex-start;
    align-items: stretch;
    padding-top: 4px;
  }

  .orders-table--detail td.order-detail__delivery-cell:has(.order-detail__clickaine-summary),
  .orders-table--detail td[data-label="Teslim Bilgisi"]:has(.order-detail__clickaine-summary) {
    justify-content: flex-start;
    align-items: stretch;
    text-align: left;
  }

  .orders-table--detail td.order-detail__delivery-cell .order-detail__clickaine-summary,
  .orders-table--detail td[data-label="Teslim Bilgisi"] .order-detail__clickaine-summary {
    margin: 0;
    align-items: flex-start;
    text-align: left;
    width: 100%;
  }

  .orders-table--detail td.order-detail__delivery-cell .order-detail__fields,
  .orders-table--detail td[data-label="Teslim Bilgisi"] .order-detail__fields {
    margin: 0;
    max-width: none;
    width: 100%;
    text-align: left;
    align-items: stretch;
  }

  .orders-table--detail td.order-detail__delivery-cell .order-detail__fields li,
  .orders-table--detail td[data-label="Teslim Bilgisi"] .order-detail__fields li {
    justify-content: flex-start;
    text-align: left;
    flex-wrap: wrap;
    gap: 4px 6px;
    overflow-wrap: anywhere;
  }

  .orders-table--detail td[data-label="Site Adresi"] .order-detail__backlink-value,
  .orders-table--detail td[data-label="Anahtar Kelime"] .order-detail__backlink-value,
  .orders-table--detail td[data-label="Teslim Bilgisi"] .order-detail__backlink-value {
    text-align: left;
    overflow-wrap: anywhere;
    word-break: break-word;
  }

  .orders-table--detail.has-duration.no-delivery td:nth-child(3) .order-detail__timer,
  .orders-table--detail.has-duration.no-delivery td:nth-child(3) .order-detail__wait,
  .orders-table--detail.has-duration.no-delivery td:nth-child(4) .order-detail__download,
  .orders-table--detail.has-duration.no-delivery td:nth-child(4) .order-detail__wait,
  .orders-table--detail.has-duration.has-delivery td:nth-child(4) .order-detail__timer,
  .orders-table--detail.has-duration.has-delivery td:nth-child(4) .order-detail__wait,
  .orders-table--detail.has-duration.has-delivery td:nth-child(5) .order-detail__download,
  .orders-table--detail.has-duration.has-delivery td:nth-child(5) .order-detail__wait,
  .orders-table--detail.has-duration.has-backlink td:nth-child(5) .order-detail__timer,
  .orders-table--detail.has-duration.has-backlink td:nth-child(5) .order-detail__wait,
  .orders-table--detail.has-duration.has-backlink td:nth-child(6) .order-detail__download,
  .orders-table--detail.has-duration.has-backlink td:nth-child(6) .order-detail__wait,
  .orders-table--detail.no-duration.no-delivery td:nth-child(3) .order-detail__download,
  .orders-table--detail.no-duration.no-delivery td:nth-child(3) .order-detail__wait,
  .orders-table--detail.no-duration.has-delivery td:nth-child(4) .order-detail__download,
  .orders-table--detail.no-duration.has-delivery td:nth-child(4) .order-detail__wait,
  .orders-table--detail.no-duration.has-backlink td:nth-child(5) .order-detail__download,
  .orders-table--detail.no-duration.has-backlink td:nth-child(5) .order-detail__wait {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }

  .orders-table--detail td[data-label="İşlemler"] .order-detail__actions,
  .orders-table--detail td[data-label="İşlemler"] .order-detail__done,
  .orders-table--detail td[data-label="İşlemler"] .order-detail__download,
  .orders-table--detail td[data-label="İşlemler"] .order-detail__wait {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    max-width: 100%;
  }

  .orders-table--detail td[data-label="İşlemler"] .order-detail__actions {
    align-items: stretch;
  }

  .orders-table--detail td[data-label="İşlemler"]::before {
    text-align: left;
  }

  .orders-page--detail .orders-card__head--toolbar {
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
  }

  .orders-page--detail .orders-card__title {
    width: 100%;
  }

  .orders-page--detail .orders-telafi-btn,
  .orders-page--detail .orders-telafi-status,
  .orders-page--detail .orders-telafi-result-btn,
  .orders-page--detail .order-detail__download--telafi {
    width: 100%;
    margin-left: 0;
    justify-content: center;
    flex-wrap: wrap;
    white-space: normal;
    text-align: center;
  }

  .orders-page--detail .orders-table--detail tr {
    display: grid;
    grid-template-columns: var(--hdr-media-thumb, 48px) minmax(0, 1fr);
    gap: 8px 12px;
    align-items: start;
    padding: 14px var(--hdr-inner-pad-x);
  }

  .orders-page--detail .orders-table--detail td[data-label="İşlemler"],
  .orders-page--detail .orders-table--detail td:last-child {
    grid-column: 1 / -1;
    justify-self: stretch;
    width: auto;
    min-width: 0;
    max-width: none;
    box-sizing: border-box;
    padding-top: 12px;
    margin-top: 4px;
    border-top: 1px solid var(--hdr-line);
    box-shadow: none;
  }

  .orders-page--detail .orders-table--detail td[data-label="Ürün"] {
    grid-column: 1;
    grid-row: 1;
  }

  .orders-page--detail .orders-table--detail td[data-label="Bilgi"] {
    grid-column: 2;
    grid-row: 1;
  }
}

.orders-telafi-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: var(--hdr-btn-h-sm);
  padding: 0 var(--hdr-btn-pad-x);
  border-radius: var(--hdr-btn-radius);
  border: 0;
  background: var(--hdr-register);
  color: var(--hdr-btn-fg);
  font-size: var(--hdr-btn-font-size);
  font-weight: 700;
  cursor: pointer;
  margin-left: auto;
  transition: background 0.15s ease;
}
.orders-telafi-btn:hover {
  background: var(--hdr-register-hover);
}
.orders-telafi-btn i,
.orders-telafi-btn svg {
  width: 15px;
  height: 15px;
  color: var(--hdr-btn-fg);
}
.orders-telafi-btn__sub {
  color: var(--hdr-btn-fg);
  opacity: 0.85;
  font-size: var(--hdr-font-xs);
  font-weight: 650;
}
.orders-telafi-status {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: var(--hdr-btn-h-sm);
  margin-left: auto;
  padding: 0 12px;
  border-radius: var(--hdr-btn-radius);
  border: 1px solid var(--hdr-line);
  background: var(--hdr-page-bg);
  color: var(--hdr-search-fg);
  font: inherit;
  font-size: var(--hdr-font-sm);
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.orders-telafi-status i,
.orders-telafi-status svg {
  width: 15px;
  height: 15px;
  flex-shrink: 0;
  color: var(--hdr-search-fg);
  stroke-width: 1.75;
}
.orders-telafi-status--beklemede {
  border-color: var(--hdr-line);
  background: var(--hdr-page-bg);
  color: var(--hdr-search-fg);
}
.orders-telafi-status--beklemede i,
.orders-telafi-status--beklemede svg {
  color: var(--hdr-search-fg);
}
.orders-telafi-status--cozuldu {
  border-color: var(--hdr-line);
  background: var(--hdr-page-bg);
  color: var(--hdr-search-fg);
}
.orders-telafi-status--cozuldu i,
.orders-telafi-status--cozuldu svg {
  color: var(--hdr-search-fg);
}
.orders-telafi-status--iade {
  border-color: var(--hdr-info);
  background: var(--hdr-page-bg);
  color: var(--hdr-info);
}
.orders-telafi-status--iade i,
.orders-telafi-status--iade svg {
  color: var(--hdr-info);
}
.orders-telafi-status--iptal {
  border-color: var(--hdr-line);
  background: var(--hdr-page-bg);
  color: var(--hdr-search-fg);
}
.orders-telafi-status--iptal i,
.orders-telafi-status--iptal svg {
  color: var(--hdr-search-fg);
}
.orders-telafi-result-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: var(--hdr-btn-h-sm);
  padding: 0 var(--hdr-btn-pad-x);
  border-radius: var(--hdr-btn-radius);
  border: 0;
  color: var(--hdr-btn-fg);
  font: inherit;
  font-size: var(--hdr-btn-font-size);
  font-weight: 700;
  cursor: pointer;
  margin-left: auto;
  transition: background 0.15s ease;
}
.orders-telafi-result-btn i,
.orders-telafi-result-btn svg {
  width: 15px;
  height: 15px;
  color: var(--hdr-btn-fg);
}
.orders-telafi-result-btn--iade {
  background: var(--hdr-info);
}
.orders-telafi-result-btn--iade:hover {
  background: var(--hdr-info-hover);
}
.orders-telafi-result-btn--iptal {
  background: var(--hdr-register);
}
.orders-telafi-result-btn--iptal:hover {
  background: var(--hdr-register-hover);
}
.orders-telafi-result-modal .orders-telafi-modal__dialog {
  width: min(420px, calc(100vw - 32px));
  padding: 0;
  overflow: hidden;
}

.orders-telafi-result-modal__hero {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 22px 52px 18px 22px;
  border-bottom: 1px solid var(--hdr-line);
  background: var(--hdr-header-bg);
}

.orders-telafi-result-modal__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 46px;
  flex-shrink: 0;
  border-radius: 14px;
  border: 1px solid var(--hdr-line);
  background: var(--hdr-page-bg);
  color: var(--hdr-result-accent, var(--hdr-info));
}

.orders-telafi-result-modal__icon i,
.orders-telafi-result-modal__icon svg {
  width: 22px;
  height: 22px;
  stroke-width: 1.85;
}

.orders-telafi-result-modal__intro {
  min-width: 0;
}

.orders-telafi-result-modal__title {
  margin: 0;
  font-size: 1.08rem;
  font-weight: 800;
  letter-spacing: -0.02em;
  color: var(--hdr-btn-fg);
  line-height: 1.25;
}

.orders-telafi-result-modal__subtitle {
  margin: 6px 0 0;
  color: var(--hdr-search-fg);
  font-size: var(--hdr-font-sm);
  line-height: 1.45;
}

.orders-telafi-result-modal__product,
.orders-telafi-result-modal__stats,
.orders-telafi-result-modal__note-box {
  margin: 0 22px;
}

.orders-telafi-result-modal__product {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-top: 16px;
  padding: 12px 14px;
  border: 1px solid var(--hdr-line);
  border-radius: var(--hdr-btn-radius);
  background: var(--hdr-search-bg);
}

.orders-telafi-result-modal__product-label,
.orders-telafi-result-modal__stat-label,
.orders-telafi-result-modal__note-label {
  color: var(--hdr-search-fg);
  font-size: var(--hdr-font-xs);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.orders-telafi-result-modal__product strong {
  color: var(--hdr-btn-fg);
  font-size: var(--hdr-font-sm);
  font-weight: 800;
  line-height: 1.35;
}

.orders-telafi-result-modal__stats {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  gap: 10px;
  margin-top: 12px;
}

.orders-telafi-result-modal__stat {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 12px 14px;
  border: 1px solid var(--hdr-line);
  border-radius: var(--hdr-btn-radius);
  background: var(--hdr-header-bg);
}

.orders-telafi-result-modal__stat-value {
  color: var(--hdr-btn-fg);
  font-size: var(--hdr-font-sm);
  font-weight: 800;
}

.orders-telafi-result-modal__note-box {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 12px;
  padding: 14px;
  border: 1px solid var(--hdr-line);
  border-radius: var(--hdr-btn-radius);
  background: var(--hdr-search-bg);
}

.orders-telafi-result-modal__note {
  margin: 0;
  color: var(--hdr-btn-fg);
  font-size: var(--hdr-font-sm);
  line-height: 1.55;
}

.orders-telafi-result-modal__footer {
  display: flex;
  justify-content: flex-end;
  margin-top: 18px;
  padding: 16px 22px 22px;
  border-top: 1px solid var(--hdr-line);
  background: var(--hdr-page-bg);
}

.orders-telafi-result-modal__ok {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: var(--hdr-btn-h-sm);
  padding: 0 18px;
  border: 0;
  border-radius: var(--hdr-btn-radius);
  background: var(--hdr-result-accent, var(--hdr-info));
  color: var(--hdr-btn-fg);
  font: inherit;
  font-size: var(--hdr-btn-font-size);
  font-weight: 700;
  cursor: pointer;
  transition: background 0.15s ease;
}

.orders-telafi-result-modal__ok i,
.orders-telafi-result-modal__ok svg {
  width: 15px;
  height: 15px;
  color: var(--hdr-btn-fg);
}

.orders-telafi-result-modal__ok:hover {
  background: var(--hdr-result-accent-hover, #1d4ed8);
}

.orders-telafi-result-modal--iade {
  --hdr-result-accent: var(--hdr-info);
  --hdr-result-accent-hover: var(--hdr-info-hover);
}

.orders-telafi-result-modal--iptal {
  --hdr-result-accent: var(--hdr-register);
  --hdr-result-accent-hover: var(--hdr-register-hover);
}

.orders-telafi-result-modal--iptal .orders-telafi-result-modal__hero {
  background: var(--hdr-header-bg);
}

html.orders-telafi-open {
  overflow: hidden;
}
.orders-telafi-modal {
  position: fixed;
  inset: 0;
  z-index: 80;
  display: grid;
  place-items: center;
  padding: 16px;
}
.orders-telafi-modal[hidden] {
  display: none !important;
}
.orders-telafi-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.55);
}
.orders-telafi-modal__dialog {
  position: relative;
  z-index: 1;
  width: min(var(--hdr-modal-width), 100%);
  max-height: min(90vh, 680px);
  overflow: auto;
  padding: var(--hdr-modal-pad);
  border-radius: var(--hdr-modal-radius);
  border: 1px solid var(--hdr-line);
  background: var(--hdr-header-bg);
  box-shadow: var(--hdr-frame-drop);
  box-sizing: border-box;
  outline: none;
}
.orders-telafi-modal__close {
  position: absolute;
  top: 10px;
  right: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--hdr-icon-btn-size);
  height: var(--hdr-icon-btn-size);
  border: 0;
  border-radius: var(--hdr-btn-radius);
  background: transparent;
  color: var(--hdr-search-fg);
  cursor: pointer;
  transition: color 0.15s ease;
}
.orders-telafi-modal__close:hover,
.orders-telafi-modal__close:focus-visible {
  color: var(--hdr-icon-fg);
  background: transparent;
  outline: none;
}
.orders-telafi-modal__close i,
.orders-telafi-modal__close svg {
  width: 16px;
  height: 16px;
  transition: transform 0.35s ease;
}
.orders-telafi-modal__close:hover i,
.orders-telafi-modal__close:hover svg,
.orders-telafi-modal__close:focus-visible i,
.orders-telafi-modal__close:focus-visible svg {
  transform: rotate(90deg);
}
.orders-telafi-modal__title {
  margin: 0 36px 12px 0;
  font-size: var(--hdr-modal-title-size);
  font-weight: 800;
}
.orders-telafi-modal__product {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 6px;
  margin: 0 0 12px;
  padding: 8px 10px;
  border-radius: var(--hdr-btn-radius);
  border: 1px solid var(--hdr-line);
  background: var(--hdr-search-bg);
}
.orders-telafi-modal__product strong {
  font-size: var(--hdr-font-sm);
  line-height: 1.35;
}
.orders-telafi-modal__product-sep {
  color: var(--hdr-search-fg);
  font-size: var(--hdr-font-xs);
  font-weight: 650;
}
.orders-telafi-modal__product-meta {
  color: var(--hdr-search-fg);
  font-size: var(--hdr-font-xs);
  font-weight: 700;
  letter-spacing: 0.02em;
}
.orders-telafi-modal__units {
  margin: 0 0 14px;
  border: 1px solid var(--hdr-line);
  border-radius: 12px;
  overflow: hidden;
  background: var(--hdr-search-bg);
}
.orders-telafi-modal__units[hidden] {
  display: none !important;
}
.orders-telafi-modal__units-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 10px 12px;
  border-bottom: 1px solid var(--hdr-line);
  font-size: 0.78rem;
  font-weight: 700;
  color: var(--hdr-search-fg);
}
.orders-telafi-modal__units-all {
  border: 0;
  background: transparent;
  color: var(--hdr-register);
  font: inherit;
  font-weight: 750;
  cursor: pointer;
  padding: 0;
}
.orders-telafi-modal__units-list {
  max-height: 220px;
  overflow: auto;
  display: flex;
  flex-direction: column;
}
.orders-telafi-modal__unit {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 0;
  padding: 10px 12px;
  border-bottom: 1px solid color-mix(in srgb, var(--hdr-line) 70%, transparent);
  cursor: pointer;
  font-size: 0.84rem;
  line-height: 1.4;
  word-break: break-word;
}
.orders-telafi-modal__unit:last-child {
  border-bottom: 0;
}
.orders-telafi-modal__unit input {
  margin-top: 2px;
  flex: 0 0 auto;
  accent-color: var(--hdr-register);
}
.orders-telafi-modal__field {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-bottom: 14px;
}
.orders-telafi-modal__field[hidden] {
  display: none !important;
}
.orders-telafi-modal__optional {
  color: var(--hdr-search-fg);
  font-weight: 600;
}
.orders-telafi-modal__field textarea,
.orders-telafi-modal__field select,
.orders-telafi-modal__field input[type="text"],
.orders-telafi-modal__field input[type="url"] {
  width: 100%;
  box-sizing: border-box;
  min-height: var(--hdr-field-control-h);
  padding: 8px 10px;
  border: 1px solid var(--hdr-line);
  border-radius: var(--hdr-btn-radius);
  background: var(--hdr-page-bg);
  color: var(--hdr-btn-fg);
  font: inherit;
  font-size: var(--hdr-font-sm);
  outline: none;
  box-shadow: none;
  caret-color: var(--hdr-search-focus);
}

.orders-telafi-modal__field textarea:hover,
.orders-telafi-modal__field select:hover,
.orders-telafi-modal__field input[type="text"]:hover,
.orders-telafi-modal__field input[type="url"]:hover {
  border-color: var(--hdr-line);
}

.orders-telafi-modal__field textarea:focus,
.orders-telafi-modal__field select:focus,
.orders-telafi-modal__field input[type="text"]:focus,
.orders-telafi-modal__field input[type="url"]:focus,
.orders-telafi-modal__field textarea:focus-visible,
.orders-telafi-modal__field select:focus-visible,
.orders-telafi-modal__field input[type="text"]:focus-visible,
.orders-telafi-modal__field input[type="url"]:focus-visible {
  border-color: var(--hdr-search-focus);
  box-shadow:
    0 0 0 1px var(--hdr-search-focus),
    0 0 14px 2px var(--hdr-search-focus-glow);
  outline: none;
}

.orders-telafi-modal__field textarea::selection,
.orders-telafi-modal__field input[type="text"]::selection,
.orders-telafi-modal__field input[type="url"]::selection {
  background: color-mix(in srgb, var(--hdr-search-focus) 40%, transparent);
  color: var(--hdr-btn-fg);
}
.orders-telafi-modal__error {
  margin: 0 0 12px;
  font-size: 0.82rem;
  font-weight: 650;
  color: var(--hdr-register);
}
.orders-telafi-modal__error[hidden] {
  display: none !important;
}
.orders-telafi-modal__file {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: var(--hdr-field-control-h);
  padding: 4px 6px 4px 4px;
  border: 1px solid var(--hdr-line);
  border-radius: var(--hdr-btn-radius);
  background: var(--hdr-page-bg);
  box-sizing: border-box;
}
.orders-telafi-modal__file-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 32px;
  padding: 0 10px;
  border: 1px solid var(--hdr-line);
  border-radius: 8px;
  background: var(--hdr-header-bg);
  color: var(--hdr-btn-fg);
  font-size: var(--hdr-font-xs);
  font-weight: 700;
  cursor: pointer;
  flex: 0 0 auto;
}
.orders-telafi-modal__file-btn i,
.orders-telafi-modal__file-btn svg {
  width: 15px;
  height: 15px;
}
.orders-telafi-modal__file-name {
  min-width: 0;
  color: var(--hdr-search-fg);
  font-size: 0.8rem;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.orders-telafi-modal__submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: 100%;
  min-height: var(--hdr-btn-h);
  margin-top: 4px;
  border: 0;
  border-radius: var(--hdr-btn-radius);
  background: var(--hdr-register);
  color: var(--hdr-btn-fg);
  font-size: var(--hdr-btn-font-size);
  font-weight: 700;
  cursor: pointer;
}
.orders-telafi-modal__submit.is-busy [data-lucide="loader-circle"],
.orders-telafi-modal__submit.is-busy svg.lucide-loader-circle {
  animation: orders-telafi-spin 0.85s linear infinite;
}
.orders-telafi-modal__submit.is-done {
  background: #1f9d55;
  cursor: default;
}
@keyframes orders-telafi-spin {
  to {
    transform: rotate(360deg);
  }
}
.orders-telafi-modal__submit i,
.orders-telafi-modal__submit svg {
  width: 16px;
  height: 16px;
}
.site-main--para-yatir {
  padding: 0 var(--hdr-shell-gutter) 16px;
  box-sizing: border-box;
  max-width: 100%;
  overflow-x: clip;
}

.profil-info-card {
  display: flex;
  flex-direction: column;
  gap: 14px;
  width: 100%;
  min-width: 0;
  height: 100%;
  padding: 16px;
  border: 1px solid var(--hdr-frame-border);
  border-radius: var(--hdr-frame-radius);
  background: var(--hdr-header-bg);
  box-shadow: var(--hdr-frame-drop);
  box-sizing: border-box;
}

.profil-info-card__head {
  display: flex;
  align-items: center;
  gap: 10px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--hdr-line);
  flex-shrink: 0;
}

.profil-info-card__head-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: var(--hdr-btn-radius);
  border: 1px solid var(--hdr-register);
  background: var(--hdr-register);
  color: var(--hdr-btn-fg);
  flex-shrink: 0;
  box-sizing: border-box;
}

.profil-info-card__head-icon i,
.profil-info-card__head-icon svg {
  width: 16px;
  height: 16px;
  display: block;
  fill: none;
  stroke: currentColor;
  color: inherit;
}

.profil-info-card__titles {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.profil-info-card__title {
  margin: 0;
  color: var(--hdr-btn-fg);
  font-size: var(--hdr-font);
  font-weight: 800;
  line-height: 1.25;
}

.profil-info-card__subtitle {
  margin: 0;
  color: var(--hdr-muted);
  font-size: var(--hdr-font-sm);
  font-weight: 500;
  line-height: 1.35;
}

.para-yatir {
  --para-yatir-panel-h: 560px;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  margin: 0;
  padding: 16px 0 24px;
  box-sizing: border-box;
  overflow-x: clip;
}

.para-yatir__layout {
  display: grid;
  grid-template-columns: minmax(220px, 280px) minmax(0, 1fr);
  gap: 12px;
  align-items: stretch;
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

/* Locked to step-2 (post-amount) payment card height — same shell for idle / step1 / step2. */
.para-yatir:not(.para-cek).is-panel-sized .para-yatir__layout {
  height: var(--para-yatir-panel-h);
  min-height: var(--para-yatir-panel-h);
  max-height: var(--para-yatir-panel-h);
  grid-template-rows: minmax(0, 1fr);
  align-items: stretch;
}

.para-yatir:not(.para-cek).is-panel-sized .para-yatir__methods.profil-info-card,
.para-yatir:not(.para-cek).is-panel-sized .para-yatir__detail {
  height: 100%;
  min-height: 0;
  max-height: 100%;
  align-self: stretch;
  overflow: hidden;
}

.para-yatir:not(.para-cek).is-panel-sized .para-yatir__method-list {
  flex: 1 1 auto;
  grid-auto-rows: 1fr;
  gap: 12px;
}

.para-yatir:not(.para-cek).is-panel-sized .para-yatir__pay-panels:not([hidden]),
.para-yatir:not(.para-cek).is-panel-sized .para-yatir__pay-panels > [data-para-yatir-panel]:not([hidden]),
.para-yatir:not(.para-cek).is-panel-sized .para-yatir__pay-panels > .para-yatir-card.profil-info-card:not([hidden]) {
  height: 100%;
  min-height: 0;
  max-height: 100%;
  align-self: stretch;
  overflow: hidden;
}

.para-yatir:not(.para-cek).is-panel-sized .para-yatir-card__form,
.para-yatir:not(.para-cek).is-panel-sized .para-yatir-havale__form,
.para-yatir:not(.para-cek).is-panel-sized .para-yatir-crypto__form,
.para-yatir:not(.para-cek).is-panel-sized .para-yatir-card__step:not([hidden]) {
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
}

.para-yatir:not(.para-cek).is-panel-sized .para-yatir-card__body {
  flex: 1 1 auto;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
}

.para-yatir:not(.para-cek).is-panel-sized .para-yatir-card__form > .para-yatir-card__submit,
.para-yatir:not(.para-cek).is-panel-sized .para-yatir-card__step > .para-yatir-card__submit,
.para-yatir:not(.para-cek).is-panel-sized .para-yatir-card__step-actions,
.para-yatir:not(.para-cek).is-panel-sized .para-yatir-havale .para-yatir-card__submit,
.para-yatir:not(.para-cek).is-panel-sized .para-yatir-crypto .para-yatir-card__submit {
  margin-top: auto;
}

/* Idle: info keeps natural height; select fills the rest of the locked shell. */
.para-yatir:not(.para-cek).is-panel-sized .para-yatir-info:not([hidden]) {
  flex: 0 1 auto;
  min-height: 0;
  overflow: visible;
}

.para-yatir:not(.para-cek).is-panel-sized .para-yatir__detail > .para-yatir-select:not([hidden]) {
  flex: 1 1 auto;
  height: auto;
  min-height: 160px;
  max-height: none;
  align-self: stretch;
  overflow: hidden;
  gap: 12px;
  padding: 36px 28px;
}

.para-yatir:not(.para-cek).is-panel-sized .para-yatir__detail > .para-yatir-select:not([hidden]) .para-yatir-select__icon {
  margin-bottom: 10px;
}

.para-yatir:not(.para-cek).is-panel-sized .para-yatir__detail > .para-yatir-select:not([hidden]) .para-yatir-select__icon i,
.para-yatir:not(.para-cek).is-panel-sized .para-yatir__detail > .para-yatir-select:not([hidden]) .para-yatir-select__icon svg {
  width: 56px;
  height: 56px;
}

.para-yatir:not(.para-cek).is-panel-sized .para-yatir__detail > .para-yatir-select:not([hidden]) .para-yatir-select__title {
  font-size: 1.08rem;
}

.para-yatir:not(.para-cek).is-panel-sized .para-yatir__detail > .para-yatir-select:not([hidden]) .para-yatir-select__text {
  max-width: 32em;
  font-size: 0.92rem;
}

/* Step 1 (amount): balanced amount block, CTA pinned bottom. */
.para-yatir:not(.para-cek).is-panel-sized .para-yatir-card__step[data-para-yatir-step="1"] .para-yatir-card__body {
  justify-content: center;
  gap: 20px;
}

.para-yatir:not(.para-cek).is-panel-sized .para-yatir-card__step[data-para-yatir-step="1"] .para-yatir-card__amount {
  flex: 0 1 auto;
  height: auto;
  min-height: 132px;
  max-height: 168px;
  padding: 22px 20px;
}

.para-yatir:not(.para-cek).is-panel-sized .para-yatir-card__step[data-para-yatir-step="1"] .para-yatir-card__amount-input {
  font-size: 1.85rem;
}

/* Step 2 (havale): fields breathe, note sits above actions. */
.para-yatir:not(.para-cek).is-panel-sized .para-yatir-card__step[data-para-yatir-step="2"] .para-yatir-card__body--stack {
  flex: 1 1 auto;
  justify-content: flex-start;
  gap: 16px;
}

.para-yatir:not(.para-cek).is-panel-sized .para-yatir-card__step[data-para-yatir-step="2"] .para-yatir-card__body--stack .para-yatir-card__note {
  margin-top: auto;
}

/* Step 2 (crypto): QR + compact amount centered, address full-width below. */
.para-yatir:not(.para-cek).is-panel-sized .para-yatir-card__step[data-para-yatir-step="2"] .para-yatir-card__body--transfer {
  flex: 1 1 auto;
  justify-content: center;
  gap: 18px;
}

.para-yatir__methods.profil-info-card {
  display: flex;
  flex-direction: column;
  align-self: stretch;
  min-width: 0;
  min-height: 0;
  height: auto;
  background: var(--hdr-header-bg);
}

.para-yatir__methods .profil-info-card__head-icon {
  width: 34px;
  height: 34px;
  border-radius: var(--hdr-btn-radius);
  border: 1px solid var(--hdr-register);
  background: var(--hdr-register);
  color: var(--hdr-btn-fg);
  box-sizing: border-box;
}

.para-yatir__methods .profil-info-card__head-icon i,
.para-yatir__methods .profil-info-card__head-icon svg {
  width: 16px;
  height: 16px;
  display: block;
  color: inherit;
  fill: none;
  stroke: currentColor;
}

.para-yatir__method-list {
  display: grid;
  grid-template-columns: 1fr;
  grid-auto-rows: 1fr;
  gap: 12px;
  flex: 1 1 auto;
  min-height: 0;
  align-content: stretch;
}

.para-yatir__detail {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-self: stretch;
  min-width: 0;
  height: auto;
  min-height: 100%;
  overflow: visible;
}

.para-yatir-info:not([hidden]) {
  display: flex;
  flex-direction: column;
  gap: 14px;
  min-width: 0;
  flex: 0 0 auto;
}

.para-yatir__pay-panels:not([hidden]) {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: minmax(0, 1fr);
  align-self: stretch;
  min-width: 0;
  min-height: 0;
  flex: 1 1 auto;
  height: auto;
  width: 100%;
  overflow: visible;
}

.para-yatir__pay-panels > [data-para-yatir-panel],
.para-yatir__pay-panels > [data-para-cek-panel] {
  grid-column: 1;
  grid-row: 1;
  align-self: stretch;
  justify-self: stretch;
  width: 100%;
  min-width: 0;
  min-height: 0;
  height: auto;
  box-sizing: border-box;
  overflow: visible;
}

.para-yatir__pay-panels > [data-para-yatir-panel][hidden],
.para-yatir__pay-panels > [data-para-cek-panel][hidden],
.para-yatir__pay-panels > .para-yatir-card[hidden],
.para-yatir__pay-panels > .profil-info-card[hidden] {
  display: none;
}

.para-yatir__pay-panels > .para-yatir-card.profil-info-card:not([hidden]),
.para-yatir__pay-panels > .para-yatir-select:not([hidden]) {
  display: flex;
  flex-direction: column;
  height: auto;
  min-height: 100%;
  flex: unset;
  padding: 0;
  gap: 0;
  overflow: visible;
}

.para-yatir__pay-panels > [data-para-yatir-panel]:not([hidden]),
.para-yatir__pay-panels > [data-para-cek-panel]:not([hidden]) {
  visibility: visible;
  z-index: 1;
  pointer-events: auto;
}

.para-yatir__detail > .para-yatir-select[data-para-yatir-panel="select"],
.para-yatir__detail > .para-yatir-select[data-para-yatir-panel="pending"],
.para-yatir__detail > .para-yatir-select[data-para-cek-panel="pending"] {
  flex: 1 1 auto;
  height: auto;
  min-height: 0;
}

.para-yatir-info[hidden] {
  display: none;
}

.para-yatir.is-pending .para-yatir__method-list {
  opacity: 0.45;
  pointer-events: none;
}

.para-yatir.is-pending .para-yatir-method {
  cursor: default;
}

.para-yatir-select:not([hidden]) {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 200px;
  padding: 28px 20px;
  border: 1px solid var(--hdr-frame-border);
  border-radius: var(--hdr-frame-radius);
  background: var(--hdr-header-bg);
  box-shadow: var(--hdr-frame-drop);
  text-align: center;
  box-sizing: border-box;
}

.para-yatir-select__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 6px;
  border: 0;
  background: transparent;
  color: var(--hdr-register);
}

.para-yatir-select__icon i,
.para-yatir-select__icon svg {
  width: 44px;
  height: 44px;
  display: block;
  color: inherit;
  fill: none;
  stroke: currentColor;
}

.para-yatir-select__icon--side {
  transform: scaleX(-1);
}

.para-yatir-select__icon--top {
  display: none;
  transform: none;
}

.para-yatir-pending__icon {
  color: var(--hdr-register);
  transform: none;
}

.para-yatir-pending .para-yatir-select__title {
  max-width: 22em;
}

.para-yatir-select__title {
  margin: 0;
  color: var(--hdr-btn-fg);
  font-size: 1rem;
  font-weight: 800;
  line-height: 1.35;
}

.para-yatir-select__place--top {
  display: none;
}

.para-yatir-select__text {
  margin: 0;
  max-width: 28em;
  color: var(--hdr-muted);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.45;
}

.para-yatir-info__banner {
  display: flow-root;
  padding: var(--shell-banner-pad-y) var(--shell-banner-pad-x);
  border: 1px solid var(--hdr-frame-border);
  border-radius: var(--hdr-frame-radius);
  background: var(--hdr-header-bg);
  color: var(--hdr-btn-fg);
  box-shadow: var(--hdr-frame-drop);
  box-sizing: border-box;
}

.para-yatir-info__banner-title {
  margin: 0 0 6px;
  color: var(--hdr-btn-fg);
  font-size: var(--shell-banner-title);
  font-weight: 800;
  line-height: 1.35;
}

.para-yatir-info__banner-text {
  margin: 0;
  color: var(--hdr-muted);
  font-size: var(--shell-banner-text);
  line-height: 1.6;
  text-wrap: pretty;
}

.para-yatir-info__banner-icon {
  float: left;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--shell-banner-icon);
  height: var(--shell-banner-icon);
  margin: 0 10px 4px 0;
  border-radius: var(--hdr-btn-radius);
  background: var(--hdr-register);
  border: 1px solid var(--hdr-register);
  color: var(--hdr-btn-fg);
  box-sizing: border-box;
}

.para-yatir-info__banner-icon i,
.para-yatir-info__banner-icon svg {
  width: var(--shell-banner-glyph);
  height: var(--shell-banner-glyph);
  display: block;
  color: inherit;
  fill: none;
  stroke: currentColor;
}

.para-yatir-info__steps {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.para-yatir-step {
  display: flow-root;
  padding: 12px;
  border: 1px solid var(--hdr-frame-border);
  border-radius: 14px;
  background: var(--hdr-header-bg);
  box-shadow: var(--hdr-frame-drop);
  box-sizing: border-box;
}

.para-yatir-step__icon {
  float: left;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  margin: 0 10px 4px 0;
  border-radius: 10px;
  border: 1px solid var(--hdr-register);
  background: var(--hdr-register);
  color: var(--hdr-btn-fg);
  box-sizing: border-box;
}

.para-yatir-step__icon i,
.para-yatir-step__icon svg {
  width: 17px;
  height: 17px;
  display: block;
  color: inherit;
  fill: none;
  stroke: currentColor;
}

.para-yatir-step__icon--accent,
.para-yatir-step__icon--green,
.para-yatir-step__icon--info {
  background: var(--hdr-register);
  color: var(--hdr-btn-fg);
  border-color: var(--hdr-register);
}

.para-yatir-step__title {
  margin: 0 0 5px;
  color: var(--hdr-btn-fg);
  font-size: 0.9rem;
  font-weight: 800;
  line-height: 1.3;
}

.para-yatir-step__text {
  margin: 0;
  color: var(--hdr-muted);
  font-size: 0.8rem;
  line-height: 1.55;
  text-wrap: pretty;
}

.para-yatir__empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  flex: 1;
  min-height: 280px;
  padding: 24px 16px;
  border: 1px solid var(--hdr-frame-border);
  border-radius: 12px;
  background: var(--hdr-header-bg);
  text-align: center;
  box-sizing: border-box;
}

.para-yatir__empty-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  margin-bottom: 4px;
  border-radius: var(--hdr-btn-radius);
  border: 1px solid var(--hdr-register);
  background: var(--hdr-register);
  color: var(--hdr-btn-fg);
  box-sizing: border-box;
}

.para-yatir__empty-icon i,
.para-yatir__empty-icon svg {
  width: 22px;
  height: 22px;
  display: block;
  color: inherit;
  fill: none;
  stroke: currentColor;
}

.para-yatir__empty-title {
  margin: 0;
  color: var(--hdr-btn-fg);
  font-size: 0.98rem;
  font-weight: 800;
  line-height: 1.3;
}

.para-yatir__empty-text {
  margin: 0;
  max-width: 22em;
  color: var(--hdr-muted);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.45;
}

.para-yatir__notice {
  margin: 0 0 12px;
  padding: 12px 14px;
  border-radius: 12px;
  font-size: 0.86rem;
  font-weight: 600;
  line-height: 1.45;
}

.para-yatir__notice--success {
  color: var(--hdr-login);
  background: color-mix(in srgb, var(--hdr-login) 12%, var(--hdr-field));
  border: 1px solid color-mix(in srgb, var(--hdr-login) 24%, var(--hdr-field-border));
}

.para-yatir__notice--warning {
  color: var(--hdr-info);
  background: color-mix(in srgb, var(--hdr-info) 12%, var(--hdr-field));
  border: 1px solid color-mix(in srgb, var(--hdr-info) 24%, var(--hdr-field-border));
}

.para-yatir__notice--info {
  color: var(--hdr-text);
  background: color-mix(in srgb, var(--hdr-field) 55%, var(--hdr-bg));
  border: 1px solid var(--hdr-field-border);
}

.para-yatir-method {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  gap: 0;
  width: 100%;
  height: 100%;
  min-height: 0;
  padding: 0;
  border: 1px solid var(--hdr-line);
  border-radius: 10px;
  background: transparent;
  color: inherit;
  text-align: center;
  cursor: pointer;
  transition: border-color 0.15s ease;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
}

.para-yatir-method:hover,
.para-yatir-method.is-active {
  border-color: var(--hdr-register);
  background: transparent;
}

.para-yatir-method__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  margin: 8px auto;
  border-radius: 10px;
  background: transparent;
  border: 1px solid var(--hdr-line);
  color: var(--hdr-register);
  flex-shrink: 0;
  box-sizing: border-box;
}

.para-yatir-method__icon i,
.para-yatir-method__icon svg {
  width: 20px;
  height: 20px;
  display: block;
  color: inherit;
  fill: none;
  stroke: currentColor;
}

.para-yatir-method__icon--img {
  width: 100%;
  height: auto;
  aspect-ratio: 256 / 64;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  overflow: hidden;
}

.para-yatir-method__icon--img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 0;
  background: transparent;
}

.para-yatir-card {
  display: flex;
  flex-direction: column;
  gap: 0;
  background: var(--hdr-header-bg);
}

.para-yatir-card__head {
  padding: 14px 14px 12px;
  border-bottom: 1px solid var(--hdr-line);
  flex-shrink: 0;
  min-height: 72px;
  box-sizing: border-box;
}

.para-yatir-card__title {
  margin: 0 0 4px;
  color: var(--hdr-btn-fg);
  font-size: 1.05rem;
  font-weight: 800;
  line-height: 1.25;
  min-height: 1.25em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.para-yatir-card__desc {
  margin: 0;
  color: var(--hdr-muted);
  font-size: 0.8rem;
  line-height: 1.45;
  min-height: calc(1.45em * 2);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.para-yatir-card__form {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 14px;
  padding: 14px;
  flex: 1 1 auto;
  min-height: 0;
  overflow: visible;
}

.para-yatir-card__body {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 14px;
  flex: 0 0 auto;
  min-height: 0;
  width: 100%;
  overflow: visible;
}

.para-yatir-card__body--stack {
  gap: 14px;
}

.para-yatir-card__body--transfer {
  min-height: 0;
  flex: 1 1 auto;
  justify-content: center;
  gap: 16px;
}

.para-yatir-card__body--stack .para-yatir-card__note {
  margin-top: auto;
}

.para-yatir-card__body--transfer .para-yatir-crypto__stage {
  margin-top: 0;
  flex: 0 1 auto;
}

.para-yatir-card__field-box--hero {
  min-height: 52px;
  padding: 0 14px;
  border-color: var(--hdr-register);
}

.para-yatir-card__field-box--hero .para-yatir-havale__value--iban {
  font-size: var(--hdr-font);
  font-weight: 700;
  letter-spacing: 0.02em;
}

.para-yatir-card__note {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  width: 100%;
  margin: auto 0 0;
  padding: 14px 16px;
  border: 1px solid color-mix(in srgb, var(--hdr-register) 28%, var(--hdr-line));
  border-radius: 12px;
  background: color-mix(in srgb, var(--hdr-register) 8%, transparent);
  box-sizing: border-box;
  flex-shrink: 0;
}

.para-yatir-card__note-ico {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  flex-shrink: 0;
  border-radius: 8px;
  background: var(--hdr-register);
  color: var(--hdr-btn-fg);
}

.para-yatir-card__note-ico i,
.para-yatir-card__note-ico svg {
  width: 14px;
  height: 14px;
  display: block;
  color: inherit;
  fill: none;
  stroke: currentColor;
}

.para-yatir-card__note-text {
  margin: 0;
  color: var(--hdr-muted);
  font-size: var(--hdr-font-xs);
  font-weight: 500;
  line-height: 1.5;
  text-wrap: pretty;
}

.para-yatir-card__step:not([hidden]) {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 14px;
  min-width: 0;
  flex: 1 1 auto;
  min-height: 0;
  overflow: visible;
}

.para-yatir-card__step-actions {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  gap: 10px;
  margin-top: 0;
  flex-shrink: 0;
  width: 100%;
  position: relative;
  z-index: 1;
}

.para-yatir-card__form > .para-yatir-card__body,
.para-yatir-card__step > .para-yatir-card__body {
  flex: 0 0 auto;
}

.para-yatir-card__form > .para-yatir-card__error,
.para-yatir-card__step > .para-yatir-card__error {
  flex-shrink: 0;
  margin: 0;
}

.para-yatir-card__form > .para-yatir-card__submit,
.para-yatir-card__step > .para-yatir-card__submit {
  margin-top: 0;
  flex-shrink: 0;
}

.para-yatir-card__back {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  flex: 0 0 auto;
  min-width: 96px;
  min-height: var(--hdr-btn-h);
  height: var(--hdr-btn-h);
  padding: 0 var(--hdr-btn-pad-x);
  border: 1px solid var(--hdr-line);
  border-radius: var(--hdr-btn-radius);
  background: transparent;
  color: var(--hdr-btn-fg);
  font-size: var(--hdr-btn-font-size);
  font-weight: 700;
  cursor: pointer;
  box-sizing: border-box;
}

.para-yatir-card__back:hover {
  border-color: var(--hdr-register);
  color: var(--hdr-btn-fg);
}

.para-yatir-card__back i,
.para-yatir-card__back svg {
  width: 15px;
  height: 15px;
}

.para-yatir-card__step-actions .para-yatir-card__submit {
  flex: 1 1 auto;
  min-width: 0;
  margin-top: 0;
  width: auto;
}

.para-yatir-card__amount {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  flex: 0 0 88px;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  min-height: 88px;
  height: 88px;
  max-height: 88px;
  padding: 14px 16px;
  border: 1px solid var(--hdr-line);
  border-radius: 14px;
  background: transparent;
  text-align: center;
  box-sizing: border-box;
  overflow: hidden;
}

.para-yatir-card__amount-label {
  color: var(--hdr-muted);
  font-size: var(--hdr-font-xs);
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  line-height: 1.2;
  flex: 0 0 auto;
}

.para-yatir-card__amount-row {
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: 10px;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  border-bottom: 1px solid var(--hdr-line);
  padding-bottom: 4px;
  box-sizing: border-box;
  overflow: hidden;
}

.para-yatir-card__amount-input {
  width: 100%;
  max-width: 14ch;
  min-width: 0;
  border: 0;
  background: transparent;
  color: var(--hdr-btn-fg);
  font-size: 1.65rem;
  font-weight: 800;
  text-align: center;
  outline: none;
  line-height: 1.1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.para-yatir-card__amount-currency {
  color: var(--hdr-muted);
  font-size: var(--hdr-font);
  font-weight: 800;
}

.para-yatir-card__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  flex-shrink: 0;
  width: 100%;
  min-width: 0;
}

.para-yatir-card__grid--3 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.para-yatir-card__grid--3 > .para-yatir-card__field:last-child {
  grid-column: 1 / -1;
}

.para-yatir-card__field {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
  max-width: 100%;
}

.para-yatir-card__field-label {
  display: block;
  margin: 0;
  color: var(--hdr-btn-fg);
  font-size: var(--hdr-font-xs);
  font-weight: 800;
  line-height: 1.2;
}

.para-yatir-card__field-box {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: var(--hdr-btn-h);
  min-width: 0;
  max-width: 100%;
  padding: 0 12px;
  border: 1px solid var(--hdr-ghost-border);
  border-radius: var(--hdr-btn-radius);
  background: var(--hdr-search-bg);
  color: var(--hdr-btn-fg);
  font-family: inherit;
  font-size: var(--hdr-font-sm);
  font-weight: 650;
  line-height: 1.3;
  box-sizing: border-box;
}

.para-yatir-card__field-box--phone {
  gap: 0;
}

.para-yatir-phone-prefix {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  flex: 0 0 auto;
  padding-right: 10px;
  margin-right: 10px;
  border-right: 1px solid var(--hdr-line);
  color: var(--hdr-btn-fg);
  font-size: var(--hdr-font-sm);
  font-weight: 650;
  line-height: 1;
}

.para-yatir-phone-flag {
  display: block;
  width: 20px;
  height: 14px;
  border-radius: 2px;
  flex-shrink: 0;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--hdr-line) 70%, transparent);
}

.para-yatir-phone-cc {
  font: inherit;
  font-variant-numeric: tabular-nums;
}

.para-yatir-card__field-box--phone .para-yatir-card__field-input {
  letter-spacing: 0.02em;
  font-variant-numeric: tabular-nums;
}

.para-yatir-card__field-box > i,
.para-yatir-card__field-box > svg:not(.para-yatir-phone-flag) {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  color: var(--hdr-register);
  fill: none;
  stroke: currentColor;
}

.para-yatir-card__field-value,
.para-yatir-card__field-input {
  flex: 1 1 auto;
  min-width: 0;
  width: 100%;
  border: 0;
  background: transparent;
  color: var(--hdr-btn-fg);
  font: inherit;
  font-family: inherit;
  font-size: var(--hdr-font-sm);
  font-weight: 650;
  line-height: 1.3;
  outline: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.para-yatir-card__field-input {
  white-space: nowrap;
}

.para-yatir-card__field-input::placeholder {
  color: var(--hdr-search-fg);
  font-weight: 500;
}

.para-yatir-card__error {
  margin: 0;
  min-height: 1.35em;
  color: var(--hdr-accent);
  font-size: var(--hdr-font-sm);
  font-weight: 700;
  line-height: 1.35;
}

.para-yatir .para-yatir-card__error[hidden] {
  display: block;
  visibility: hidden;
  pointer-events: none;
}

.para-yatir-card__submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  min-height: var(--hdr-btn-h);
  height: var(--hdr-btn-h);
  margin-top: 0;
  padding: 0 var(--hdr-btn-pad-x);
  border: 0;
  border-radius: var(--hdr-btn-radius);
  background: var(--hdr-register);
  color: var(--hdr-btn-fg);
  font-size: var(--hdr-btn-font-size);
  font-weight: 700;
  cursor: pointer;
  transition: opacity 0.15s ease, background 0.15s ease;
  flex-shrink: 0;
  box-sizing: border-box;
}

.para-yatir-card__submit:hover {
  background: var(--hdr-register-hover);
}

.para-yatir-card__submit:disabled {
  opacity: 0.65;
  cursor: wait;
}

.para-yatir-card__submit i,
.para-yatir-card__submit svg {
  width: 15px;
  height: 15px;
}

.para-yatir__pay-panels > .para-yatir-havale.para-yatir-card.profil-info-card,
.para-yatir__pay-panels > .para-yatir-crypto.para-yatir-card.profil-info-card,
.para-yatir__pay-panels > .para-yatir-card.profil-info-card:not([hidden]) {
  height: auto;
  min-height: 100%;
}

.para-yatir-havale__form,
.para-yatir-crypto__form {
  gap: 14px;
  padding: 14px;
  flex: 1 1 auto;
  min-height: 0;
  overflow: visible;
}

.para-yatir-havale .para-yatir-card__submit,
.para-yatir-crypto .para-yatir-card__submit {
  margin-top: 0;
}

.para-yatir-havale__row {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  width: 100%;
}

.para-yatir-havale__value {
  flex: 1 1 auto;
  min-width: 0;
  color: var(--hdr-btn-fg);
  font: inherit;
  font-family: inherit;
  font-size: var(--hdr-font-sm);
  font-weight: 650;
  line-height: 1.3;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.para-yatir-havale__value--iban {
  font-family: inherit;
  font-size: var(--hdr-font-sm);
  letter-spacing: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.para-yatir-havale__copy {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  flex-shrink: 0;
  margin-right: -4px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--hdr-muted);
  cursor: pointer;
  transition: color 0.15s ease;
}

.para-yatir-havale__copy:hover,
.para-yatir-havale__copy.is-copied {
  color: var(--hdr-register);
}

.para-yatir-havale__copy i,
.para-yatir-havale__copy svg {
  width: 15px;
  height: 15px;
}

.para-yatir-havale__desc-box .para-yatir-havale__value {
  font-weight: 650;
}

.para-yatir-crypto__form {
  gap: 14px;
  padding: 14px;
  flex: 1 1 auto;
  min-height: 0;
}

.para-yatir-crypto__stage {
  display: grid;
  grid-template-columns: minmax(0, 220px) minmax(0, 1fr);
  gap: 18px;
  align-items: center;
  flex: 0 1 auto;
  min-height: 0;
  width: 100%;
}

.para-yatir-crypto__qr-col {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 8px;
  align-self: center;
  min-height: 0;
  width: 100%;
  max-width: 220px;
}

.para-yatir-crypto__qr {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 100%;
  aspect-ratio: 1;
  max-width: 220px;
  max-height: 220px;
  padding: 8px;
  border: 1px solid var(--hdr-line);
  border-radius: 14px;
  background: transparent;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
  cursor: zoom-in;
  appearance: none;
  font: inherit;
  color: inherit;
}

.para-yatir-crypto__qr-hint {
  margin: 0;
  color: var(--hdr-muted);
  font-size: 11px;
  font-weight: 600;
  line-height: 1.3;
  text-align: center;
}

.para-yatir-crypto__qr:disabled {
  cursor: default;
  opacity: 0.7;
}

.para-yatir-crypto__qr:not(:disabled):hover,
.para-yatir-crypto__qr:not(:disabled):focus-visible {
  border-color: var(--hdr-register);
  outline: none;
}

.para-yatir-crypto__qr-img:not([hidden]) {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 6px;
  background: var(--hdr-white);
  image-rendering: -webkit-optimize-contrast;
  pointer-events: none;
}

.para-yatir-crypto__qr-empty:not([hidden]) {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  color: var(--hdr-muted);
  font-size: 0.68rem;
  font-weight: 700;
  text-align: center;
  pointer-events: none;
}

.para-yatir-crypto__qr-empty i,
.para-yatir-crypto__qr-empty svg {
  width: 22px;
  height: 22px;
  opacity: 0.55;
}

.para-yatir-crypto__meta {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0;
  width: 100%;
  min-width: 0;
  min-height: 0;
  align-self: center;
}

.para-yatir-crypto__credit {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  gap: 10px;
  flex: 0 0 auto;
  min-height: 112px;
  padding: 22px 20px;
  border-radius: 14px;
  border: 1px solid var(--hdr-register);
  background: color-mix(in srgb, var(--hdr-register) 8%, transparent);
  box-sizing: border-box;
}

.para-yatir-crypto__credit-label {
  color: var(--hdr-muted);
  font-size: 0.7rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.para-yatir-crypto__credit-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  min-width: 0;
}

.para-yatir-crypto__credit-value {
  display: inline-flex;
  align-items: baseline;
  gap: 8px;
  line-height: 1.15;
  letter-spacing: -0.02em;
  min-width: 0;
}

.para-yatir-crypto__credit-value strong {
  color: var(--hdr-register);
  font-size: 1.7rem;
  font-weight: 800;
}

.para-yatir-crypto__credit-symbol {
  color: var(--hdr-muted);
  font-size: 0.85rem;
  font-weight: 700;
  letter-spacing: 0.02em;
}

.para-yatir-crypto__address-block {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 0 0 auto;
  width: 100%;
  min-width: 0;
}

.para-yatir-crypto__address-block .para-yatir-card__field-label {
  margin-bottom: 6px;
}

.para-yatir-crypto__address-box {
  min-height: var(--hdr-btn-h);
}

.para-yatir-crypto__address {
  flex: 1 1 auto;
  min-width: 0;
  color: var(--hdr-btn-fg);
  font: inherit;
  font-family: inherit;
  font-size: var(--hdr-font-sm);
  font-weight: 650;
  line-height: 1.3;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.para-yatir-qr-lightbox:not([hidden]) {
  position: fixed;
  inset: 0;
  z-index: 1200;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  box-sizing: border-box;
}

.para-yatir-qr-lightbox__backdrop {
  position: absolute;
  inset: 0;
  border: 0;
  padding: 0;
  margin: 0;
  background: color-mix(in srgb, var(--hdr-text) 62%, transparent);
  cursor: pointer;
}

.para-yatir-qr-lightbox__dialog {
  position: relative;
  z-index: 1;
  width: min(360px, 100%);
  padding: 18px;
  border-radius: var(--hdr-frame-radius);
  background: var(--hdr-white);
  box-shadow: var(--hdr-frame-drop);
  box-sizing: border-box;
}

.para-yatir-qr-lightbox__close {
  position: absolute;
  top: 10px;
  right: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border: 0;
  border-radius: 8px;
  background: var(--hdr-field);
  color: var(--hdr-text);
  cursor: pointer;
}

.para-yatir-qr-lightbox__close:hover {
  background: color-mix(in srgb, var(--hdr-accent) 12%, var(--hdr-field));
  color: var(--hdr-accent);
}

.para-yatir-qr-lightbox__close i,
.para-yatir-qr-lightbox__close svg {
  width: 16px;
  height: 16px;
}

.para-yatir-qr-lightbox__img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1;
  object-fit: contain;
  border-radius: 10px;
  background: var(--hdr-white);
}

body.para-yatir-qr-open {
  overflow: hidden;
}

@media (max-width: 960px) {
  .para-yatir__layout {
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
  }

  .para-yatir:not(.para-cek).is-panel-sized .para-yatir__layout {
    height: auto;
    min-height: 0;
    max-height: none;
    grid-template-rows: none;
  }

  .para-yatir__methods,
  .para-yatir__detail,
  .para-yatir.is-pending .para-yatir__detail,
  .para-yatir:not([data-active-type=""]) .para-yatir__detail,
  .para-yatir:not(.para-cek).is-panel-sized .para-yatir__methods.profil-info-card,
  .para-yatir:not(.para-cek).is-panel-sized .para-yatir__detail,
  .para-yatir__pay-panels,
  .para-yatir__pay-panels > [data-para-yatir-panel],
  .para-yatir__pay-panels > [data-para-cek-panel],
  .para-yatir__pay-panels > .para-yatir-card.profil-info-card,
  .para-yatir:not(.para-cek).is-panel-sized .para-yatir__pay-panels:not([hidden]),
  .para-yatir:not(.para-cek).is-panel-sized .para-yatir__pay-panels > [data-para-yatir-panel],
  .para-yatir:not(.para-cek).is-panel-sized .para-yatir__pay-panels > .para-yatir-card.profil-info-card:not([hidden]),
  .para-yatir:not(.para-cek).is-panel-sized .para-yatir__detail > .para-yatir-select:not([hidden]),
  .para-yatir:not(.para-cek).is-panel-sized .para-yatir-info:not([hidden]) {
    height: auto;
    min-height: 0;
    max-height: none;
    overflow: visible;
    flex: none;
  }

  .para-yatir:not(.para-cek).is-panel-sized .para-yatir-card__step[data-para-yatir-step="1"] .para-yatir-card__amount {
    flex: 0 0 auto;
    height: auto;
    min-height: 72px;
    max-height: none;
    padding: 14px 16px;
  }

  .para-yatir:not(.para-cek).is-panel-sized .para-yatir-card__step[data-para-yatir-step="1"] .para-yatir-card__amount-input {
    font-size: 1.65rem;
  }

  .para-yatir:not(.para-cek).is-panel-sized .para-yatir-card__step[data-para-yatir-step="2"] .para-yatir-card__body--stack .para-yatir-card__note {
    margin-top: 4px;
  }

  .para-yatir-card__form,
  .para-yatir-card__step:not([hidden]),
  .para-yatir-havale__form,
  .para-yatir-crypto__form,
  .para-yatir-card__body,
  .para-yatir:not(.para-cek).is-panel-sized .para-yatir-card__body {
    overflow: visible;
  }

  .para-yatir:not(.para-cek).is-panel-sized .para-yatir-card__form > .para-yatir-card__submit,
  .para-yatir:not(.para-cek).is-panel-sized .para-yatir-card__step > .para-yatir-card__submit,
  .para-yatir:not(.para-cek).is-panel-sized .para-yatir-card__step-actions,
  .para-yatir:not(.para-cek).is-panel-sized .para-yatir-havale .para-yatir-card__submit,
  .para-yatir:not(.para-cek).is-panel-sized .para-yatir-crypto .para-yatir-card__submit {
    margin-top: 0;
  }

  .para-yatir__detail {
    display: contents;
  }

  .para-yatir__methods {
    order: 1;
  }

  .para-yatir__detail > .para-yatir-select,
  .para-yatir__detail > .para-yatir__pay-panels {
    order: 2;
  }

  .para-yatir__detail > .para-yatir-info {
    order: 3;
  }

  .para-yatir-select__place--side {
    display: none;
  }

  .para-yatir-select__place--top {
    display: inline;
  }

  .para-yatir-select__icon--side {
    display: none;
  }

  .para-yatir-select__icon--top {
    display: inline-flex;
  }

  .para-yatir:not(.para-cek) .para-yatir__method-list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-auto-rows: auto;
    flex: 0 0 auto;
    gap: 10px;
  }

  .para-yatir:not(.para-cek) .para-yatir__method-list > .para-yatir-method:last-child:nth-child(3n+1) {
    grid-column: 1 / -1;
    width: calc((100% - 16px) / 3);
    max-width: 100%;
    justify-self: center;
  }

  .para-yatir-card__grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .para-yatir-card__amount {
    flex: 0 0 auto;
    height: auto;
    min-height: 72px;
  }

  .para-yatir-card__submit {
    margin-top: 0;
  }

  .para-yatir-info__steps {
    grid-template-columns: minmax(0, 1fr);
  }

  .para-yatir-select__title,
  .para-yatir-select__text,
  .para-yatir-pending .para-yatir-select__title {
    max-width: 100%;
  }
}

@media (max-width: 720px) {
  .para-yatir-card__grid--3 {
    grid-template-columns: minmax(0, 1fr);
  }

  .para-yatir-card__grid--3 > .para-yatir-card__field:last-child {
    grid-column: auto;
  }

  .para-yatir-havale__row {
    grid-template-columns: minmax(0, 1fr);
  }

  .para-yatir-card__step-actions {
    flex-wrap: wrap;
  }

  .para-yatir-card__back {
    min-width: 100px;
  }

  .para-yatir-card__step-actions .para-yatir-card__submit {
    flex: 1 1 180px;
  }

  .para-yatir:not(.para-cek) .para-yatir__method-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .para-yatir:not(.para-cek) .para-yatir__method-list > .para-yatir-method:last-child:nth-child(odd) {
    grid-column: 1 / -1;
    width: calc((100% - 8px) / 2);
    max-width: 100%;
    justify-self: center;
  }

  .para-yatir-crypto__stage {
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
    align-items: stretch;
  }

  .para-yatir-crypto__qr-col {
    width: 100%;
    max-width: 220px;
    margin-inline: auto;
  }

  .para-yatir-crypto__qr {
    width: 100%;
    max-width: 220px;
    max-height: none;
    aspect-ratio: 1;
  }

  .para-yatir-crypto__meta {
    justify-content: flex-start;
  }

  .para-yatir-crypto__credit {
    min-height: 0;
    padding: 16px 18px;
  }

  .para-yatir-crypto__credit-value strong {
    font-size: 1.45rem;
  }

  .para-yatir-card__body--stack .para-yatir-card__note {
    margin-top: 4px;
  }

  .para-yatir-card__body--transfer {
    justify-content: flex-start;
  }
}

@media (max-width: 640px) {
  .para-yatir {
    padding-top: 12px;
  }

  .para-yatir-phone-prefix {
    padding-right: 8px;
    margin-right: 8px;
    gap: 4px;
  }
}

.para-cek .para-yatir__empty a {
  color: var(--hdr-accent);
  font-weight: 650;
  text-decoration: none;
}

.para-cek .para-yatir__empty a:hover {
  text-decoration: underline;
}

.para-cek .para-yatir__methods.profil-info-card {
  overflow: hidden;
}

.para-cek .para-yatir__method-list {
  --para-cek-method-row: 56px;
  --para-cek-method-gap: 8px;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  gap: var(--para-cek-method-gap);
  max-height: calc(5 * var(--para-cek-method-row) + 4 * var(--para-cek-method-gap));
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  box-sizing: border-box;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.para-cek .para-yatir__method-list::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none;
}

.para-cek:not([data-active-type=""]) .para-yatir__detail,
.para-cek.is-pending .para-yatir__detail {
  height: auto;
  min-height: 100%;
}

.para-cek .para-yatir__pay-panels {
  flex: 1 1 auto;
  min-height: 0;
  overflow: visible;
}

.para-cek .para-yatir__pay-panels > [data-para-cek-panel] {
  height: auto;
  min-height: 100%;
  overflow: visible;
}

.para-cek .para-yatir-havale__form,
.para-cek .para-yatir-crypto .para-yatir-card__form {
  flex: 1 1 auto;
  min-height: 0;
  overflow: visible;
}

.para-cek .para-yatir-havale .para-yatir-card__amount,
.para-cek .para-yatir-crypto .para-yatir-card__amount {
  flex: 0 0 auto;
}

.para-cek .para-yatir-card__submit {
  margin-top: 8px;
}

.para-cek-crypto-meta {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.para-cek-crypto-meta .para-yatir-crypto__credit-value {
  display: inline-flex;
  align-items: baseline;
  gap: 6px;
  min-width: 0;
  color: var(--hdr-text);
  font-size: 0.88rem;
  font-weight: 750;
}

.para-cek-crypto-meta .para-yatir-crypto__credit-symbol {
  color: var(--hdr-muted);
  font-size: 0.78rem;
  font-weight: 700;
}

.para-cek-methods-hint {
  margin: 10px 0 0;
  padding: 0 2px;
  color: var(--hdr-muted);
  font-size: 0.8rem;
  font-weight: 500;
  line-height: 1.4;
}

.para-cek-methods-hint a {
  color: var(--hdr-accent);
  font-weight: 650;
  text-decoration: none;
}

.para-cek-methods-hint a:hover {
  text-decoration: underline;
}

.para-cek-method--account {
  flex-direction: row;
  align-items: center;
  gap: 10px;
  text-align: left;
  padding: 8px 10px;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  height: var(--para-cek-method-row, 56px);
  min-height: var(--para-cek-method-row, 56px);
  overflow: hidden;
  box-sizing: border-box;
}

.para-cek-method--account .para-yatir-method__icon {
  width: 36px;
  height: 36px;
  flex: 0 0 36px;
}

.para-cek-method--account .para-yatir-method__icon--img {
  width: 36px;
  height: 36px;
  flex: 0 0 36px;
  aspect-ratio: 1 / 1;
  padding: 0;
  border: 1px solid var(--hdr-ghost-border);
  background: transparent;
  border-radius: 10px;
  overflow: hidden;
}

.para-cek-method--account .para-yatir-method__icon--img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
  border-radius: 0;
}

.para-cek-method__meta {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0;
  min-width: 0;
  flex: 1 1 auto;
  overflow: hidden;
}

.para-cek-method__title {
  color: var(--hdr-text);
  font-size: 0.78rem;
  font-weight: 750;
  line-height: 1.25;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
}

@media (max-width: 960px) {
  .para-cek .para-yatir__method-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    max-height: calc(3 * var(--para-cek-method-row, 56px) + 2 * var(--para-cek-method-gap, 8px));
  }

  .para-cek .para-yatir__method-list > .para-cek-method--account:last-child:nth-child(odd) {
    grid-column: 1 / -1;
    width: calc((100% - var(--para-cek-method-gap, 8px)) / 2);
    max-width: 100%;
    justify-self: center;
  }

  .para-cek-method--account .para-yatir-method__icon,
  .para-cek-method--account .para-yatir-method__icon--img {
    width: 32px;
    height: 32px;
    flex: 0 0 32px;
  }

  .para-cek-method__title {
    font-size: 0.72rem;
  }
}

@media (max-width: 720px) {
  .para-cek-crypto-meta {
    grid-template-columns: 1fr;
  }
}

.site-main.site-main--market.site-main--gift {
  padding: 0 var(--hdr-shell-gutter) 16px;
  box-sizing: border-box;
}

@media (min-width: 1024px) {
  .site-main.site-main--market.site-main--gift {
    padding: 0 var(--hdr-shell-gutter) 20px;
  }
}

.gift-page {
  display: flex;
  flex-direction: column;
  gap: 14px;
  width: 100%;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.gift-page__grid {
  display: grid;
  grid-template-columns: minmax(260px, 340px) minmax(0, 1fr);
  gap: 14px;
  align-items: stretch;
  width: 100%;
  box-sizing: border-box;
}

.gift-page__main {
  display: flex;
  flex-direction: column;
  min-width: 0;
  width: 100%;
}

.gift-page__side {
  display: flex;
  flex-direction: column;
  min-width: 0;
  width: 100%;
  height: 0;
  min-height: 100%;
  overflow: hidden;
}

.gift-page__main > .gift-card {
  width: 100%;
}

.gift-page__side > .gift-card {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
  overflow: hidden;
}

.gift-card {
  border: 1px solid var(--hdr-line);
  border-radius: 14px;
  background: var(--hdr-header-bg);
  box-shadow: none;
  overflow: hidden;
}

.gift-card--history {
  display: flex;
  flex-direction: column;
  min-height: 0;
}

.gift-card--history[data-gift-history-card="sent"] {
  max-height: var(--gift-send-card-h, 480px);
}

.gift-card__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  padding: 14px var(--hdr-inner-pad-x);
  border-bottom: 1px solid var(--hdr-line);
  flex-shrink: 0;
}

.gift-card__head-text {
  min-width: 0;
}

.gift-card__title {
  margin: 0;
  color: var(--hdr-btn-fg);
  font-size: 1rem;
  font-weight: 800;
  letter-spacing: -0.01em;
}

.gift-card__desc {
  margin: 4px 0 0;
  color: var(--hdr-search-fg);
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 1.4;
}

.gift-card__balance {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  padding: 8px 12px;
  border: 1px solid var(--hdr-line);
  border-radius: var(--hdr-btn-radius, 10px);
  background: var(--hdr-page-bg);
}

.gift-card__balance strong {
  color: var(--hdr-login);
  font-size: 0.95rem;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
}

.gift-card__body {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  padding: 12px var(--hdr-inner-pad-x);
}

.gift-card--history .gift-card__body {
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
  padding: 8px 10px;
  scrollbar-width: none;
}

.gift-card--history .gift-card__body::-webkit-scrollbar {
  display: none;
}

.gift-page__side .gift-page__empty {
  flex: 1 1 auto;
  min-height: 0;
  height: 100%;
}

.gift-page__side .gift-item-list,
.gift-card--history .gift-item-list {
  flex: 0 0 auto;
}

.gift-form.para-yatir-card__form {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  padding: 14px var(--hdr-inner-pad-x) 16px;
  gap: 12px;
}

.gift-form .para-yatir-card__field-label {
  color: var(--hdr-search-fg);
  font-weight: 700;
}

.gift-form .para-yatir-card__field-box {
  border-color: var(--hdr-line);
  background: var(--hdr-search-bg);
  color: var(--hdr-btn-fg);
}

.gift-form .para-yatir-card__field-box > i,
.gift-form .para-yatir-card__field-box > svg:not(.para-yatir-phone-flag) {
  color: var(--hdr-search-fg);
}

.gift-form .para-yatir-card__field-input,
.gift-form .para-yatir-card__field-value {
  color: var(--hdr-btn-fg);
}

.gift-form .para-yatir-card__field-input::placeholder {
  color: var(--hdr-search-fg);
  opacity: 0.75;
}

.gift-form .para-yatir-card__field-box:focus-within {
  border-color: var(--hdr-search-focus);
  box-shadow:
    0 0 0 1px var(--hdr-search-focus),
    0 0 14px 2px var(--hdr-search-focus-glow);
}

.gift-form .para-yatir-card__submit {
  margin-top: auto;
  border-color: var(--hdr-register);
  background: var(--hdr-register);
  color: var(--hdr-btn-fg);
}

.gift-form .para-yatir-card__submit:hover:not(:disabled),
.gift-form .para-yatir-card__submit:focus-visible:not(:disabled) {
  border-color: var(--hdr-register-hover);
  background: var(--hdr-register-hover);
}

.gift-form__row {
  display: grid;
  grid-template-columns: 120px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
}

.gift-form__row .para-yatir-card__field {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
  max-width: 100%;
}

.gift-form__row .para-yatir-card__field-label {
  margin: 0;
  min-height: 1.25em;
  line-height: 1.25;
}

.gift-form__row .para-yatir-card__field-box {
  width: 100%;
  height: var(--hdr-field-control-h, 40px);
  min-height: var(--hdr-field-control-h, 40px);
  max-height: var(--hdr-field-control-h, 40px);
  box-sizing: border-box;
}

.gift-form__row .para-yatir-card__field-input {
  height: 100%;
  min-height: 0;
  line-height: 1.2;
  padding: 0;
  margin: 0;
}

.gift-form__row input[type='number'] {
  -moz-appearance: textfield;
  appearance: textfield;
}

.gift-form__row input[type='number']::-webkit-inner-spin-button,
.gift-form__row input[type='number']::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.gift-lookup {
  display: flex;
  gap: 8px;
  align-items: stretch;
}

.gift-lookup__box {
  flex: 1;
  min-width: 0;
}

.gift-lookup__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 72px;
  min-height: var(--hdr-btn-h, 40px);
  padding: 0 var(--hdr-btn-pad-x, 12px);
  border: 1px solid var(--hdr-line);
  border-radius: var(--hdr-btn-radius, 10px);
  background: var(--hdr-page-bg);
  color: var(--hdr-search-fg);
  font: inherit;
  font-size: var(--hdr-btn-font-size, 14px);
  font-weight: 700;
  cursor: pointer;
  flex-shrink: 0;
  box-sizing: border-box;
  transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

.gift-lookup__btn:hover,
.gift-lookup__btn:focus-visible {
  border-color: var(--hdr-line);
  background: var(--hdr-search-bg);
  color: var(--hdr-btn-fg);
  outline: none;
}

.gift-recipient {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border: 1px solid var(--hdr-line);
  border-radius: var(--hdr-btn-radius, 10px);
  background: var(--hdr-search-bg);
}

.gift-recipient[hidden] {
  display: none !important;
}

.gift-recipient__icon {
  display: inline-flex;
  color: var(--hdr-login);
  flex-shrink: 0;
}

.gift-recipient__icon i,
.gift-recipient__icon svg {
  width: 18px;
  height: 18px;
}

.gift-recipient__meta {
  display: flex;
  flex-direction: column;
  gap: 1px;
  min-width: 0;
  flex: 1;
}

.gift-recipient__meta strong {
  color: var(--hdr-btn-fg);
  font-size: 0.9rem;
  font-weight: 800;
}

.gift-recipient__meta span {
  color: var(--hdr-search-fg);
  font-size: 0.78rem;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.gift-recipient__clear {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--hdr-search-fg);
  cursor: pointer;
}

.gift-recipient__clear:hover {
  color: var(--hdr-icon-fg);
  background: transparent;
}

.gift-recipient__clear i,
.gift-recipient__clear svg {
  width: 15px;
  height: 15px;
}

.gift-total {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 14px;
  border: 1px solid var(--hdr-line);
  border-radius: 12px;
  background: var(--hdr-page-bg);
  color: var(--hdr-search-fg);
  font-size: 0.84rem;
  font-weight: 650;
}

.gift-total strong {
  color: var(--hdr-btn-fg);
  font-size: 1.05rem;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
}

.gift-feedback-slot {
  min-height: 1.3em;
  flex-shrink: 0;
}

.gift-feedback-slot .gift-feedback,
.gift-feedback-slot .para-yatir-card__error {
  margin: 0;
  min-height: 1.3em;
  line-height: 1.3;
  font-size: 0.84rem;
  font-weight: 700;
}

.gift-feedback-slot .gift-feedback:empty {
  visibility: hidden;
}

.gift-page .para-yatir-card__error.is-ok {
  color: var(--hdr-login);
}

.gift-page .para-yatir-card__error.is-err {
  color: var(--hdr-register);
}

.gift-page .para-yatir-card__error[hidden] {
  display: none !important;
}

.gift-page__empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 180px;
  padding: 28px 18px;
  border: 1px solid var(--hdr-line);
  border-radius: 12px;
  background: var(--hdr-search-bg);
  text-align: center;
  color: var(--hdr-search-fg);
  box-sizing: border-box;
}

.gift-page__empty--soft {
  min-height: 140px;
  padding: 22px 14px;
}

.gift-page__empty i,
.gift-page__empty svg {
  width: 32px;
  height: 32px;
  color: var(--hdr-icon-fg);
}

.gift-page__empty p {
  margin: 0;
  font-size: 0.9rem;
  font-weight: 600;
}

.gift-item-list {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.gift-item {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 10px;
  border: 1px solid var(--hdr-line);
  border-radius: 10px;
  background: var(--hdr-search-bg);
  box-sizing: border-box;
}

.gift-item__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 8px;
  border: 1px solid var(--hdr-line);
  background: var(--hdr-page-bg);
  color: var(--hdr-icon-fg);
  flex-shrink: 0;
  box-sizing: border-box;
}

.gift-item__icon i,
.gift-item__icon svg {
  width: 15px;
  height: 15px;
}

.gift-item__meta {
  min-width: 0;
  flex: 1;
}

.gift-item__title {
  margin: 0;
  color: var(--hdr-btn-fg);
  font-size: 0.84rem;
  font-weight: 750;
  line-height: 1.25;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.gift-item__sub {
  margin: 1px 0 0;
  color: var(--hdr-search-fg);
  font-size: 0.72rem;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.gift-item__amt {
  color: var(--hdr-btn-fg);
  font-size: 0.82rem;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  flex-shrink: 0;
}

.gift-form .para-yatir-card__field-box select.para-yatir-card__field-input {
  appearance: none;
  cursor: pointer;
  background-image: none;
}

.gift-form .para-yatir-card__field-box:has(.register-custom-select) {
  position: relative;
  padding-right: 4px;
}

.gift-form .para-yatir-card__field-box:has(.register-custom-select.is-open) {
  border-color: var(--hdr-search-focus);
  box-shadow:
    0 0 0 1px var(--hdr-search-focus),
    0 0 14px 2px var(--hdr-search-focus-glow);
}

.gift-form .register-custom-select {
  position: relative;
  flex: 1 1 auto;
  min-width: 0;
  width: 100%;
}

.gift-form .register-custom-select.is-open {
  z-index: 30;
}

.gift-form .register-custom-select__native {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  opacity: 0;
  pointer-events: none;
  clip: rect(0, 0, 0, 0);
  overflow: hidden;
}

.gift-form .register-custom-select__btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  width: 100%;
  min-height: calc(var(--hdr-btn-h, 40px) - 2px);
  padding: 0 8px 0 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--hdr-btn-fg);
  font: inherit;
  font-size: 0.92rem;
  font-weight: 650;
  text-align: left;
  cursor: pointer;
  box-sizing: border-box;
}

.gift-form .register-custom-select__btn:focus,
.gift-form .register-custom-select__btn:focus-visible {
  outline: none;
}

.gift-form .register-custom-select__value {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.gift-form .register-custom-select__value.is-placeholder {
  color: var(--hdr-search-fg);
  font-weight: 500;
}

.gift-form .register-custom-select__chev {
  display: inline-flex;
  flex-shrink: 0;
  color: var(--hdr-search-fg);
  transition: transform 0.2s ease, color 0.15s ease;
}

.gift-form .register-custom-select__chev i,
.gift-form .register-custom-select__chev svg {
  width: 16px;
  height: 16px;
}

.gift-form .register-custom-select.is-open .register-custom-select__chev {
  color: var(--hdr-btn-fg);
  transform: rotate(180deg);
}

.gift-form .register-custom-select__list,
.register-custom-select__list.is-portal {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  right: 0;
  z-index: 50;
  max-height: min(280px, 50vh);
  margin: 0;
  padding: 6px;
  list-style: none;
  overflow-x: hidden;
  overflow-y: auto;
  border: 1px solid var(--hdr-line);
  border-radius: 12px;
  background: var(--hdr-header-bg);
  box-shadow: var(--hdr-frame-drop);
  box-sizing: border-box;
  scrollbar-width: none;
}

.gift-form .register-custom-select__list::-webkit-scrollbar,
.register-custom-select__list.is-portal::-webkit-scrollbar {
  display: none;
}

.gift-form .register-custom-select__list[hidden],
.register-custom-select__list.is-portal[hidden] {
  display: none !important;
}

.gift-form .register-custom-select__search,
.register-custom-select__list.is-portal .register-custom-select__search {
  position: sticky;
  top: 0;
  z-index: 1;
  margin: 0 0 4px;
  padding: 0;
  list-style: none;
  background: var(--hdr-header-bg);
}

.gift-form .register-custom-select__search-input,
.register-custom-select__list.is-portal .register-custom-select__search-input {
  width: 100%;
  min-height: 38px;
  padding: 8px 12px;
  border: 1px solid var(--hdr-line);
  border-radius: var(--hdr-btn-radius, 10px);
  background: var(--hdr-search-bg);
  color: var(--hdr-btn-fg);
  font: inherit;
  font-size: 0.86rem;
  font-weight: 600;
  box-sizing: border-box;
  outline: none;
}

.gift-form .register-custom-select__search-input:focus,
.register-custom-select__list.is-portal .register-custom-select__search-input:focus {
  outline: none;
  border-color: var(--hdr-search-focus);
  box-shadow:
    0 0 0 1px var(--hdr-search-focus),
    0 0 14px 2px var(--hdr-search-focus-glow);
}

.gift-form .register-custom-select__empty,
.register-custom-select__list.is-portal .register-custom-select__empty {
  padding: 12px;
  color: var(--hdr-search-fg);
  font-size: 0.84rem;
  font-weight: 600;
  text-align: center;
}

.gift-form .register-custom-select__option,
.register-custom-select__list.is-portal .register-custom-select__option {
  display: block;
  width: 100%;
  margin: 0;
  padding: 10px 12px;
  border: 1px solid transparent;
  border-radius: 8px;
  background: transparent;
  color: var(--hdr-btn-fg);
  font: inherit;
  font-size: 0.86rem;
  font-weight: 650;
  text-align: left;
  line-height: 1.35;
  cursor: pointer;
  box-sizing: border-box;
}

.gift-form .register-custom-select__option[hidden],
.register-custom-select__list.is-portal .register-custom-select__option[hidden] {
  display: none !important;
}

.gift-form .register-custom-select__option:hover,
.gift-form .register-custom-select__option.is-active,
.register-custom-select__list.is-portal .register-custom-select__option:hover,
.register-custom-select__list.is-portal .register-custom-select__option.is-active {
  background: var(--hdr-search-bg);
  border-color: var(--hdr-line);
  color: var(--hdr-btn-fg);
}

.gift-form .register-custom-select__option.is-selected,
.register-custom-select__list.is-portal .register-custom-select__option.is-selected {
  background: var(--hdr-search-bg);
  border-color: var(--hdr-line);
  color: var(--hdr-btn-fg);
  font-weight: 750;
}

.gift-form .register-custom-select__option.is-selected.is-active,
.gift-form .register-custom-select__option.is-selected:hover,
.register-custom-select__list.is-portal .register-custom-select__option.is-selected.is-active,
.register-custom-select__list.is-portal .register-custom-select__option.is-selected:hover {
  background: var(--hdr-search-bg);
  border-color: var(--hdr-line);
  color: var(--hdr-btn-fg);
}

.gift-opt,
.gift-opt-value {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  max-width: 100%;
}

.gift-opt__thumb {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 10px;
  border: 1px solid var(--hdr-line);
  background: var(--hdr-page-bg);
  overflow: hidden;
  flex-shrink: 0;
  box-sizing: border-box;
}

.gift-opt__thumb img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.gift-opt__thumb--empty {
  color: var(--hdr-search-fg);
}

.gift-opt__thumb--empty i,
.gift-opt__thumb--empty svg {
  width: 16px;
  height: 16px;
}

.gift-opt__text {
  display: flex;
  flex-direction: column;
  gap: 1px;
  min-width: 0;
}

.gift-opt__name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--hdr-btn-fg);
  font-size: 0.86rem;
  font-weight: 750;
  line-height: 1.25;
}

.gift-opt__price {
  color: var(--hdr-search-fg);
  font-size: 0.76rem;
  font-weight: 650;
  font-variant-numeric: tabular-nums;
}

.gift-opt-item.is-selected .gift-opt__name,
.gift-opt-item.is-selected .gift-opt__price,
.gift-opt-item.is-active .gift-opt__name {
  color: inherit;
}

.gift-form .register-custom-select__value.gift-opt-value {
  display: inline-flex;
}

.gift-form .register-custom-select__value .gift-opt__thumb {
  width: 28px;
  height: 28px;
  border-radius: 8px;
}

.gift-form .register-custom-select__value .gift-opt__name {
  font-size: 0.9rem;
}

.gift-form .register-custom-select__value .gift-opt__price {
  display: none;
}

@media (max-width: 900px) {
  .gift-page__grid {
    grid-template-columns: 1fr;
  }

  .gift-page__side {
    height: auto;
    min-height: 0;
    max-height: var(--gift-send-card-h, 420px);
  }

  .gift-form__row {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .gift-card__head {
    flex-direction: column;
  }

  .gift-lookup {
    flex-direction: column;
  }
}

.site-main.site-main--kripto {
  padding: 0 var(--hdr-shell-gutter) 16px;
  box-sizing: border-box;
}

@media (min-width: 1024px) {
  .site-main.site-main--kripto {
    padding: 0 var(--hdr-shell-gutter) 20px;
  }
}

.cx {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.cx-notice {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  padding: 14px 16px;
  border-radius: var(--hdr-frame-radius);
  border: 1px solid var(--hdr-line);
  background: var(--hdr-header-bg);
  box-sizing: border-box;
}

.cx-notice--info {
  border-color: color-mix(in srgb, var(--hdr-info) 42%, var(--hdr-line));
}

.cx-notice__icon {
  color: var(--hdr-register);
  flex-shrink: 0;
}

.cx-notice--info .cx-notice__icon {
  color: var(--hdr-info);
}

.cx-notice__icon i,
.cx-notice__icon svg {
  width: 20px;
  height: 20px;
}

.cx-notice h2 {
  margin: 0 0 4px;
  font-size: var(--hdr-font-sm);
  font-weight: 700;
  color: var(--hdr-btn-fg);
}

.cx-notice p {
  margin: 0;
  color: var(--hdr-search-fg);
  font-size: var(--hdr-font-sm);
  line-height: 1.45;
}

.cx-notice a {
  color: var(--hdr-register);
  font-weight: 600;
  text-decoration: none;
}

.cx-notice a:hover,
.cx-notice a:focus-visible {
  color: var(--hdr-register-hover);
  outline: none;
}

.cx-stage {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  gap: 8px;
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  box-sizing: border-box;
}

.cx-visual {
  position: relative;
  flex: 0 0 auto;
  width: 280px;
  max-width: 420px;
  height: auto;
  min-height: 0;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  overflow: hidden;
  box-sizing: border-box;
}

.cx-visual__frame {
  position: absolute;
  inset: 0;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: var(--hdr-frame-radius);
  background: transparent;
  box-shadow: none;
  box-sizing: border-box;
  overflow: hidden;
}

.cx-visual__frame img,
.cx-visual__frame video {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  object-fit: contain;
  object-position: center center;
  background: transparent;
}

.cx-main {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  gap: 8px;
  width: 100%;
  min-width: 0;
  height: auto;
  padding: 0;
  box-sizing: border-box;
}

.cx-panel {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: 0;
  margin: 0;
  border: 1px solid var(--hdr-frame-border);
  border-radius: var(--hdr-frame-radius);
  background: var(--hdr-header-bg);
  box-shadow: var(--hdr-frame-drop);
  overflow: hidden;
  box-sizing: border-box;
}

.cx-panel--head {
  flex-direction: row;
  align-items: flex-end;
  justify-content: space-between;
  gap: 14px;
  padding: 12px 14px;
}

.cx-panel__copy {
  min-width: 0;
  flex: 1 1 auto;
}

.cx-panel__title {
  margin: 0 0 4px;
  color: var(--hdr-text);
  font-size: var(--hdr-font);
  font-weight: 800;
  line-height: 1.25;
}

.cx-panel__text {
  margin: 0;
  color: var(--hdr-muted);
  font-size: var(--hdr-font-sm);
  font-weight: 500;
  line-height: 1.4;
}

.cx-panel__balance {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 2px;
  flex-shrink: 0;
}

.cx-panel__balance-label {
  color: var(--hdr-muted);
  font-size: var(--hdr-font-xs);
  font-weight: 600;
  line-height: 1.2;
}

.cx-panel__balance-value {
  color: var(--hdr-text);
  font-size: var(--hdr-font);
  font-weight: 800;
  line-height: 1.2;
  font-variant-numeric: tabular-nums;
}

.cx-seg {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin: 0;
  padding: 0;
  border: 0;
  box-sizing: border-box;
}

.cx-seg__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: var(--hdr-btn-h);
  padding: 0 14px;
  border: 1px solid var(--hdr-frame-border);
  border-radius: var(--hdr-frame-radius);
  background: var(--hdr-header-bg);
  box-shadow: var(--hdr-frame-drop);
  color: var(--hdr-muted);
  font-size: var(--hdr-font-sm);
  font-weight: 700;
  cursor: pointer;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
  box-sizing: border-box;
  overflow: hidden;
}

.cx-seg__btn:hover,
.cx-seg__btn:focus-visible {
  border-color: var(--hdr-line);
  color: var(--hdr-text);
  outline: none;
}

.cx-seg__btn.is-active {
  border-color: var(--hdr-register);
  background: var(--hdr-register);
  color: var(--hdr-btn-fg);
  box-shadow: none;
}

.cx-seg__btn.is-selecting {
  animation: cx-select-pulse 0.4s ease;
}

.cx-form {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  box-sizing: border-box;
}

.cx-body {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 8px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  align-items: stretch;
  box-sizing: border-box;
}

.cx-panel--assets,
.cx-panel--fields {
  min-width: 0;
  width: 100%;
  height: auto;
  align-self: stretch;
}

.cx-col {
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-width: 0;
  height: 100%;
  padding: 12px;
  box-sizing: border-box;
  border: 0;
  background: transparent;
}

.cx-col + .cx-col {
  border: 0;
}

.cx-label {
  display: block;
  color: var(--hdr-muted);
  font-size: var(--hdr-font-xs);
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  line-height: 1.2;
}

.cx-label[hidden] {
  display: none;
}

.cx-assets {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.cx-col--assets .cx-field {
  gap: 6px;
}

.cx-asset {
  position: relative;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  height: var(--hdr-field-control-h);
  min-height: var(--hdr-field-control-h);
  padding: 0 12px;
  border: 1px solid var(--hdr-line);
  border-radius: var(--hdr-btn-radius);
  background: var(--hdr-search-bg);
  color: var(--hdr-search-fg);
  cursor: pointer;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
  box-sizing: border-box;
}

.cx-asset:hover {
  border-color: color-mix(in srgb, var(--hdr-register) 55%, var(--hdr-line));
}

.cx-asset.is-active {
  border-color: var(--hdr-register);
  box-shadow:
    0 0 0 1px var(--hdr-register),
    0 0 14px 2px var(--hdr-search-focus-glow);
}

.cx-asset.is-selecting {
  animation: cx-select-pulse 0.4s ease;
}

.cx-asset.is-active .cx-asset__check {
  animation: cx-check-pop 0.32s ease;
}

@keyframes cx-select-pulse {
  0% {
    box-shadow:
      0 0 0 1px var(--hdr-register),
      0 0 0 0 transparent;
  }
  45% {
    box-shadow:
      0 0 0 1px var(--hdr-register),
      0 0 18px 3px var(--hdr-search-focus-glow);
  }
  100% {
    box-shadow:
      0 0 0 1px var(--hdr-register),
      0 0 14px 2px var(--hdr-search-focus-glow);
  }
}

@keyframes cx-check-pop {
  0% {
    transform: scale(0.55);
    opacity: 0.4;
  }
  65% {
    transform: scale(1.12);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

.cx-asset input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.cx-asset__logo {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
}

.cx-asset__logo--fallback {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--hdr-header-bg);
  border: 1px solid var(--hdr-line);
  color: var(--hdr-search-fg);
  box-sizing: border-box;
}

.cx-asset__logo--fallback i,
.cx-asset__logo--fallback svg {
  width: 12px;
  height: 12px;
}

.cx-asset__tag {
  min-width: 0;
  font-size: var(--hdr-font-sm);
  font-weight: 700;
  color: var(--hdr-search-fg);
  line-height: 1.2;
  letter-spacing: 0.02em;
}

.cx-asset__check {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  border: 1px solid var(--hdr-line);
  border-radius: 50%;
  color: transparent;
  flex-shrink: 0;
  transition: border-color 0.15s ease, background 0.15s ease, color 0.15s ease;
}

.cx-asset.is-active .cx-asset__check {
  border-color: var(--hdr-register);
  background: var(--hdr-register);
  color: var(--hdr-btn-fg);
}

.cx-asset__check i,
.cx-asset__check svg {
  width: 11px;
  height: 11px;
}

.cx-dir {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 0;
}

.cx-dir[hidden] {
  display: none;
}

.cx-field {
  display: grid;
  gap: 6px;
  min-width: 0;
}

.cx-control,
.cx-deposit-box {
  display: flex;
  align-items: center;
  gap: 8px;
  height: var(--hdr-field-control-h);
  min-height: var(--hdr-field-control-h);
  padding: 0 var(--hdr-btn-pad-x);
  border: 1px solid var(--hdr-line);
  border-radius: var(--hdr-btn-radius);
  background: var(--hdr-search-bg);
  color: var(--hdr-search-fg);
  box-sizing: border-box;
  transition: border-color 0.15s ease;
}

.cx-control:focus-within,
.cx-deposit-box:focus-within {
  border-color: var(--hdr-search-focus);
  outline: none;
}

.cx-control input {
  flex: 1;
  min-width: 0;
  border: 0;
  background: transparent;
  color: var(--hdr-btn-fg);
  font: inherit;
  font-size: var(--hdr-font-sm);
  font-weight: 600;
  outline: none;
  box-shadow: none;
}

.cx-control input::placeholder {
  color: var(--hdr-search-fg);
  font-weight: 500;
  opacity: 0.85;
}

.cx-control__suffix {
  flex-shrink: 0;
  color: var(--hdr-search-fg);
  font-size: var(--hdr-font-xs);
  font-weight: 700;
}

.cx-deposit-box code {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: var(--hdr-font-xs);
  font-weight: 600;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  color: var(--hdr-search-fg);
}

.cx-copy {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
  height: 30px;
  padding: 0 10px;
  border: 1px solid var(--hdr-line);
  border-radius: var(--hdr-btn-radius);
  background: var(--hdr-header-bg);
  color: var(--hdr-search-fg);
  font-size: var(--hdr-font-xs);
  font-weight: 700;
  cursor: pointer;
  transition: border-color 0.15s ease, color 0.15s ease;
  box-sizing: border-box;
}

.cx-copy:hover,
.cx-copy:focus-visible {
  border-color: var(--hdr-line);
  color: var(--hdr-text);
  outline: none;
}

.cx-copy.is-copied {
  color: var(--hdr-login);
  border-color: color-mix(in srgb, var(--hdr-login) 42%, var(--hdr-line));
}

.cx-copy i,
.cx-copy svg {
  width: 13px;
  height: 13px;
}

.cx-panel--summary {
  gap: 10px;
  padding: 12px 14px;
}

.cx-summary__title {
  color: var(--hdr-muted);
  font-size: var(--hdr-font-xs);
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  line-height: 1.2;
}

.cx-quote {
  display: flex;
  flex-direction: column;
  gap: 0;
  border: 1px solid var(--hdr-line);
  border-radius: var(--hdr-btn-radius);
  background: var(--hdr-header-bg);
  overflow: hidden;
  box-sizing: border-box;
}

.cx-quote__row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  min-width: 0;
  padding: 11px 14px;
  border-bottom: 1px solid var(--hdr-line);
  font-size: var(--hdr-font-sm);
  color: var(--hdr-muted);
  box-sizing: border-box;
}

.cx-quote__row:last-child {
  border-bottom: 0;
}

.cx-quote__row strong {
  min-width: 0;
  color: var(--hdr-btn-fg);
  font-weight: 700;
  text-align: right;
  overflow-wrap: anywhere;
  font-variant-numeric: tabular-nums;
}

.cx-quote__row--total {
  padding: 14px;
}

.cx-quote__row--total span {
  color: var(--hdr-btn-fg);
  font-size: var(--hdr-font);
  font-weight: 700;
}

.cx-quote__row--total strong {
  color: var(--hdr-login);
  font-size: var(--hdr-font);
  font-weight: 800;
}

.cx-form__error {
  margin: 0;
  color: var(--hdr-register);
  font-size: var(--hdr-font-sm);
  font-weight: 700;
}

.cx-form__error[hidden] {
  display: none;
}

.cx-actions {
  display: flex;
  justify-content: stretch;
}

.cx-submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  max-width: none;
  min-height: var(--hdr-btn-h);
  height: var(--hdr-btn-h);
  padding: 0 var(--hdr-btn-pad-x);
  border: 0;
  border-radius: var(--hdr-btn-radius);
  background: var(--hdr-register);
  color: var(--hdr-btn-fg);
  font-size: var(--hdr-font-sm);
  font-weight: 700;
  cursor: pointer;
  transition: background 0.15s ease;
  box-sizing: border-box;
}

.cx-submit:hover,
.cx-submit:focus-visible {
  background: var(--hdr-register-hover);
  outline: none;
}

.cx-submit:disabled {
  opacity: 0.65;
  cursor: wait;
}

.cx-submit i,
.cx-submit svg {
  width: 15px;
  height: 15px;
}

@media (max-width: 1100px) {
  .cx-visual {
    max-width: 340px;
  }
}

@media (max-width: 960px) {
  .cx-stage {
    flex-direction: column;
    align-items: stretch;
    width: 100%;
  }

  .cx-visual {
    display: none !important;
  }

  .cx-main,
  .cx-form {
    width: 100%;
    max-width: none;
    gap: 14px;
  }

  .cx-body {
    grid-template-columns: 1fr;
    gap: 14px;
  }
}

@media (max-width: 720px) {
  .cx-panel {
    width: 100%;
  }

  .cx-panel--head {
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
  }

  .cx-panel__balance {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }

  .cx-seg {
    gap: 10px;
  }

  .cx-seg__btn {
    padding: 0 10px;
    text-align: center;
  }

  .cx-col {
    padding: 14px;
    gap: 12px;
  }

  .cx-panel--summary {
    gap: 12px;
    padding: 14px;
  }
}

@media (max-width: 360px) {
  .cx-control,
  .cx-deposit-box,
  .cx-submit,
  .cx-seg__btn {
    height: var(--hdr-btn-h-sm);
    min-height: var(--hdr-btn-h-sm);
  }

  .cx-seg {
    grid-template-columns: 1fr;
  }
}

.site-main.site-main--cekilisler {
  padding: 0 var(--hdr-shell-gutter) 16px;
  box-sizing: border-box;
}

@media (min-width: 1024px) {
  .site-main.site-main--cekilisler {
    padding: 0 var(--hdr-shell-gutter) 20px;
  }
}

.cg {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
  box-sizing: border-box;
}

.cg-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.cg-head {
  display: block;
  width: 100%;
  min-height: 0;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  box-sizing: border-box;
}

.cg-head__visual {
  position: relative;
  width: 100%;
  max-width: 100%;
  height: auto;
  aspect-ratio: 2428 / 648;
  border: 0;
  border-radius: 12px;
  background: transparent;
  overflow: hidden;
  box-sizing: border-box;
  line-height: 0;
}

.cg-head__media {
  position: absolute;
  inset: 0;
  margin: 0;
  padding: 0;
  background: transparent;
}

.cg-head__media img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 100%;
  object-fit: contain;
  object-position: center center;
  image-rendering: auto;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background: transparent;
}

.cg-hak-box {
  position: absolute;
  top: 50%;
  right: clamp(18px, 3.2vw, 36px);
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 16px;
  width: min(268px, 32%);
  min-width: 220px;
  margin: 0;
  padding: 20px 18px;
  border: 1px solid var(--hdr-frame-border);
  border-radius: 14px;
  background: var(--hdr-header-bg);
  box-shadow: var(--hdr-frame-drop);
  box-sizing: border-box;
  transform: translateY(-50%);
}

.cg-hak-box__top {
  display: flex;
  align-items: center;
  gap: 14px;
  min-width: 0;
}

.cg-hak-box__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  flex-shrink: 0;
  border: 1.5px solid var(--hdr-register);
  border-radius: 12px;
  background: transparent;
  color: var(--hdr-register);
  box-sizing: border-box;
}

.cg-hak-box__icon i,
.cg-hak-box__icon svg {
  width: 22px;
  height: 22px;
}

.cg-hak-box__copy {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}

.cg-hak-box__label {
  color: var(--hdr-btn-fg);
  font-size: 15px;
  font-weight: 700;
  line-height: 1.2;
}

.cg-hak-box__value {
  color: var(--hdr-register);
  font-size: 26px;
  font-weight: 800;
  line-height: 1.1;
  font-variant-numeric: tabular-nums;
}

.cg-hak-box__value [data-cg-hak-n] {
  color: var(--hdr-register);
}

.cg-hak-box__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  min-height: 44px;
  height: 44px;
  padding: 0 12px;
  border: 1px solid var(--hdr-register);
  border-radius: var(--hdr-btn-radius);
  background: var(--hdr-register);
  color: var(--hdr-btn-fg);
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  box-sizing: border-box;
  transition: background 0.15s ease;
}

.cg-hak-box__cta:hover,
.cg-hak-box__cta:focus-visible {
  background: var(--hdr-register-hover);
  border-color: var(--hdr-register-hover);
  outline: none;
}

.cg-hak-box__cta i,
.cg-hak-box__cta svg {
  width: 15px;
  height: 15px;
  flex-shrink: 0;
}

.cg-hak-box__cta span {
  flex: 1 1 auto;
  text-align: center;
}

.cg-section {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin: 0;
  padding: 4px 0 2px;
}

.cg-section__title {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  padding: 0;
  color: var(--hdr-btn-fg);
  font-size: var(--shell-crumb-font, var(--hdr-font-sm));
  font-weight: 800;
  line-height: 1.2;
  text-align: left;
  min-width: 0;
}

.cg-section__title i,
.cg-section__title svg {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  color: var(--hdr-register);
}

.cg-section__bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  margin: 0;
  padding: var(--shell-crumb-pad-y, 12px) var(--shell-crumb-pad-x, var(--hdr-inner-pad-x));
  border: 1px solid var(--hdr-line);
  border-radius: var(--hdr-frame-radius);
  background: var(--hdr-header-bg);
  box-shadow: none;
  box-sizing: border-box;
}

.cg-pool {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 0 auto;
  min-width: 0;
  max-width: min(100%, 440px);
}

.cg-pool__ico {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  border-radius: 7px;
  background: var(--hdr-register);
  color: var(--hdr-btn-fg);
  box-sizing: border-box;
}

.cg-pool__ico i,
.cg-pool__ico svg {
  width: 13px;
  height: 13px;
  display: block;
  color: var(--hdr-btn-fg);
  stroke: currentColor;
}

.cg-pool__copy {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: baseline;
  min-width: 0;
  color: var(--hdr-btn-fg);
  font-size: var(--shell-crumb-font, var(--hdr-font-sm));
  font-weight: 650;
  line-height: 1.2;
}

.cg-pool__shine-char {
  display: inline-block;
  --cg-shine-base: var(--hdr-btn-fg);
  color: var(--cg-shine-base);
  transform: translateZ(0);
  animation: cg-pool-shine-char 2.8s linear infinite;
  animation-delay: calc((var(--i, 0) * 0.07s) - 2.8s);
}

.cg-pool__shine-char.is-amount {
  --cg-shine-base: var(--hdr-btn-fg);
  font-size: inherit;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
}

.cg-pool__shine-char.is-rest {
  --cg-shine-base: var(--hdr-search-fg);
  font-weight: 650;
}

.cg-pool__shine-char.is-space {
  width: 0.28em;
}

@keyframes cg-pool-shine-char {
  0%,
  4% {
    color: var(--cg-shine-base);
  }
  10%,
  18% {
    color: var(--hdr-register);
  }
  28%,
  100% {
    color: var(--cg-shine-base);
  }
}

@media (prefers-reduced-motion: reduce) {
  .cg-pool__shine-char {
    animation: none;
  }
}

.cg-ended-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: center;
  gap: 8px;
  width: auto;
  max-width: 100%;
  min-height: 44px;
  height: 44px;
  margin: 0 auto;
  padding: 0 20px;
  border: 0;
  border-radius: var(--hdr-btn-radius);
  background: var(--hdr-register);
  color: var(--hdr-btn-fg);
  font-size: 15px;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  box-sizing: border-box;
  transition: background 0.15s ease;
}

.cg-ended-btn:hover,
.cg-ended-btn:focus-visible {
  background: var(--hdr-register-hover);
  color: var(--hdr-btn-fg);
  outline: none;
}

.cg-ended-btn i,
.cg-ended-btn svg {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  color: var(--hdr-btn-fg);
  transition: transform 0.18s ease;
}

.cg-ended-btn[aria-expanded="true"] i,
.cg-ended-btn[aria-expanded="true"] svg {
  transform: rotate(180deg);
}

.cg-section--ended[hidden] {
  display: none;
}

.cg-empty {
  margin: 0;
  padding: 16px;
  border: 1px solid var(--hdr-frame-border);
  border-radius: var(--hdr-frame-radius);
  background: var(--hdr-header-bg);
  color: var(--hdr-muted);
  font-size: var(--hdr-font-sm);
  line-height: 1.5;
  box-shadow: var(--hdr-frame-drop);
}

.cg-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 12px;
  width: 100%;
  justify-content: start;
}

.cg-grid--ended {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.cg-card {
  --cg-card-radius: 14px;
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: 0;
  height: 100%;
  overflow: hidden;
  border: 1px solid var(--hdr-line);
  border-radius: var(--cg-card-radius);
  background: var(--hdr-header-bg);
  box-shadow: none;
  box-sizing: border-box;
  transition: border-color 0.18s ease, box-shadow 0.18s ease;
}

.cg-card:hover {
  border-color: var(--hdr-search-focus);
  box-shadow:
    0 0 0 1px var(--hdr-search-focus),
    0 0 14px 2px var(--hdr-search-focus-glow);
}

.cg-card:hover .cg-card__title {
  color: var(--hdr-search-focus);
}

.cg-card__media {
  position: relative;
  flex-shrink: 0;
  margin: 9px 9px 0;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  border-radius: 12px;
  border: 1px solid var(--hdr-field-border, var(--hdr-line));
  background: var(--hdr-field, var(--hdr-page-bg));
  box-sizing: border-box;
}

.cg-card__media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.cg-card__media-empty {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  color: var(--hdr-muted);
}

.cg-card__media-empty i,
.cg-card__media-empty svg {
  width: 22px;
  height: 22px;
}

.cg-card__qty {
  position: absolute;
  top: 8px;
  left: 8px;
  padding: 2px 6px;
  border-radius: 8px;
  border: 1px solid var(--hdr-line);
  background: var(--hdr-header-bg);
  color: var(--hdr-btn-fg);
  font-size: var(--hdr-font-xs);
  font-weight: 800;
  line-height: 1.2;
}

.cg-card__body {
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: 5px;
  padding: 8px 9px 9px;
  min-width: 0;
  box-sizing: border-box;
}

.cg-card__title {
  margin: 0;
  color: var(--hdr-btn-fg);
  font-size: 0.8rem;
  font-weight: 700;
  line-height: 1.35;
  text-align: center;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 0;
  transition: color 0.18s ease;
}

.cg-card__countdown,
.cg-card__winner,
.cg-card__mine {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  width: 100%;
  margin: 0;
  padding: 5px 8px;
  border: 1px solid var(--hdr-line);
  border-radius: 8px;
  background: var(--hdr-page-bg);
  color: var(--hdr-search-fg);
  font-size: 0.68rem;
  font-weight: 650;
  line-height: 1.3;
  text-align: center;
  box-sizing: border-box;
}

.cg-card__countdown [data-cg-countdown-text] {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cg-card__countdown i,
.cg-card__countdown svg {
  width: 12px;
  height: 12px;
  color: var(--hdr-register);
  flex-shrink: 0;
}

.cg-card__prize-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1px;
  width: 100%;
  padding: 5px 8px;
  border: 1px solid var(--hdr-line);
  border-radius: 8px;
  background: var(--hdr-page-bg);
  box-sizing: border-box;
  text-align: center;
}

.cg-card__prize-label {
  color: var(--hdr-muted);
  font-size: 0.62rem;
  font-weight: 750;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  line-height: 1.2;
}

.cg-card__prize {
  margin: 0;
  color: var(--hdr-login);
  font-size: 0.85rem;
  font-weight: 850;
  letter-spacing: -0.02em;
  line-height: 1.2;
  font-variant-numeric: tabular-nums;
}

.cg-card__winner strong {
  color: var(--hdr-login);
}

.cg-card__footer {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 36px;
  gap: 6px;
  align-items: stretch;
  width: 100%;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.cg-card__join {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-width: 0;
  min-height: 36px;
  height: 36px;
  padding: 0 8px;
  border: 0;
  border-radius: var(--hdr-btn-radius, 10px);
  background: var(--hdr-login);
  color: var(--hdr-btn-fg);
  font-size: 0.72rem;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
  box-sizing: border-box;
}

.cg-card__join:hover,
.cg-card__join:focus-visible {
  background: var(--hdr-login-hover);
  outline: none;
}

.cg-card__join.is-leave {
  background: var(--hdr-register);
}

.cg-card__join.is-leave:hover,
.cg-card__join.is-leave:focus-visible {
  background: var(--hdr-register-hover);
}

.cg-card__join.is-disabled,
.cg-card__join:disabled {
  opacity: 0.65;
  cursor: default;
  pointer-events: none;
}

.cg-card__detail {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  min-width: 36px;
  min-height: 36px;
  padding: 0;
  border: 1px solid var(--hdr-line);
  border-radius: var(--hdr-btn-radius);
  background: var(--hdr-page-bg);
  color: var(--hdr-search-fg);
  cursor: pointer;
  box-sizing: border-box;
  transition: border-color 0.18s ease, color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease;
}

.cg-card__detail:hover,
.cg-card__detail:focus-visible {
  background: var(--hdr-page-bg);
  border-color: var(--hdr-search-focus);
  color: var(--hdr-search-focus);
  box-shadow:
    0 0 0 1px var(--hdr-search-focus),
    0 0 14px 2px var(--hdr-search-focus-glow);
  outline: none;
}

.cg-card__more {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  min-width: 36px;
  min-height: 36px;
  padding: 0;
  border: 1px solid var(--hdr-line);
  border-radius: var(--hdr-btn-radius);
  background: var(--hdr-page-bg);
  color: var(--hdr-search-fg);
  cursor: pointer;
  box-sizing: border-box;
  transition: border-color 0.18s ease, color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease;
}

.cg-card__more:hover,
.cg-card__more:focus-visible {
  background: var(--hdr-page-bg);
  border-color: var(--hdr-login);
  color: var(--hdr-login);
  box-shadow:
    0 0 0 1px var(--hdr-login),
    0 0 14px 2px color-mix(in srgb, var(--hdr-login) 35%, transparent);
  outline: none;
}

.cg-card__more.is-disabled,
.cg-card__more:disabled {
  opacity: 0.65;
  cursor: default;
  pointer-events: none;
}

.cg-card__detail i,
.cg-card__detail svg,
.cg-card__more i,
.cg-card__more svg {
  width: 16px;
  height: 16px;
  display: block;
  color: inherit;
  fill: none;
  stroke: currentColor;
}

.cg-modal[hidden] {
  display: none;
}

.cg-modal {
  position: fixed;
  inset: 0;
  z-index: 1200;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  box-sizing: border-box;
}

.cg-modal__backdrop {
  position: absolute;
  inset: 0;
  background: color-mix(in srgb, #000 55%, transparent);
}

.cg-modal__panel {
  position: relative;
  z-index: 1;
  width: min(100%, var(--hdr-modal-width-lg));
  max-height: min(86vh, 640px);
  overflow: auto;
  padding: var(--hdr-modal-pad);
  border: 1px solid var(--hdr-frame-border);
  border-radius: var(--hdr-modal-radius);
  background: var(--hdr-header-bg);
  box-shadow: var(--hdr-frame-drop);
  box-sizing: border-box;
}

.cg-modal__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin: 0 0 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--hdr-frame-border);
}

.cg-modal__head h2 {
  margin: 0;
  font-size: var(--hdr-modal-title-size);
  font-weight: 800;
  color: var(--hdr-btn-fg);
  line-height: 1.3;
}

.cg-modal__close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--hdr-icon-btn-size);
  height: var(--hdr-icon-btn-size);
  flex-shrink: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--hdr-search-fg);
  cursor: pointer;
  box-sizing: border-box;
}

.cg-modal__close:hover,
.cg-modal__close:focus-visible {
  background: transparent;
  color: var(--hdr-btn-fg);
  outline: none;
  box-shadow: none;
}

.cg-modal__close i,
.cg-modal__close svg {
  width: 18px;
  height: 18px;
  display: block;
  color: inherit;
  fill: none;
  stroke: currentColor;
  transition: transform 0.2s ease, color 0.15s ease;
}

.cg-modal__close:hover i,
.cg-modal__close:hover svg,
.cg-modal__close:focus-visible i,
.cg-modal__close:focus-visible svg {
  color: var(--hdr-btn-fg);
  transform: rotate(90deg);
}

.cg-modal__body {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 0;
}

.cg-modal__meta {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin: 0;
}

.cg-modal__meta > div {
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid var(--hdr-line);
  border-radius: var(--hdr-btn-radius);
  background: var(--hdr-page-bg);
  text-align: center;
  box-sizing: border-box;
}

.cg-modal__meta-wide {
  grid-column: 1 / -1;
}

.cg-modal__meta dt {
  margin: 0 0 4px;
  color: var(--hdr-muted);
  font-size: var(--hdr-font-xs);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

.cg-modal__meta dd {
  margin: 0;
  color: var(--hdr-btn-fg);
  font-size: var(--hdr-font-sm);
  font-weight: 700;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.cg-modal__meta dd.is-prize {
  color: var(--hdr-login);
  font-weight: 800;
}

@media (max-width: 1400px) {
  .cg-grid,
  .cg-grid--ended {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}
@media (max-width: 1100px) {
  .cg-grid,
  .cg-grid--ended {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
  }
}

@media (max-width: 960px) {
  .cg-grid,
  .cg-grid--ended {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .cg-head {
    min-height: 0;
  }

  .cg-head__visual {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    height: auto;
    aspect-ratio: auto;
    overflow: visible;
    border-radius: 0;
    gap: 10px;
    line-height: normal;
  }

  .cg-head__media {
    display: none;
  }

  .cg-hak-box {
    position: static;
    top: auto;
    right: auto;
    left: auto;
    bottom: auto;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    min-width: 0;
    max-width: none;
    transform: none;
    gap: 10px;
    padding: 12px;
    border-radius: 14px;
  }

  .cg-hak-box__top {
    flex: 1 1 auto;
    min-width: 0;
    gap: 10px;
  }

  .cg-hak-box__icon {
    width: 40px;
    height: 40px;
  }

  .cg-hak-box__icon i,
  .cg-hak-box__icon svg {
    width: 18px;
    height: 18px;
  }

  .cg-hak-box__label {
    font-size: 13px;
  }

  .cg-hak-box__value {
    font-size: 18px;
  }

  .cg-hak-box__cta {
    flex: 0 0 auto;
    width: auto;
    min-width: 0;
    padding: 0 12px;
    gap: 6px;
  }

  .cg-hak-box__cta span {
    flex: 0 0 auto;
  }

  .cg-ended-btn {
    min-height: 40px;
    height: 40px;
    padding: 0 16px;
    font-size: 14px;
  }

  .cg-ended-btn i,
  .cg-ended-btn svg {
    width: 15px;
    height: 15px;
  }

  .cg-section__bar {
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: var(--shell-crumb-pad-y, 12px) var(--shell-crumb-pad-x, 14px);
    text-align: center;
  }

  .cg-section__title {
    justify-content: center;
    font-size: var(--shell-crumb-font, var(--hdr-font-sm));
  }

  .cg-pool {
    width: auto;
    max-width: 100%;
    margin: 0;
    justify-content: center;
  }

  .cg-pool__copy {
    justify-content: center;
    font-size: var(--hdr-font-xs);
  }

  .cg-grid,
  .cg-grid--ended {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }

  .cg-card__media {
    margin: 8px 8px 0;
  }

  .cg-card__body {
    padding: 8px;
  }
}

@media (max-width: 480px) {
  .cg-modal__meta {
    grid-template-columns: 1fr;
  }
}

html.cg-modal-open {
  overflow: hidden;
}

.site-main.site-main--bize-sat {
  padding: 0 var(--hdr-shell-gutter) 16px;
  box-sizing: border-box;
}

@media (min-width: 1024px) {
  .site-main.site-main--bize-sat {
    padding: 0 var(--hdr-shell-gutter) 20px;
  }
}

.bs {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.bs-panel {
  display: flex;
  width: 100%;
  min-width: 0;
  margin: 0;
  border: 1px solid var(--hdr-frame-border);
  border-radius: var(--hdr-frame-radius);
  background: var(--hdr-header-bg);
  box-shadow: var(--hdr-frame-drop);
  box-sizing: border-box;
}

.bs-stage {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  gap: 8px;
  width: 100%;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.bs-visual {
  position: relative;
  flex: 0 0 auto;
  width: 280px;
  height: auto;
  min-height: 0;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  overflow: hidden;
  box-sizing: border-box;
}

.bs-visual__frame {
  position: absolute;
  inset: 0;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: var(--hdr-frame-radius);
  background: transparent;
  box-shadow: none;
  overflow: hidden;
  box-sizing: border-box;
}

.bs-visual__frame img {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  object-fit: contain;
  object-position: center center;
  background: transparent;
}

.bs-main {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  width: 100%;
  min-width: 0;
  gap: 0;
  box-sizing: border-box;
}

.bs-form {
  flex-direction: column;
  gap: 16px;
  padding: 16px 16px 18px;
  overflow: hidden;
}

.bs-form__section {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.bs-form__head {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
}

.bs-form__head--sub {
  align-items: flex-start;
}

.bs-form__head--sub .bs-form__title {
  margin: 0;
}

.bs-form__head-icon {
  display: inline-flex;
  color: var(--hdr-register);
  flex-shrink: 0;
}

.bs-form__head-icon i,
.bs-form__head-icon svg {
  width: 18px;
  height: 18px;
}

.bs-form__title {
  margin: 0;
  color: var(--hdr-text);
  font-size: var(--hdr-font-sm);
  font-weight: 800;
  line-height: 1.25;
}

.bs-form__row {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
  gap: 12px;
}

.bs-field {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}

.bs-label {
  display: block;
  color: var(--hdr-muted);
  font-size: var(--hdr-font-xs);
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  line-height: 1.2;
}

.bs-label__optional {
  margin-left: 4px;
  color: var(--hdr-search-fg);
  font-weight: 600;
  text-transform: none;
  letter-spacing: 0;
}

.bs-control {
  position: relative;
  display: flex;
  align-items: center;
  min-width: 0;
  height: var(--hdr-field-control-h);
  border: 1px solid var(--hdr-ghost-border);
  border-radius: var(--hdr-btn-radius);
  background: var(--hdr-search-bg);
  color: var(--hdr-search-fg);
  box-sizing: border-box;
  overflow: hidden;
  transition: border-color 0.18s ease, box-shadow 0.18s ease;
}

.bs-control:focus-within {
  background: var(--hdr-search-bg);
  border-color: var(--hdr-search-focus);
  box-shadow:
    0 0 0 1px var(--hdr-search-focus),
    0 0 14px 2px var(--hdr-search-focus-glow);
}

.bs-control input {
  flex: 1 1 auto;
  min-width: 0;
  height: 100%;
  margin: 0;
  padding: 0 12px;
  border: 0;
  background: transparent;
  color: var(--hdr-btn-fg);
  caret-color: var(--hdr-search-focus);
  font: inherit;
  font-size: var(--hdr-font-sm);
  font-weight: 500;
  outline: none;
  box-sizing: border-box;
}

.bs-control input::placeholder {
  color: var(--hdr-search-fg);
}

.bs-control input:disabled {
  opacity: 0.55;
  cursor: not-allowed;
}

.bs-control__suffix {
  flex-shrink: 0;
  padding: 0 12px 0 0;
  color: var(--hdr-search-fg);
  font-size: var(--hdr-font-xs);
  font-weight: 700;
}

.bs-field textarea {
  display: block;
  width: 100%;
  min-height: 72px;
  max-height: 120px;
  margin: 0;
  padding: 10px 12px;
  border: 1px solid var(--hdr-ghost-border);
  border-radius: var(--hdr-btn-radius);
  background: var(--hdr-search-bg);
  color: var(--hdr-btn-fg);
  caret-color: var(--hdr-search-focus);
  font: inherit;
  font-size: var(--hdr-font-sm);
  font-weight: 500;
  line-height: 1.45;
  resize: vertical;
  outline: none;
  box-sizing: border-box;
  transition: border-color 0.18s ease, box-shadow 0.18s ease;
}

.bs-field textarea::placeholder {
  color: var(--hdr-search-fg);
}

.bs-field textarea:focus {
  border-color: var(--hdr-search-focus);
  box-shadow:
    0 0 0 1px var(--hdr-search-focus),
    0 0 14px 2px var(--hdr-search-focus-glow);
}

.bs-field textarea:disabled {
  opacity: 0.55;
  cursor: not-allowed;
}

.bs-drop {
  position: relative;
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: stretch;
  gap: 0;
  border: 1px dashed var(--hdr-line);
  border-radius: var(--hdr-btn-radius);
  background: var(--hdr-page-bg);
  box-sizing: border-box;
  overflow: hidden;
  transition: border-color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease;
}

.bs-drop.is-dragover,
.bs-drop:focus-within {
  border-color: var(--hdr-search-focus);
  border-style: solid;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--hdr-search-focus) 22%, transparent);
}

.bs-drop.is-dragover {
  background: color-mix(in srgb, var(--hdr-search-focus) 8%, var(--hdr-page-bg));
}

.bs-drop.is-filled {
  border-style: solid;
  border-color: var(--hdr-line);
}

.bs-drop__input {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  pointer-events: none;
}

.bs-drop__zone {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: 100%;
  min-height: 96px;
  margin: 0;
  padding: 16px 14px;
  border: 0;
  background: transparent;
  color: var(--hdr-muted);
  font: inherit;
  text-align: center;
  cursor: pointer;
  box-sizing: border-box;
}

.bs-drop__zone:disabled {
  opacity: 0.55;
  cursor: not-allowed;
}

.bs-drop__zone:hover:not(:disabled),
.bs-drop__zone:focus-visible {
  color: var(--hdr-text);
  outline: none;
}

.bs-drop__icon {
  display: inline-flex;
  color: var(--hdr-register);
}

.bs-drop__icon i,
.bs-drop__icon svg {
  width: 22px;
  height: 22px;
}

.bs-drop__title {
  color: inherit;
  font-size: var(--hdr-font-sm);
  font-weight: 700;
  line-height: 1.3;
}

.bs-drop__hint {
  color: var(--hdr-search-fg);
  font-size: var(--hdr-font-xs);
  font-weight: 500;
  line-height: 1.35;
}

.bs-drop__clear {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: center;
  width: 36px;
  height: 36px;
  margin-right: 10px;
  padding: 0;
  border: 1px solid var(--hdr-line);
  border-radius: 10px;
  background: var(--hdr-header-bg);
  color: var(--hdr-muted);
  cursor: pointer;
  box-sizing: border-box;
}

.bs-drop__clear[hidden] {
  display: none;
}

.bs-drop__clear:hover,
.bs-drop__clear:focus-visible {
  border-color: var(--hdr-register);
  color: var(--hdr-register);
  outline: none;
}

.bs-drop__clear i,
.bs-drop__clear svg {
  width: 14px;
  height: 14px;
}

.bs-summary {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 12px 14px;
  border: 1px solid var(--hdr-line);
  border-radius: var(--hdr-btn-radius);
  background: var(--hdr-page-bg);
  box-sizing: border-box;
}

.bs-summary__head {
  display: flex;
  align-items: center;
  gap: 8px;
}

.bs-summary__icon {
  display: inline-flex;
  color: var(--hdr-register);
}

.bs-summary__icon i,
.bs-summary__icon svg {
  width: 15px;
  height: 15px;
}

.bs-summary__title {
  margin: 0;
  color: var(--hdr-muted);
  font-size: var(--hdr-font-xs);
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  line-height: 1.2;
}

.bs-summary__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px 20px;
  margin: 0;
}

.bs-summary__item {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding-right: 12px;
  border-right: 1px solid var(--hdr-line);
  box-sizing: border-box;
}

.bs-summary__item:last-child {
  padding-right: 0;
  border-right: 0;
}

.bs-summary__item dt {
  margin: 0;
  color: var(--hdr-search-fg);
  font-size: var(--hdr-font-xs);
  font-weight: 600;
  line-height: 1.2;
}

.bs-summary__item dd {
  margin: 0;
  color: var(--hdr-text);
  font-size: var(--hdr-font-sm);
  font-weight: 700;
  line-height: 1.3;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.bs-summary__status {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--hdr-muted);
}

.bs-summary__status.is-ready {
  color: var(--hdr-login);
}

.bs-summary__dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: currentColor;
  flex-shrink: 0;
}

.bs-form__error {
  margin: 0;
  padding: 10px 12px;
  border: 1px solid var(--hdr-register);
  border-radius: var(--hdr-btn-radius);
  background: var(--hdr-page-bg);
  color: var(--hdr-register);
  font-size: var(--hdr-font-sm);
  font-weight: 600;
  box-sizing: border-box;
}

.bs-form__error[hidden] {
  display: none;
}

.bs-submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  min-height: var(--hdr-btn-h);
  height: var(--hdr-btn-h);
  margin: 4px 0 0;
  padding: 0 var(--hdr-btn-pad-x);
  border: 0;
  border-radius: var(--hdr-btn-radius);
  background: var(--hdr-register);
  color: var(--hdr-btn-fg);
  font-size: var(--hdr-font-sm);
  font-weight: 700;
  text-decoration: none;
  cursor: pointer;
  transition: background 0.15s ease;
  box-sizing: border-box;
}

.bs-submit:hover,
.bs-submit:focus-visible {
  background: var(--hdr-register-hover);
  outline: none;
}

.bs-submit:disabled {
  opacity: 0.65;
  cursor: wait;
}

.bs-submit.is-sent,
.bs-submit.is-sent:hover,
.bs-submit.is-sent:focus-visible,
.bs-submit.is-sent:disabled {
  background: var(--hdr-login);
  color: var(--hdr-btn-fg);
  opacity: 1;
  cursor: default;
}

.bs-submit.is-sent:hover {
  background: var(--hdr-login-hover);
}

.bs-submit i,
.bs-submit svg {
  width: 15px;
  height: 15px;
}

@media (max-width: 960px) {
  .bs-stage {
    flex-direction: column;
    align-items: stretch;
    width: 100%;
  }

  .bs-visual {
    display: none;
  }

  .bs-main,
  .bs-form {
    width: 100%;
    max-width: none;
  }

  .bs-summary__grid {
    grid-template-columns: 1fr 1fr;
    gap: 14px 16px;
  }

  .bs-summary__item {
    padding-right: 0;
    border-right: 0;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--hdr-line);
  }

  .bs-summary__item:nth-last-child(-n + 2) {
    padding-bottom: 0;
    border-bottom: 0;
  }
}

@media (max-width: 720px) {
  .bs-form__row {
    grid-template-columns: 1fr;
  }

  .bs-form {
    padding: 14px 14px 16px;
    gap: 14px;
  }

  .bs-summary__grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .bs-summary__item {
    padding-bottom: 10px;
    border-bottom: 1px solid var(--hdr-line);
  }

  .bs-summary__item:last-child {
    padding-bottom: 0;
    border-bottom: 0;
  }
}

@media (max-width: 360px) {
  .bs-submit,
  .bs-control {
    height: var(--hdr-btn-h-sm);
    min-height: var(--hdr-btn-h-sm);
  }
}

.site-main.site-main--kurumsal {
  padding: 0 var(--hdr-shell-gutter) 16px;
  box-sizing: border-box;
}

.kurumsal {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

.kurumsal__layout {
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

.kurumsal-side {
  border: 1px solid var(--hdr-frame-border);
  border-radius: 14px;
  background: var(--hdr-header-bg);
  box-shadow: none;
  box-sizing: border-box;
  min-width: 0;
}

.kurumsal-side__toggle {
  display: none;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
  min-height: var(--hdr-field-control-h, 40px);
  padding: 0 16px;
  border: 1px solid var(--hdr-line);
  border-radius: var(--hdr-btn-radius, 10px);
  background: var(--hdr-page-bg);
  color: var(--hdr-btn-fg);
  font-family: inherit;
  font-size: var(--hdr-font-sm, 13px);
  font-weight: 700;
  line-height: 1.2;
  cursor: pointer;
  box-sizing: border-box;
  box-shadow: none;
  outline: none;
  -webkit-tap-highlight-color: transparent;
  transition: border-color 0.18s ease, box-shadow 0.18s ease, color 0.15s ease;
}

.kurumsal-side__toggle i,
.kurumsal-side__toggle svg {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  color: inherit;
}

.kurumsal-side__toggle:hover,
.kurumsal-side__toggle:focus-visible {
  background: var(--hdr-page-bg);
  border-color: var(--hdr-search-focus);
  color: var(--hdr-btn-fg);
  outline: none;
  box-shadow:
    0 0 0 1px var(--hdr-search-focus),
    0 0 14px 2px var(--hdr-search-focus-glow);
}

.kurumsal-side__inner {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 14px;
  box-sizing: border-box;
}

.kurumsal-side__head {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
  padding: 4px 2px 2px;
}

.kurumsal-side__head-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  border-radius: 11px;
  border: 1px solid var(--hdr-register);
  background: var(--hdr-register);
  color: var(--hdr-btn-fg);
  box-sizing: border-box;
}

.kurumsal-side__head-icon i,
.kurumsal-side__head-icon svg {
  width: 18px;
  height: 18px;
  display: block;
  fill: none;
  stroke: currentColor;
}

.kurumsal-side__head-copy {
  min-width: 0;
  display: flex;
  align-items: center;
}

.kurumsal-side__head-title {
  color: var(--hdr-btn-fg);
  font-size: 0.95rem;
  font-weight: 800;
  line-height: 1;
}

.kurumsal-side__nav {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.kurumsal-side__link {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  min-width: 0;
  min-height: 42px;
  padding: 0 8px;
  border-radius: 10px;
  border: 1px solid var(--hdr-line);
  background: transparent;
  text-decoration: none;
  color: var(--hdr-btn-fg);
  box-sizing: border-box;
  transition: border-color 0.15s ease, color 0.15s ease;
}

.kurumsal-side__link-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  flex-shrink: 0;
  border-radius: 9px;
  border: 1px solid var(--hdr-line);
  background: transparent;
  color: var(--hdr-register);
  box-sizing: border-box;
}

.kurumsal-side__link-icon i,
.kurumsal-side__link-icon svg {
  width: 15px;
  height: 15px;
  display: block;
  fill: none;
  stroke: currentColor;
}

.kurumsal-side__link-label {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: var(--hdr-font-sm, 13px);
  font-weight: 650;
  line-height: 1.25;
}

.kurumsal-side__link-chevron {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  color: var(--hdr-muted);
  opacity: 0.7;
}

.kurumsal-side__link:hover {
  color: var(--hdr-btn-fg);
  background: transparent;
  border-color: var(--hdr-line);
}

.kurumsal-side__link:hover .kurumsal-side__link-icon {
  border-color: var(--hdr-line);
  background: transparent;
  color: var(--hdr-register);
}

.kurumsal-side__link.is-active {
  color: var(--hdr-btn-fg);
  background: transparent;
  border-color: var(--hdr-line);
}

.kurumsal-side__link.is-active .kurumsal-side__link-icon {
  color: var(--hdr-btn-fg);
  background: var(--hdr-register);
  border-color: var(--hdr-register);
}

.kurumsal-side__link.is-active .kurumsal-side__link-chevron {
  color: var(--hdr-btn-fg);
  opacity: 1;
}

.kurumsal-side__link:focus-visible {
  outline: 2px solid var(--hdr-register);
  outline-offset: 2px;
}

.kurumsal-main {
  min-width: 0;
  padding: 18px 16px 20px;
  border: 1px solid var(--hdr-frame-border);
  border-radius: 14px;
  background: var(--hdr-header-bg);
  box-shadow: none;
  box-sizing: border-box;
}

.kurumsal-main__head {
  margin: 0 0 16px;
  padding: 0 0 14px;
  border-bottom: 1px solid var(--hdr-line);
}

.kurumsal-main__title {
  margin: 0 0 6px;
  font-size: 1.25rem;
  font-weight: 800;
  line-height: 1.2;
  color: var(--hdr-text);
}

.kurumsal-main__subtitle {
  margin: 0;
  font-size: var(--hdr-font-sm);
  line-height: 1.5;
  color: var(--hdr-muted);
}

.kurumsal-prose {
  color: var(--hdr-muted);
  font-size: var(--hdr-font-sm);
  line-height: 1.75;
}

.kurumsal-lead {
  margin: 0 0 20px;
  padding: 0 0 16px;
  border-bottom: 1px solid var(--hdr-line);
  font-size: var(--hdr-font-sm);
  line-height: 1.75;
  color: var(--hdr-muted);
}

.kurumsal-lead strong {
  color: var(--hdr-text);
  font-weight: 700;
}

.kurumsal-prose > p:not(.kurumsal-lead):not(.kurumsal-foot-note) {
  margin: 0 0 14px;
}

.kurumsal-prose a {
  color: var(--hdr-text);
  text-decoration: underline;
  text-underline-offset: 2px;
}

.kurumsal-prose a:hover {
  color: var(--hdr-register);
}

.kurumsal-section {
  margin: 0 0 22px;
  padding: 0 0 4px;
}

.kurumsal-section:last-of-type {
  margin-bottom: 16px;
}

.kurumsal-section h2 {
  margin: 0 0 10px;
  font-size: var(--hdr-font);
  font-weight: 800;
  line-height: 1.3;
  color: var(--hdr-text);
}

.kurumsal-section h3 {
  margin: 14px 0 6px;
  font-size: var(--hdr-font-sm);
  font-weight: 750;
  line-height: 1.35;
  color: var(--hdr-text);
}

.kurumsal-section p {
  margin: 0 0 10px;
}

.kurumsal-section ul {
  margin: 0 0 12px;
  padding: 0 0 0 1.15rem;
}

.kurumsal-section li {
  margin: 0 0 7px;
}

.kurumsal-section li strong {
  color: var(--hdr-text);
}

.kurumsal-features {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
  margin: 0 0 22px;
}

.kurumsal-feature {
  padding: 14px;
  border: 1px solid var(--hdr-frame-border);
  border-radius: var(--hdr-btn-radius);
  background: var(--hdr-page-bg);
  box-sizing: border-box;
}

.kurumsal-feature__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  margin: 0 0 10px;
  border-radius: 10px;
  border: 1px solid var(--hdr-register);
  background: var(--hdr-register);
  color: var(--hdr-btn-fg);
  box-sizing: border-box;
}

.kurumsal-feature__icon i,
.kurumsal-feature__icon svg {
  width: 16px;
  height: 16px;
  display: block;
}

.kurumsal-feature h3 {
  margin: 0 0 6px;
  font-size: var(--hdr-font-sm);
  font-weight: 800;
  color: var(--hdr-text);
}

.kurumsal-feature p {
  margin: 0;
  font-size: var(--hdr-font-xs);
  line-height: 1.55;
  color: var(--hdr-muted);
}

.kurumsal-alert {
  margin: 0 0 20px;
  padding: 14px 16px;
  border: 1px solid var(--hdr-register);
  border-radius: var(--hdr-btn-radius);
  background: var(--hdr-page-bg);
  box-sizing: border-box;
}

.kurumsal-alert strong {
  display: block;
  margin: 0 0 6px;
  color: var(--hdr-register);
  font-size: var(--hdr-font-sm);
}

.kurumsal-alert p {
  margin: 0;
  color: var(--hdr-muted);
  font-size: var(--hdr-font-sm);
  line-height: 1.65;
}

.kurumsal-foot-note {
  margin: 4px 0 0;
  font-size: var(--hdr-font-xs);
  color: var(--hdr-muted);
}

.kurumsal-contact {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
  margin: 0 0 16px;
}

.kurumsal-contact__item {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
  min-height: 64px;
  padding: 12px 14px;
  border: 1px solid var(--hdr-frame-border);
  border-radius: 12px;
  background: var(--hdr-page-bg);
  box-sizing: border-box;
}

.kurumsal-contact__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  border-radius: 10px;
  border: 0;
  background: var(--hdr-info);
  color: var(--hdr-btn-fg);
  box-sizing: border-box;
}

.kurumsal-contact__icon i,
.kurumsal-contact__icon svg {
  width: 18px;
  height: 18px;
  display: block;
}

.kurumsal-contact__icon--company,
.kurumsal-contact__icon--brand,
.kurumsal-contact__icon--web,
.kurumsal-contact__icon--mail {
  background: var(--hdr-info);
}

.kurumsal-contact__icon--maps,
.kurumsal-contact__icon--office {
  background: color-mix(in srgb, var(--hdr-register) 78%, #f59e0b);
}

.kurumsal-contact__icon--tax,
.kurumsal-contact__icon--phone {
  background: var(--hdr-register);
}

.kurumsal-contact__icon--whatsapp {
  background: #128c7e;
}

.kurumsal-contact__icon--telegram {
  background: #229ed9;
}

.kurumsal-contact__text {
  min-width: 0;
}

.kurumsal-contact__text span {
  display: block;
  margin-bottom: 4px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--hdr-muted);
}

.kurumsal-contact__text p {
  margin: 0;
  font-size: var(--hdr-font-sm);
  font-weight: 700;
  line-height: 1.4;
  color: var(--hdr-text);
  overflow-wrap: anywhere;
  word-break: break-word;
}

.kurumsal-contact__text a {
  color: inherit;
  text-decoration: none;
}

.kurumsal-contact__text a:hover {
  color: var(--hdr-register);
}

@media (max-width: 1023px) {
  .kurumsal-side {
    padding: 10px;
  }

  .kurumsal-side__toggle {
    display: inline-flex;
  }

  .kurumsal-side__inner {
    display: none;
    padding: 12px 4px 4px;
  }

  .kurumsal-side.is-open .kurumsal-side__inner {
    display: flex;
  }
}

@media (min-width: 640px) {
  .kurumsal-contact {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .kurumsal-features {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (min-width: 1024px) {
  .site-main.site-main--kurumsal {
    padding-top: 0;
    padding-bottom: 20px;
  }

  .kurumsal__layout {
    grid-template-columns: 280px minmax(0, 1fr);
    gap: 14px;
    align-items: start;
  }

  .kurumsal-side {
    position: sticky;
    top: 14px;
    z-index: 30;
    align-self: start;
    width: 100%;
    max-height: calc(100vh - 28px);
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    scrollbar-width: none;
  }

  .kurumsal-side::-webkit-scrollbar {
    width: 0;
    height: 0;
  }

  .kurumsal-side__toggle {
    display: none;
  }

  .kurumsal-side__inner {
    display: flex;
    padding: 16px;
    gap: 16px;
  }

  .kurumsal-main {
    padding: 22px 24px 24px;
  }

  .kurumsal-main__title {
    font-size: 1.35rem;
  }
}

.site-main.site-main--market.site-main--notifications {
  padding: 0 var(--hdr-shell-gutter) 16px;
  box-sizing: border-box;
}

@media (min-width: 1024px) {
  .site-main.site-main--market.site-main--notifications {
    padding: 0 var(--hdr-shell-gutter) 20px;
  }
}

.notif-page {
  display: flex;
  flex-direction: column;
  gap: 14px;
  width: 100%;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.notif-page__grid {
  display: grid;
  grid-template-columns: minmax(280px, 340px) minmax(0, 1fr);
  grid-template-rows: minmax(0, 1fr);
  gap: 14px;
  align-items: stretch;
  width: 100%;
  height: min(520px, calc(100dvh - 190px));
  box-sizing: border-box;
}

.notif-page__col {
  display: flex;
  flex-direction: column;
  min-width: 0;
  width: 100%;
  height: 100%;
  min-height: 0;
  align-self: stretch;
}

.notif-page__col--detail {
  min-width: 0;
  max-width: none;
  width: 100%;
}

.notif-page__col > .notif-card {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: none;
  height: 100%;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
}

.notif-card {
  border: 1px solid var(--hdr-line);
  border-radius: var(--hdr-frame-radius);
  background: var(--hdr-header-bg);
  box-shadow: none;
  overflow: hidden;
}

.notif-card__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px var(--hdr-inner-pad-x);
  border-bottom: 1px solid var(--hdr-line);
  flex-shrink: 0;
  box-sizing: border-box;
}

.notif-card__head-text {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.notif-card__title {
  margin: 0;
  color: var(--hdr-btn-fg);
  font-size: var(--hdr-font);
  font-weight: 800;
  letter-spacing: -0.01em;
  line-height: 1.3;
}

.notif-card__desc {
  margin: 0;
  color: var(--hdr-search-fg);
  font-size: var(--hdr-font-sm);
  font-weight: 500;
  line-height: 1.4;
}

.notif-card__body {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  padding: 14px var(--hdr-inner-pad-x);
  gap: 10px;
}

.notif-page__col--detail > .notif-card {
  gap: 14px;
  border: 0;
  border-radius: 0;
  background: transparent;
  overflow: visible;
}

.notif-card__head--detail {
  align-items: center;
  width: 100%;
  padding: 14px var(--hdr-inner-pad-x);
  border: 1px solid var(--hdr-line);
  border-radius: var(--hdr-frame-radius);
  background: var(--hdr-header-bg);
  box-sizing: border-box;
  min-height: 0;
}

.notif-page__detail-head-main {
  display: flex;
  align-items: center;
  min-width: 0;
  flex: 1 1 auto;
}

.notif-page__clear-all {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  margin: 0;
  padding: 0;
  border: 1px solid var(--hdr-line);
  border-radius: 10px;
  background: transparent;
  color: var(--hdr-search-fg);
  cursor: pointer;
  transition: color 0.15s ease, border-color 0.15s ease, background 0.15s ease;
}

.notif-page__clear-all i,
.notif-page__clear-all svg {
  width: 17px;
  height: 17px;
  stroke: currentColor;
}

.notif-page__clear-all:hover:not(:disabled),
.notif-page__clear-all:focus-visible:not(:disabled) {
  color: var(--hdr-register);
  border-color: color-mix(in srgb, var(--hdr-register) 50%, var(--hdr-line));
  background: color-mix(in srgb, var(--hdr-register) 10%, transparent);
  outline: none;
}

.notif-page__clear-all:disabled {
  opacity: 0.35;
  cursor: default;
}

.notif-page__detail-head-idle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-width: 0;
  width: 100%;
}

.notif-page__detail-head-idle .notif-card__title {
  flex: 0 1 auto;
  min-width: 0;
}

.notif-page__detail-head-idle .notif-card__desc {
  flex: 0 1 auto;
  margin: 0;
  text-align: right;
}

.notif-card__body--detail {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  flex: 1 1 auto;
  width: 100%;
  padding: 0;
  gap: 0;
  text-align: left;
  min-width: 0;
  min-height: 0;
  max-width: 100%;
  border: 1px solid var(--hdr-line);
  border-radius: var(--hdr-frame-radius);
  background: var(--hdr-header-bg);
  overflow: hidden;
  box-sizing: border-box;
}

.notif-page__search {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
  height: var(--hdr-field-control-h);
  padding: 0 var(--hdr-btn-pad-x);
  border: 1px solid var(--hdr-line);
  border-radius: var(--hdr-btn-radius);
  background: var(--hdr-search-bg);
  color: var(--hdr-search-fg);
  box-sizing: border-box;
  transition: border-color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease, color 0.18s ease;
}

.notif-page__search:focus-within {
  background: var(--hdr-search-bg);
  border-color: var(--hdr-search-focus);
  color: var(--hdr-search-focus);
  box-shadow:
    0 0 0 1px var(--hdr-search-focus),
    0 0 14px 2px var(--hdr-search-focus-glow);
}

.notif-page__search i,
.notif-page__search svg {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  color: inherit;
}

.notif-page__search-input {
  flex: 1 1 auto;
  width: 100%;
  min-width: 0;
  height: 100%;
  border: 0;
  outline: none;
  background: transparent;
  color: var(--hdr-btn-fg);
  font: inherit;
  font-size: var(--hdr-font-sm);
  caret-color: var(--hdr-search-focus);
}

.notif-page__search-input::placeholder {
  color: var(--hdr-search-fg);
}

.notif-page__list {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  gap: 6px;
  min-height: 0;
  max-height: none;
  margin: 0;
  overflow: auto;
  overscroll-behavior: contain;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.notif-page__list::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none;
}

.notif-page__list[hidden] {
  display: none;
}

.notif-page__list-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  flex: 0 0 auto;
  min-height: 140px;
  padding: 28px 18px;
  border: 0;
  background: transparent;
  text-align: center;
  color: var(--hdr-search-fg);
  box-sizing: border-box;
}

.notif-page__list-empty[hidden] {
  display: none;
}

.notif-page__list-empty i,
.notif-page__list-empty svg {
  width: 28px;
  height: 28px;
  color: var(--hdr-accent);
}

.notif-page__list-empty p {
  margin: 0;
  font-size: var(--hdr-font-sm);
  font-weight: 600;
  text-align: center;
}

.notif-page__list .header-notifications-item {
  flex-shrink: 0;
}

.notif-page__detail-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  flex: 1 1 auto;
  width: 100%;
  min-height: 0;
  height: 100%;
  text-align: center;
  padding: 22px 16px;
  box-sizing: border-box;
}

.notif-page__detail-empty-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--hdr-media-thumb);
  height: var(--hdr-media-thumb);
  margin-bottom: 2px;
  border-radius: var(--hdr-media-thumb-radius);
  border: 1px solid var(--hdr-line);
  background: var(--hdr-header-bg);
  color: var(--hdr-search-fg);
}

.notif-page__detail-empty-icon i,
.notif-page__detail-empty-icon svg {
  width: 20px;
  height: 20px;
}

.notif-page__detail-empty-title {
  margin: 0;
  color: var(--hdr-btn-fg);
  font-size: var(--hdr-font);
  font-weight: 800;
  letter-spacing: -0.01em;
}

.notif-page__detail-empty-text {
  margin: 0 auto;
  max-width: 42ch;
  color: var(--hdr-search-fg);
  font-size: var(--hdr-font-sm);
  line-height: 1.5;
  text-align: center;
}

.notif-page__detail-panel {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  gap: 12px;
  flex: 1 1 auto;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  min-height: 0;
  height: 100%;
  margin: 0;
  padding: 14px var(--hdr-inner-pad-x) 16px;
  box-sizing: border-box;
  text-align: left;
  overflow: hidden;
}

.notif-page__detail-back {
  display: none;
  align-items: center;
  gap: 8px;
  width: fit-content;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--hdr-search-fg);
  font: inherit;
  font-size: var(--hdr-font-sm);
  font-weight: 700;
  cursor: pointer;
}

.notif-page__detail-back:hover,
.notif-page__detail-back:focus-visible {
  color: var(--hdr-btn-fg);
  outline: none;
}

.notif-page__detail-back i,
.notif-page__detail-back svg {
  width: 16px;
  height: 16px;
}

.notif-page__detail-head-idle[hidden] {
  display: none;
}

.notif-page__detail-top {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  width: 100%;
  min-width: 0;
}

.notif-page__detail-top[hidden] {
  display: none;
}

.notif-page__detail-meta {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 0;
  min-width: 0;
  flex: 1 1 auto;
  text-align: left;
}

.notif-page__detail-time {
  flex: 0 0 auto;
  margin: 0;
  margin-left: auto;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--hdr-search-fg);
  font-size: var(--hdr-font-xs);
  font-weight: 600;
  line-height: 1.3;
  white-space: nowrap;
  text-align: right;
}

.notif-page__detail-time[hidden] {
  display: none;
}

.notif-page__detail-title {
  margin: 0;
  color: var(--hdr-btn-fg);
  font-size: var(--hdr-font);
  font-weight: 800;
  letter-spacing: -0.02em;
  line-height: 1.3;
}

.notif-page__detail-title.is-ok {
  color: var(--hdr-login);
}

.notif-page__detail-title.is-bad {
  color: var(--hdr-register);
}

.notif-page__detail-title.is-warn {
  color: var(--hdr-warn);
}

.notif-page__detail-title.is-accent {
  color: var(--hdr-info);
}

.notif-page__detail-copy {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 14px;
  flex: 1 1 auto;
  width: 100%;
  min-height: 0;
  padding: 16px 18px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-sizing: border-box;
  overflow: auto;
  overscroll-behavior: contain;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.notif-page__detail-copy::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none;
}

@media (min-width: 1024px) {
  .notif-page__detail-copy.has-media {
    align-items: stretch;
    overflow: hidden;
  }

  .notif-page__detail-copy.has-media .notif-page__detail-media {
    align-self: flex-start;
    flex-shrink: 0;
  }

  .notif-page__detail-copy.has-media .notif-page__detail-copy-main {
    flex: 1 1 auto;
    min-height: 0;
    height: auto;
    align-self: stretch;
    display: flex;
    flex-direction: column;
    overflow: hidden;
  }

  .notif-page__detail-copy.has-media .notif-page__detail-sections {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 10px;
    overflow: hidden;
  }

  .notif-page__detail-copy.has-media .notif-page__detail-section {
    flex: 1 1 0;
    min-height: 0;
    gap: 3px;
    overflow: hidden;
  }

  .notif-page__detail-copy.has-media .notif-page__detail-section-text {
    overflow: hidden;
  }
}

.notif-page__detail-media {
  flex: 0 0 auto;
  width: min(352px, 40%);
  aspect-ratio: 1;
  height: auto;
  border-radius: var(--hdr-media-thumb-radius);
  border: 1px solid var(--hdr-line);
  background: var(--hdr-page-bg);
  overflow: hidden;
  box-sizing: border-box;
}

.notif-page__detail-media[hidden] {
  display: none;
}

.notif-page__detail-media .header-notifications-item__icon {
  width: 100%;
  height: 100%;
  border: 0;
  border-radius: inherit;
}

.notif-page__detail-media .header-notifications-item__thumb {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: inherit;
}

.notif-page__detail-media .header-notifications-item__svg--kyc,
.notif-page__detail-media .header-notifications-item__icon.is-kyc img,
.notif-page__detail-media img.header-notifications-item__svg--kyc {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
  border-radius: inherit;
}

.notif-page__detail-copy-main {
  display: flex;
  flex-direction: column;
  gap: 12px;
  flex: 1 1 auto;
  min-width: 0;
}

.notif-page__detail-sections {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
  margin: 0;
}

.notif-page__detail-sections[hidden] {
  display: none;
}

.notif-page__detail-section {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin: 0;
  min-width: 0;
}

.notif-page__detail-section-title {
  margin: 0;
  color: #fdfcfd;
  font-size: var(--hdr-font-xs);
  font-weight: 700;
  line-height: 1.3;
}

.notif-page__detail-section-text {
  margin: 0;
  width: 100%;
  color: var(--hdr-search-fg);
  font-size: var(--hdr-font-sm);
  font-weight: 500;
  line-height: 1.55;
  text-align: left;
}

.notif-page__detail-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  flex: 0 0 auto;
  width: 100%;
  margin: 0;
  margin-top: auto;
  padding-top: 2px;
}

.notif-page__detail-actions[hidden] {
  display: none;
}

.notif-page__detail-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: var(--hdr-btn-h);
  padding: 0 var(--hdr-btn-pad-x);
  border-radius: var(--hdr-btn-radius);
  border: 1px solid var(--hdr-line);
  background: transparent;
  color: var(--hdr-search-fg);
  font-size: var(--hdr-btn-font-size);
  font-weight: 700;
  text-decoration: none;
  box-sizing: border-box;
  transition: color 0.15s ease, border-color 0.15s ease;
}

.notif-page__detail-cta:hover,
.notif-page__detail-cta:focus-visible {
  background: transparent;
  border-color: var(--hdr-line);
  color: var(--hdr-btn-fg);
  outline: none;
}

.notif-page.has-selection .notif-page__detail-empty {
  display: none;
}

.notif-page.has-selection .notif-page__detail-panel:not([hidden]) {
  display: flex;
  flex: 1 1 auto;
  height: 100%;
  min-height: 0;
}

.notif-page__detail-panel[hidden] {
  display: none;
}

.notif-page__mark-all {
  flex-shrink: 0;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--hdr-search-fg);
  font: inherit;
  font-size: var(--hdr-font-sm);
  font-weight: 700;
  cursor: pointer;
  white-space: nowrap;
}

.notif-page__mark-all:hover:not(:disabled),
.notif-page__mark-all:focus-visible:not(:disabled) {
  color: var(--hdr-btn-fg);
  outline: none;
}

.notif-page__mark-all:disabled {
  opacity: 0.45;
  cursor: default;
}

@media (max-width: 1023px) {
  .notif-page__grid {
    grid-template-columns: 1fr;
    height: auto;
    min-height: 0;
  }

  .notif-page__col--list {
    height: auto;
    max-height: min(560px, calc(100dvh - 150px));
  }

  .notif-page__col--list > .notif-card {
    height: auto;
    max-height: 100%;
    min-height: min(520px, calc(100dvh - 170px));
  }

  .notif-page__list {
    max-height: min(420px, calc(100dvh - 250px));
    min-height: min(360px, calc(100dvh - 280px));
  }

  .notif-page__col--detail {
    max-width: 100%;
    height: auto;
  }

  .notif-page__col--detail > .notif-card {
    height: auto;
  }

  .notif-card__body--detail {
    overflow: visible;
  }

  .notif-page__detail-panel {
    height: auto;
    overflow: visible;
    gap: 14px;
  }

  .notif-page__detail-copy,
  .notif-page__detail-copy.has-media {
    flex: 0 1 auto;
    flex-direction: column;
    align-items: stretch;
    gap: 14px;
    overflow: visible;
    padding: 14px;
  }

  .notif-page__detail-copy.has-media .notif-page__detail-media,
  .notif-page__detail-media {
    width: 100%;
    max-width: 280px;
    margin: 0 auto;
    aspect-ratio: 1;
  }

  .notif-page__detail-copy.has-media .notif-page__detail-copy-main,
  .notif-page__detail-copy-main {
    flex: 1 1 auto;
    min-height: 0;
    overflow: visible;
  }

  .notif-page__detail-copy.has-media .notif-page__detail-sections,
  .notif-page__detail-sections {
    flex: none;
    justify-content: flex-start;
    gap: 12px;
    overflow: visible;
  }

  .notif-page__detail-copy.has-media .notif-page__detail-section,
  .notif-page__detail-section {
    flex: none;
    min-height: 0;
    gap: 4px;
    overflow: visible;
  }

  .notif-page__detail-copy.has-media .notif-page__detail-section-text,
  .notif-page__detail-section-text {
    overflow: visible;
  }

  .notif-page__detail-back {
    display: inline-flex;
  }

  .notif-page.has-selection .notif-page__col--list {
    display: none;
  }

  .notif-page:not(.has-selection) .notif-page__col--detail {
    display: none;
  }
}

.site-main.site-main--destek {
  padding: 0 var(--hdr-shell-gutter, 16px) 16px;
  box-sizing: border-box;
}

@media (min-width: 1024px) {
  .site-main.site-main--destek {
    padding: 0 var(--hdr-shell-gutter, 16px) 20px;
  }
}

.support-center {
  display: flex;
  flex-direction: column;
  gap: 14px;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.support-center__body {
  display: grid;
  grid-template-columns: minmax(280px, 360px) minmax(0, 1fr);
  gap: 14px;
  align-items: stretch;
}

.support-center__aside {
  display: grid;
  gap: 12px;
  min-width: 0;
  position: sticky;
  top: calc(var(--site-header-offset, 70px) + 12px);
  align-self: start;
}

.support-center__main {
  min-width: 0;
  display: flex;
  flex-direction: column;
}

.destek-compose {
  display: flex;
  flex-direction: column;
  gap: 0;
  height: 100%;
  padding: 14px 16px;
  border: 1px solid var(--hdr-line);
  border-radius: 14px;
  background: var(--hdr-header-bg);
  box-shadow: none;
  box-sizing: border-box;
  overflow: visible;
}

.destek-compose__head {
  display: flex;
  align-items: center;
  gap: 12px;
  flex: 0 0 auto;
  padding-bottom: 12px;
  margin-bottom: 12px;
  border-bottom: 1px solid var(--hdr-line);
}

.destek-compose__head-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 12px;
  border: 1px solid var(--hdr-line);
  background: var(--hdr-page-bg);
  color: var(--hdr-icon-fg);
  flex-shrink: 0;
  box-sizing: border-box;
}

.destek-compose__head-icon i,
.destek-compose__head-icon svg {
  width: 18px;
  height: 18px;
  color: inherit;
  stroke: currentColor;
}

.destek-compose__title {
  margin: 0;
  color: var(--hdr-btn-fg);
  font-size: var(--hdr-modal-title-size);
  font-weight: 800;
  letter-spacing: -0.02em;
  text-transform: none;
}

.destek-compose__lead {
  margin: 4px 0 0;
  color: var(--hdr-search-fg);
  font-size: var(--hdr-font-sm);
  line-height: 1.4;
}

.destek-compose__form,
.destek-compose__guest {
  display: grid;
  gap: 12px;
}

.destek-compose__guest p {
  margin: 0;
  color: var(--hdr-search-fg);
  font-size: var(--hdr-font-sm);
  line-height: 1.5;
}

.destek-compose__field {
  display: grid;
  gap: 6px;
  margin: 0;
}

.destek-compose__field > span {
  color: var(--hdr-btn-fg);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
}

.destek-compose__control {
  display: flex;
  align-items: center;
  gap: 8px;
  position: relative;
  min-height: var(--hdr-btn-h);
  padding: 0 10px 0 12px;
  border: 1px solid var(--hdr-ghost-border);
  border-radius: var(--hdr-btn-radius);
  background: var(--hdr-search-bg);
  box-sizing: border-box;
  overflow: visible;
}

.destek-compose__control:has(.register-custom-select.is-open),
.destek-compose__control:focus-within {
  z-index: 40;
  border-color: var(--hdr-search-focus);
  box-shadow:
    0 0 0 1px var(--hdr-search-focus),
    0 0 14px 2px var(--hdr-search-focus-glow);
}

.destek-compose__control > i,
.destek-compose__control > svg {
  width: 16px;
  height: 16px;
  color: var(--hdr-icon-fg);
  flex-shrink: 0;
}

.destek-compose__control > select {
  flex: 1 1 auto;
  min-width: 0;
  border: 0;
  background: transparent;
  color: var(--hdr-btn-fg);
  font: inherit;
  font-size: var(--hdr-font-sm);
  font-weight: 600;
  outline: none;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
}

.destek-compose .register-custom-select {
  position: relative;
  flex: 1 1 auto;
  min-width: 0;
  width: 100%;
}

.destek-compose .register-custom-select.is-open {
  z-index: 45;
}

.destek-compose .register-custom-select__native {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  opacity: 0;
  pointer-events: none;
  clip: rect(0, 0, 0, 0);
  overflow: hidden;
}

.destek-compose .register-custom-select__btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  width: 100%;
  min-height: calc(var(--hdr-btn-h) - 2px);
  padding: 0 2px 0 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--hdr-btn-fg);
  font: inherit;
  font-size: var(--hdr-font-sm);
  font-weight: 650;
  text-align: left;
  cursor: pointer;
  box-sizing: border-box;
}

.destek-compose .register-custom-select__btn:focus,
.destek-compose .register-custom-select__btn:focus-visible {
  outline: none;
}

.destek-compose .register-custom-select__value {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.destek-compose .register-custom-select__value.is-placeholder {
  color: var(--hdr-search-fg);
  font-weight: 500;
}

.destek-compose .register-custom-select__chev {
  display: inline-flex;
  flex-shrink: 0;
  color: var(--hdr-search-fg);
  transition: transform 0.2s ease, color 0.15s ease;
}

.destek-compose .register-custom-select__chev i,
.destek-compose .register-custom-select__chev svg {
  width: 15px;
  height: 15px;
  color: inherit;
  stroke: currentColor;
}

.destek-compose .register-custom-select.is-open .register-custom-select__chev {
  color: var(--hdr-btn-fg);
  transform: rotate(180deg);
}

.destek-compose .register-custom-select__list,
body.is-destek-landing .register-custom-select__list.is-portal {
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  right: 0;
  z-index: 60;
  max-height: min(260px, 50vh);
  margin: 0;
  padding: 6px;
  list-style: none;
  overflow-x: hidden;
  overflow-y: auto;
  border: 1px solid var(--hdr-line);
  border-radius: 12px;
  background: var(--hdr-page-bg);
  box-shadow: var(--hdr-frame-drop, 0 12px 32px rgba(0, 0, 0, 0.16));
  box-sizing: border-box;
  scrollbar-width: none;
}

.destek-compose .register-custom-select__list::-webkit-scrollbar,
body.is-destek-landing .register-custom-select__list.is-portal::-webkit-scrollbar {
  display: none;
}

.destek-compose .register-custom-select__list[hidden],
body.is-destek-landing .register-custom-select__list.is-portal[hidden] {
  display: none !important;
}

.destek-compose .register-custom-select__option,
body.is-destek-landing .register-custom-select__list.is-portal .register-custom-select__option {
  display: block;
  width: 100%;
  margin: 0;
  padding: 9px 11px;
  border: 1px solid transparent;
  border-radius: 8px;
  background: transparent;
  color: var(--hdr-btn-fg);
  font: inherit;
  font-size: var(--hdr-font-sm);
  font-weight: 600;
  text-align: left;
  cursor: pointer;
  box-sizing: border-box;
}

.destek-compose .register-custom-select__option:hover,
.destek-compose .register-custom-select__option.is-active,
.destek-compose .register-custom-select__option.is-selected,
body.is-destek-landing .register-custom-select__list.is-portal .register-custom-select__option:hover,
body.is-destek-landing .register-custom-select__list.is-portal .register-custom-select__option.is-active,
body.is-destek-landing .register-custom-select__list.is-portal .register-custom-select__option.is-selected {
  background: var(--hdr-search-bg);
  border-color: var(--hdr-line);
  color: var(--hdr-btn-fg);
}

.destek-compose .register-custom-select__option.is-selected {
  font-weight: 750;
}

.destek-compose__field textarea {
  width: 100%;
  min-height: 120px;
  padding: 10px 12px;
  border: 1px solid var(--hdr-line);
  border-radius: var(--hdr-btn-radius);
  background: var(--hdr-search-bg);
  color: var(--hdr-btn-fg);
  font: inherit;
  font-size: var(--hdr-font-sm);
  line-height: 1.45;
  resize: vertical;
  box-sizing: border-box;
  outline: none;
  caret-color: var(--hdr-search-focus);
}

.destek-compose__field textarea::placeholder {
  color: var(--hdr-search-fg);
  opacity: 0.75;
}

.destek-compose__field textarea:focus,
.destek-compose__field textarea:focus-visible {
  border-color: var(--hdr-search-focus);
  box-shadow:
    0 0 0 1px var(--hdr-search-focus),
    0 0 14px 2px var(--hdr-search-focus-glow);
  outline: none;
}

.destek-compose__field textarea::selection {
  background: color-mix(in srgb, var(--hdr-search-focus) 40%, transparent);
  color: var(--hdr-btn-fg);
}

.destek-compose__attach {
  display: grid;
  gap: 8px;
}

.destek-compose__attach-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: fit-content;
  color: var(--hdr-search-fg);
  font-size: var(--hdr-font-sm);
  font-weight: 700;
  cursor: pointer;
  user-select: none;
}

.destek-compose__attach-btn i,
.destek-compose__attach-btn svg {
  width: 16px;
  height: 16px;
  color: var(--hdr-icon-fg);
}

.destek-compose__attach-btn:hover {
  color: var(--hdr-btn-fg);
}

.destek-compose__submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  min-height: var(--hdr-btn-h);
  padding: 0 14px;
  border: 1px solid var(--hdr-register);
  border-radius: var(--hdr-btn-radius);
  background: var(--hdr-register);
  color: var(--hdr-btn-fg);
  font: inherit;
  font-size: var(--hdr-font-sm);
  font-weight: 800;
  text-decoration: none;
  text-transform: none;
  letter-spacing: 0;
  cursor: pointer;
  box-sizing: border-box;
}

.destek-compose__submit:hover {
  border-color: var(--hdr-register-hover);
  background: var(--hdr-register-hover);
  color: var(--hdr-btn-fg);
}

.destek-compose__guest .destek-compose__submit {
  border-color: var(--hdr-login);
  background: var(--hdr-login);
}

.destek-compose__guest .destek-compose__submit:hover {
  border-color: var(--hdr-login-hover, #12d176);
  background: var(--hdr-login-hover, #12d176);
}

.destek-compose__submit i,
.destek-compose__submit svg {
  width: 15px;
  height: 15px;
}

.destek-history {
  display: flex;
  flex-direction: column;
  gap: 0;
  flex: 1 1 auto;
  min-height: 100%;
  padding: 14px 16px;
  border: 1px solid var(--hdr-line);
  border-radius: 14px;
  background: var(--hdr-header-bg);
  box-shadow: none;
  box-sizing: border-box;
}

.destek-history__head {
  display: flex;
  align-items: center;
  gap: 12px;
  flex: 0 0 auto;
  padding-bottom: 12px;
  margin-bottom: 12px;
  border-bottom: 1px solid var(--hdr-line);
}

.destek-history__head-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 12px;
  border: 1px solid var(--hdr-line);
  background: var(--hdr-page-bg);
  color: var(--hdr-icon-fg);
  flex-shrink: 0;
  box-sizing: border-box;
}

.destek-history__head-icon i,
.destek-history__head-icon svg {
  width: 18px;
  height: 18px;
  color: inherit;
  stroke: currentColor;
}

.destek-history__title {
  margin: 0;
  color: var(--hdr-btn-fg);
  font-size: var(--hdr-modal-title-size);
  font-weight: 800;
  letter-spacing: -0.02em;
  text-transform: none;
}

.destek-history__lead {
  margin: 4px 0 0;
  color: var(--hdr-search-fg);
  font-size: var(--hdr-font-sm);
  line-height: 1.4;
}

.destek-history__empty {
  display: grid;
  justify-items: center;
  align-content: center;
  gap: 8px;
  flex: 1 1 auto;
  min-height: 220px;
  padding: 28px 16px;
  border: 1px solid var(--hdr-line);
  border-radius: 12px;
  background: var(--hdr-page-bg);
  text-align: center;
  box-sizing: border-box;
}

.destek-history__empty-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  margin-bottom: 4px;
  border-radius: 12px;
  border: 1px solid var(--hdr-line);
  background: var(--hdr-header-bg);
  color: var(--hdr-icon-fg);
  box-sizing: border-box;
}

.destek-history__empty-icon i,
.destek-history__empty-icon svg {
  width: 22px;
  height: 22px;
}

.destek-history__empty-title {
  margin: 0;
  color: var(--hdr-btn-fg);
  font-size: 0.95rem;
  font-weight: 800;
}

.destek-history__empty-text {
  margin: 0;
  color: var(--hdr-search-fg);
  font-size: var(--hdr-font-sm);
  line-height: 1.4;
}

.destek-history__list {
  display: grid;
  gap: 8px;
  flex: 1 1 auto;
  align-content: start;
}

.destek-history__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px;
  border: 1px solid var(--hdr-line);
  border-radius: 12px;
  background: var(--hdr-page-bg);
  text-decoration: none;
  color: inherit;
  box-sizing: border-box;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.destek-history__item:hover {
  border-color: var(--hdr-search-focus);
  box-shadow:
    0 0 0 1px var(--hdr-search-focus),
    0 0 14px 2px var(--hdr-search-focus-glow);
}

.destek-history__item-main {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.destek-history__item-no {
  color: var(--hdr-btn-fg);
  font-size: var(--hdr-font-sm);
  font-weight: 800;
}

.destek-history__item-subject {
  color: var(--hdr-search-fg);
  font-size: 0.8rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.destek-history__item-meta {
  display: grid;
  justify-items: end;
  gap: 4px;
  flex-shrink: 0;
}

.destek-history__item-time {
  color: var(--hdr-search-fg);
  font-size: 0.72rem;
  font-weight: 600;
}

@media (min-width: 901px) {
  .support-center__main,
  .destek-history {
    min-height: 100%;
  }

  .support-center__aside,
  .support-center__main {
    align-self: stretch;
  }
}

@media (max-width: 900px) {
  .support-center__body {
    grid-template-columns: 1fr;
  }

  .support-center__aside {
    position: static;
  }
}

.destek-page {
  display: flex;
  flex-direction: column;
  gap: 14px;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.destek-page__crumbs-bar {
  margin: 0;
}

.destek-page__header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 16px;
  border: 1px solid var(--hdr-line);
  border-radius: 14px;
  background: var(--hdr-header-bg);
  box-shadow: none;
  box-sizing: border-box;
}

.destek-page__header h1 {
  margin: 0 0 4px;
  color: var(--hdr-btn-fg);
  font-size: var(--hdr-modal-title-size, 15px);
  font-weight: 800;
  letter-spacing: -0.02em;
}

.destek-page__header p {
  margin: 0;
  color: var(--hdr-search-fg);
  font-size: var(--hdr-font-sm, 13px);
  line-height: 1.4;
}

.destek-page__new-btn,
.chat-send-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: var(--hdr-btn-h, 40px);
  padding: 0 12px;
  border: 1px solid var(--hdr-register);
  border-radius: var(--hdr-btn-radius, 10px);
  background: var(--hdr-register);
  color: var(--hdr-btn-fg);
  font: inherit;
  font-size: var(--hdr-font-sm, 14px);
  font-weight: 800;
  cursor: pointer;
  text-decoration: none;
  box-sizing: border-box;
}

.destek-page__new-btn:hover,
.chat-send-btn:hover {
  border-color: var(--hdr-register-hover);
  background: var(--hdr-register-hover);
  color: var(--hdr-btn-fg);
}

.destek-page__new-btn i,
.destek-page__new-btn svg,
.chat-send-btn i,
.chat-send-btn svg {
  width: 15px;
  height: 15px;
}

.chat-send-btn--block {
  width: 100%;
}

.unified-chat-layout {
  display: grid;
  grid-template-columns: minmax(240px, 300px) minmax(0, 1fr);
  gap: 14px;
  height: min(68vh, 680px);
  min-height: 420px;
  max-height: min(72vh, 720px);
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  overflow: hidden;
  align-items: stretch;
}

.chat-sidebar {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
  max-height: 100%;
  border: 1px solid var(--hdr-line);
  border-radius: 14px;
  background: var(--hdr-header-bg);
  overflow: hidden;
  box-sizing: border-box;
}

.chat-sidebar-header {
  display: grid;
  gap: 10px;
  padding: 14px;
  border-bottom: 1px solid var(--hdr-line);
}

.chat-sidebar-header h2 {
  margin: 0;
  color: var(--hdr-btn-fg);
  font-size: 14px;
  font-weight: 800;
}

.chat-search {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 12px;
  min-height: 40px;
  border: 1px solid var(--hdr-line);
  border-radius: var(--hdr-btn-radius, 10px);
  background: var(--hdr-search-bg);
  box-sizing: border-box;
}

.chat-search:focus-within {
  border-color: var(--hdr-search-focus);
}

.chat-search i,
.chat-search svg {
  width: 15px;
  height: 15px;
  color: var(--hdr-search-fg);
  flex-shrink: 0;
}

.chat-search input {
  width: 100%;
  border: 0;
  background: transparent;
  color: var(--hdr-btn-fg);
  font: inherit;
  font-size: var(--hdr-font-sm, 13px);
  font-weight: 600;
  outline: none;
  caret-color: var(--hdr-search-focus);
}

.chat-search input::placeholder {
  color: var(--hdr-search-fg);
  font-weight: 500;
}

.chat-list-wrapper {
  flex: 1 1 auto;
  min-height: 0;
  overflow: auto;
  padding: 8px;
  scrollbar-width: thin;
  scrollbar-color: var(--hdr-accent) transparent;
}

.chat-list-empty {
  margin: 24px 8px;
  text-align: center;
  color: var(--hdr-search-fg);
  font-size: var(--hdr-font-sm, 13px);
}

.ticket-item {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  padding: 10px;
  border: 1px solid var(--hdr-line);
  border-radius: 10px;
  background: var(--hdr-page-bg);
  text-decoration: none;
  color: inherit;
  box-sizing: border-box;
}

.ticket-item:hover {
  background: var(--hdr-page-bg);
  border-color: var(--hdr-ghost-border, var(--hdr-line));
}

.ticket-item.active {
  background: var(--hdr-page-bg);
  border-color: var(--hdr-line);
  box-shadow: none;
}

.ticket-item-avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 8px;
  border: 1px solid var(--hdr-line);
  background: var(--hdr-header-bg);
  color: var(--hdr-register);
  flex-shrink: 0;
}

.ticket-item-avatar img {
  width: 28px;
  height: 28px;
  border-radius: 8px;
  object-fit: cover;
}

.ticket-item-avatar i,
.ticket-item-avatar svg {
  width: 14px;
  height: 14px;
  display: block;
}

.ticket-item-content {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.ticket-item-top {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
}

.ticket-item-name {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--hdr-btn-fg);
  font-size: 13px;
  font-weight: 800;
}

.ticket-item-time {
  color: var(--hdr-search-fg);
  font-size: 12px;
  white-space: nowrap;
}

.ticket-item-meta {
  color: var(--hdr-search-fg);
  font-size: 11px;
  font-weight: 600;
}

.ticket-item-subject {
  overflow: hidden;
  color: var(--hdr-search-fg);
  font-size: 13px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ticket-item-footer {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
}

.ticket-item-unread {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--hdr-register);
  flex-shrink: 0;
}

.destek-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 30px;
  height: 30px;
  padding: 0 10px;
  border: 1px solid var(--hdr-ghost-border);
  border-radius: var(--hdr-btn-radius, 10px);
  background: transparent;
  color: var(--hdr-btn-fg);
  font: inherit;
  font-size: var(--hdr-font-sm, 13px);
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0;
  text-transform: none;
  white-space: nowrap;
  box-sizing: border-box;
}

.destek-badge > span {
  display: inline-block;
  line-height: 1;
}

.destek-badge i,
.destek-badge svg {
  width: 14px;
  height: 14px;
  display: block;
  flex-shrink: 0;
}

.destek-badge--danger {
  border-color: var(--hdr-register);
  background: transparent;
  color: var(--hdr-register);
}

.destek-badge--danger i,
.destek-badge--danger svg {
  color: var(--hdr-register);
  stroke: currentColor;
}

.destek-badge--info {
  border-color: var(--hdr-info);
  background: transparent;
  color: var(--hdr-info);
}

.destek-badge--info i,
.destek-badge--info svg {
  color: var(--hdr-info);
  stroke: currentColor;
}

.destek-badge--success {
  border-color: var(--hdr-login);
  background: transparent;
  color: var(--hdr-login);
}

.destek-badge--success i,
.destek-badge--success svg {
  color: var(--hdr-login);
  stroke: currentColor;
}

.destek-badge--muted {
  border-color: var(--hdr-ghost-border);
  background: transparent;
  color: var(--hdr-search-fg);
}

.chat-main {
  display: flex;
  flex-direction: column;
  min-width: 0;
  height: 100%;
  min-height: 0;
  max-height: 100%;
  border: 1px solid var(--hdr-line);
  border-radius: 14px;
  background: var(--hdr-header-bg);
  overflow: hidden;
  box-sizing: border-box;
}

.chat-header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  flex: 0 0 auto;
  padding: 12px 14px;
  border-bottom: 1px solid var(--hdr-line);
  background: var(--hdr-header-bg);
}

.chat-header-user {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.chat-header-user h2 {
  margin: 0;
  color: var(--hdr-btn-fg);
  font-size: 15px;
  font-weight: 800;
}

.chat-header-user p {
  margin: 2px 0 0;
  color: var(--hdr-search-fg);
  font-size: 12px;
}

.chat-header-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.chat-back {
  display: none;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 10px;
  border: 1px solid var(--hdr-ghost-border);
  background: transparent;
  color: var(--hdr-btn-fg);
  text-decoration: none;
  box-sizing: border-box;
}

.chat-back:hover {
  border-color: var(--hdr-line);
  background: var(--hdr-menu-bg, #161618);
}

.chat-back i,
.chat-back svg {
  width: 16px;
  height: 16px;
}

.ticket-chat-wrapper {
  flex: 1 1 auto;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 14px;
  display: grid;
  gap: 12px;
  align-content: start;
  background: var(--hdr-header-bg);
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: var(--hdr-accent) transparent;
}

.ticket-chat-wrapper::-webkit-scrollbar {
  width: 8px;
}

.ticket-chat-wrapper::-webkit-scrollbar-thumb {
  background: var(--hdr-accent);
  border-radius: 8px;
}

.ticket-message-row {
  display: flex;
  justify-content: flex-end;
}

.ticket-message-row.support {
  justify-content: flex-start;
}

.ticket-message-content {
  max-width: min(100%, 520px);
  min-width: 0;
}

.ticket-message-header {
  display: flex;
  align-items: baseline;
  justify-content: flex-end;
  gap: 8px;
  margin-bottom: 4px;
}

.ticket-message-row.support .ticket-message-header {
  justify-content: flex-start;
}

.ticket-message-author {
  color: var(--hdr-btn-fg);
  font-size: 12px;
  font-weight: 800;
}

.ticket-message-row.support .ticket-message-author {
  color: var(--hdr-register);
}

.ticket-message-time {
  color: var(--hdr-search-fg);
  font-size: 12px;
}

.ticket-message-bubble {
  padding: 10px 12px;
  border-radius: 12px 12px 4px 12px;
  background: var(--hdr-page-bg);
  border: 1px solid var(--hdr-line);
  box-sizing: border-box;
}

.ticket-message-row.support .ticket-message-bubble {
  border-radius: 12px 12px 12px 4px;
  background: var(--hdr-page-bg);
  border-color: var(--hdr-line);
}

.message-text {
  color: var(--hdr-btn-fg);
  font-size: 14px;
  line-height: 1.5;
  overflow-wrap: anywhere;
}

.ticket-attachment-image,
.ticket-attachment-box {
  display: flex;
  margin-top: 8px;
  text-decoration: none;
  color: inherit;
}

.ticket-attachment-image {
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  max-width: 240px;
  border: 1px solid var(--hdr-line);
}

.ticket-attachment-image img {
  display: block;
  width: 100%;
  height: auto;
}

.ticket-attachment-image-badge {
  position: absolute;
  left: 8px;
  bottom: 8px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 8px;
  border-radius: 8px;
  background: rgba(0, 0, 0, 0.65);
  color: var(--hdr-btn-fg);
  font-size: 12px;
  font-weight: 700;
}

.ticket-attachment-box {
  align-items: center;
  gap: 10px;
  padding: 10px;
  border-radius: 10px;
  border: 1px solid var(--hdr-line);
  background: var(--hdr-page-bg);
}

.ticket-attachment-box i,
.ticket-attachment-box svg {
  width: 18px;
  height: 18px;
  color: var(--hdr-register);
}

.attachment-name {
  font-size: 13px;
  font-weight: 700;
  color: var(--hdr-btn-fg);
}

.attachment-size {
  font-size: 12px;
  color: var(--hdr-search-fg);
}

.ticket-reply-box {
  flex: 0 0 auto;
  padding: 12px 14px;
  border-top: 1px solid var(--hdr-line);
  background: var(--hdr-header-bg);
}

.destek-field {
  display: grid;
  gap: 6px;
  margin-bottom: 10px;
}

.destek-field > span {
  color: var(--hdr-search-fg);
  font-size: 12px;
  font-weight: 700;
}

.destek-field input,
.destek-field select,
.destek-field textarea {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid var(--hdr-line);
  border-radius: var(--hdr-btn-radius, 10px);
  background: var(--hdr-search-bg);
  color: var(--hdr-btn-fg);
  font: inherit;
  font-size: var(--hdr-font-sm, 14px);
  font-weight: 600;
  box-sizing: border-box;
  resize: vertical;
  outline: none;
  caret-color: var(--hdr-search-focus);
}

.destek-field input::placeholder,
.destek-field textarea::placeholder {
  color: var(--hdr-search-fg);
  font-weight: 500;
}

.destek-field input:focus,
.destek-field select:focus,
.destek-field textarea:focus {
  border-color: var(--hdr-search-focus);
  box-shadow: none;
}

.destek-field textarea {
  min-height: 88px;
}

.chat-actions {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: stretch;
}

.chat-drop-zone {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 40px;
  padding: 8px 12px;
  border: 1px dashed var(--hdr-line);
  border-radius: var(--hdr-btn-radius, 10px);
  background: var(--hdr-search-bg);
  cursor: pointer;
  box-sizing: border-box;
}

.chat-drop-zone.is-dragover {
  border-color: var(--hdr-register);
  border-style: solid;
  background: color-mix(in srgb, var(--hdr-register) 10%, var(--hdr-search-bg));
}

.chat-drop-icon {
  display: inline-flex;
  color: var(--hdr-register);
  flex-shrink: 0;
}

.chat-drop-icon i,
.chat-drop-icon svg {
  width: 18px;
  height: 18px;
}

.chat-drop-title {
  margin: 0;
  color: var(--hdr-btn-fg);
  font-size: 13px;
  font-weight: 750;
}

.chat-drop-sub {
  margin: 2px 0 0;
  color: var(--hdr-search-fg);
  font-size: 12px;
}

.ticket-reply-box .chat-send-btn {
  align-self: stretch;
  min-width: 120px;
  padding: 0 16px;
}

.ticket-locked-notice {
  display: grid;
  gap: 8px;
  justify-items: center;
  align-content: center;
  flex: 0 0 auto;
  padding: 20px 16px;
  border-top: 1px solid var(--hdr-line);
  background: var(--hdr-header-bg);
  text-align: center;
  color: var(--hdr-search-fg);
  box-sizing: border-box;
}

.chat-placeholder {
  display: grid;
  gap: 8px;
  justify-items: center;
  align-content: center;
  flex: 1;
  padding: 40px 20px;
  text-align: center;
  color: var(--hdr-search-fg);
}

.ticket-locked-notice i,
.ticket-locked-notice svg,
.chat-placeholder i,
.chat-placeholder svg {
  width: 36px;
  height: 36px;
  color: var(--hdr-register);
}

.ticket-locked-notice h3,
.chat-placeholder h2 {
  margin: 0;
  color: var(--hdr-btn-fg);
  font-size: 15px;
  font-weight: 850;
}

.ticket-locked-notice p,
.chat-placeholder p {
  margin: 0;
  max-width: 28em;
  font-size: 13px;
  line-height: 1.5;
}

.ticket-new-modal {
  position: fixed;
  inset: 0;
  z-index: 80;
  display: grid;
  place-items: center;
  padding: 16px;
}

.ticket-new-modal[hidden] {
  display: none !important;
}

.ticket-new-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.55);
}

.ticket-new-modal__panel {
  position: relative;
  z-index: 1;
  width: min(100%, 480px);
  max-height: min(90vh, 720px);
  overflow: auto;
  padding: 16px;
  border-radius: 14px;
  background: var(--hdr-header-bg);
  border: 1px solid var(--hdr-line);
  box-shadow: var(--hdr-frame-drop, 0 12px 32px rgba(0, 0, 0, 0.16));
  box-sizing: border-box;
}

.ticket-new-modal__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 14px;
}

.ticket-new-modal__header h3 {
  margin: 0;
  font-size: 15px;
  font-weight: 850;
  color: var(--hdr-btn-fg);
}

.ticket-new-modal__close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border: 1px solid var(--hdr-ghost-border);
  border-radius: 10px;
  background: transparent;
  color: var(--hdr-btn-fg);
  cursor: pointer;
}

.ticket-new-modal__close:hover {
  border-color: var(--hdr-line);
  background: var(--hdr-menu-bg, #161618);
}

.ticket-new-modal__close i,
.ticket-new-modal__close svg {
  width: 16px;
  height: 16px;
}

.ticket-new-modal .chat-drop-zone {
  margin-bottom: 10px;
}

.ticket-new-modal .chat-actions {
  display: block;
}

.ticket-new-modal .register-custom-select {
  position: relative;
  width: 100%;
}

.ticket-new-modal .register-custom-select.is-open {
  z-index: 45;
}

.ticket-new-modal .register-custom-select__native {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  opacity: 0;
  pointer-events: none;
  clip: rect(0, 0, 0, 0);
  overflow: hidden;
}

.ticket-new-modal .register-custom-select__btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  width: 100%;
  min-height: 40px;
  padding: 0 12px;
  border: 1px solid var(--hdr-line);
  border-radius: var(--hdr-btn-radius, 10px);
  background: var(--hdr-search-bg);
  color: var(--hdr-btn-fg);
  font: inherit;
  font-size: var(--hdr-font-sm, 14px);
  font-weight: 600;
  text-align: left;
  cursor: pointer;
  box-sizing: border-box;
}

.ticket-new-modal .register-custom-select__btn:focus,
.ticket-new-modal .register-custom-select__btn:focus-visible,
.ticket-new-modal .register-custom-select.is-open .register-custom-select__btn {
  outline: none;
  border-color: var(--hdr-search-focus);
  box-shadow: none;
}

.ticket-new-modal .register-custom-select__value {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ticket-new-modal .register-custom-select__value.is-placeholder {
  color: var(--hdr-search-fg);
  font-weight: 500;
}

.ticket-new-modal .register-custom-select__chev {
  display: inline-flex;
  flex-shrink: 0;
  color: var(--hdr-search-fg);
  transition: transform 0.2s ease, color 0.15s ease;
}

.ticket-new-modal .register-custom-select__chev i,
.ticket-new-modal .register-custom-select__chev svg {
  width: 15px;
  height: 15px;
}

.ticket-new-modal .register-custom-select.is-open .register-custom-select__chev {
  color: var(--hdr-btn-fg);
  transform: rotate(180deg);
}

.ticket-new-modal .register-custom-select__list,
body.is-destek-inbox .register-custom-select__list.is-portal {
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  right: 0;
  z-index: 60;
  display: flex;
  flex-direction: column;
  gap: 4px;
  max-height: min(260px, 50vh);
  margin: 0;
  padding: 6px;
  list-style: none;
  overflow-x: hidden;
  overflow-y: auto;
  border: 1px solid var(--hdr-line);
  border-radius: 12px;
  background: var(--hdr-page-bg);
  box-shadow: var(--hdr-frame-drop, 0 12px 32px rgba(0, 0, 0, 0.16));
  box-sizing: border-box;
  scrollbar-width: none;
}

.ticket-new-modal .register-custom-select__list::-webkit-scrollbar,
body.is-destek-inbox .register-custom-select__list.is-portal::-webkit-scrollbar {
  display: none;
}

.ticket-new-modal .register-custom-select__list[hidden],
body.is-destek-inbox .register-custom-select__list.is-portal[hidden] {
  display: none !important;
}

body.is-destek-inbox .register-custom-select__list.is-portal {
  position: fixed;
  z-index: 1300;
  right: auto;
}

.ticket-new-modal .register-custom-select__option,
body.is-destek-inbox .register-custom-select__list.is-portal .register-custom-select__option {
  display: block;
  width: 100%;
  margin: 0;
  padding: 10px 12px;
  min-height: 40px;
  border-radius: 10px;
  color: var(--hdr-btn-fg);
  font: inherit;
  font-size: 13px;
  font-weight: 600;
  text-align: left;
  cursor: pointer;
  box-sizing: border-box;
}

.ticket-new-modal .register-custom-select__option:hover,
.ticket-new-modal .register-custom-select__option.is-active,
body.is-destek-inbox .register-custom-select__list.is-portal .register-custom-select__option:hover,
body.is-destek-inbox .register-custom-select__list.is-portal .register-custom-select__option.is-active {
  background: var(--hdr-menu-bg, #161618);
  color: var(--hdr-btn-fg);
}

.ticket-new-modal .register-custom-select__option.is-selected,
body.is-destek-inbox .register-custom-select__list.is-portal .register-custom-select__option.is-selected {
  background: var(--hdr-menu-bg, #161618);
  color: var(--hdr-btn-fg);
  font-weight: 750;
}

.visually-hidden {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

@media (max-width: 860px) {
  .unified-chat-layout {
    grid-template-columns: 1fr;
    height: min(75vh, 720px);
    min-height: 360px;
  }

  .unified-chat-layout.active-chat-selected .chat-sidebar {
    display: none;
  }

  .unified-chat-layout:not(.active-chat-selected) .chat-main {
    display: none;
  }

  .chat-back {
    display: inline-flex;
  }

  .chat-actions {
    grid-template-columns: 1fr;
  }

  .ticket-reply-box .chat-send-btn {
    width: 100%;
    min-width: 0;
  }
}

.site-main--profil {
  padding: 0 var(--hdr-shell-gutter) 16px;
  box-sizing: border-box;
}

.profil-page {
  display: grid;
  gap: 14px;
  width: 100%;
  box-sizing: border-box;
}

.profil-shell {
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
  width: 100%;
  max-width: none;
  margin: 0;
  box-sizing: border-box;
}

.profil-side {
  border: 1px solid var(--hdr-frame-border);
  border-radius: 14px;
  background: var(--hdr-header-bg);
  box-shadow: none;
  box-sizing: border-box;
}

.profil-side__toggle {
  display: none;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
  min-height: 46px;
  padding: 0 16px;
  border: 0;
  border-radius: 12px;
  background: var(--hdr-search-bg);
  color: var(--hdr-search-fg);
  font-family: inherit;
  font-size: 0.9375rem;
  font-weight: 700;
  line-height: 1.2;
  cursor: pointer;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  transition: background 0.15s ease, color 0.15s ease;
}

.profil-side__toggle i,
.profil-side__toggle svg {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  color: inherit;
}

.profil-side__toggle:hover,
.profil-side__toggle:focus-visible {
  background: var(--hdr-search-bg);
  color: var(--hdr-search-fg);
  outline: none;
}

.profil-side__inner {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 14px;
  box-sizing: border-box;
}

@media (max-width: 1023px) {
  .profil-side {
    padding: 10px;
  }

  .profil-side__toggle {
    display: inline-flex;
  }

  .profil-side__inner {
    display: none;
    padding: 12px 4px 4px;
  }

  .profil-side.is-open .profil-side__inner {
    display: flex;
  }
}

.profil-side__money {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}

.profil-side__chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: var(--hdr-btn-h-sm);
  padding: 0 10px;
  border-radius: var(--hdr-btn-radius);
  text-decoration: none;
  font-size: var(--hdr-font-sm);
  font-weight: 800;
  line-height: 1;
  box-sizing: border-box;
  transition: background 0.15s ease;
}

.profil-side__chip i,
.profil-side__chip svg {
  width: 15px;
  height: 15px;
  flex-shrink: 0;
}

.profil-side__chip--in {
  background: var(--hdr-login);
  color: var(--hdr-btn-fg);
}

.profil-side__chip--in:hover {
  background: var(--hdr-login-hover);
  filter: brightness(1.04);
}

.profil-side__chip--out {
  background: var(--hdr-register);
  color: var(--hdr-btn-fg);
}

.profil-side__chip--out:hover {
  background: var(--hdr-register-hover);
  filter: brightness(1.04);
}

.profil-side__nav {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.profil-side__link {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 42px;
  padding: 0 10px;
  border-radius: 10px;
  border: 1px solid var(--hdr-line);
  background: transparent;
  text-decoration: none;
  color: var(--hdr-btn-fg);
  box-sizing: border-box;
  transition: border-color 0.15s ease, color 0.15s ease;
}

.profil-side__link-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  flex-shrink: 0;
  border-radius: 9px;
  border: 1px solid var(--hdr-line);
  background: transparent;
  color: var(--hdr-register);
  box-sizing: border-box;
}

.profil-side__link-icon i,
.profil-side__link-icon svg {
  width: 15px;
  height: 15px;
}

.profil-side__link-label {
  flex: 1 1 auto;
  min-width: 0;
  font-size: var(--hdr-font-sm, 13px);
  font-weight: 700;
  line-height: 1.25;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.profil-side__link-chevron {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  color: var(--hdr-muted);
}

.profil-side__link:hover {
  color: var(--hdr-btn-fg);
  background: transparent;
  border-color: var(--hdr-line);
}

.profil-side__link:hover .profil-side__link-icon {
  color: var(--hdr-register);
  border-color: var(--hdr-line);
  background: transparent;
}

.profil-side__link.is-active {
  color: var(--hdr-btn-fg);
  background: transparent;
  border-color: var(--hdr-line);
}

.profil-side__link.is-active .profil-side__link-icon {
  color: var(--hdr-btn-fg);
  background: var(--hdr-register);
  border-color: var(--hdr-register);
}

.profil-side__link.is-active .profil-side__link-chevron {
  color: var(--hdr-register);
}

.profil-content {
  min-width: 0;
}

.profil-panel-card {
  border: 1px solid var(--hdr-frame-border);
  border-radius: 14px;
  background: var(--hdr-bg);
  box-shadow: var(--hdr-frame-drop);
  padding: 18px 18px 20px;
  box-sizing: border-box;
}

.profil-panel-card__title {
  margin: 0 0 6px;
  color: var(--hdr-text);
  font-size: 1.15rem;
  font-weight: 800;
  line-height: 1.25;
}

.profil-panel-card__desc {
  margin: 0;
  color: var(--hdr-muted);
  font-size: var(--hdr-font-sm, 13px);
  font-weight: 500;
  line-height: 1.45;
}

.profil-settings {
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
}

.profil-ozet {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 0;
}

.profil-ozet__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
}

.profil-ozet-card {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
  padding: 14px 14px;
  border: 1px solid var(--hdr-line);
  border-radius: 14px;
  background: var(--hdr-header-bg);
  box-shadow: none;
  box-sizing: border-box;
}

.profil-ozet-card__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  border-radius: 12px;
  border: 1px solid var(--hdr-line);
  background: var(--hdr-page-bg);
  color: var(--hdr-search-fg);
  box-sizing: border-box;
}

.profil-ozet-card__icon i,
.profil-ozet-card__icon svg {
  width: 22px;
  height: 22px;
  display: block;
  fill: none;
  stroke: currentColor;
}

.profil-ozet-card--blue .profil-ozet-card__icon {
  border-color: var(--hdr-info);
  background: var(--hdr-info);
  color: var(--hdr-btn-fg, #fdfcfd);
}

.profil-ozet-card--teal .profil-ozet-card__icon {
  border-color: #14b8a6;
  background: #14b8a6;
  color: var(--hdr-btn-fg, #fdfcfd);
}

.profil-ozet-card--green .profil-ozet-card__icon {
  border-color: var(--hdr-login);
  background: var(--hdr-login);
  color: var(--hdr-btn-fg, #fdfcfd);
}

.profil-ozet-card--orange .profil-ozet-card__icon {
  border-color: #f97316;
  background: #f97316;
  color: var(--hdr-btn-fg, #fdfcfd);
}

.profil-ozet-card--red .profil-ozet-card__icon {
  border-color: var(--hdr-register);
  background: var(--hdr-register);
  color: var(--hdr-btn-fg, #fdfcfd);
}

.profil-ozet-card__meta {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}

.profil-ozet-card__label {
  color: var(--hdr-search-fg);
  font-size: var(--hdr-font-sm, 13px);
  font-weight: 500;
  line-height: 1.3;
}

.profil-ozet-card__value {
  color: var(--hdr-btn-fg);
  font-size: 1rem;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: -0.01em;
  word-break: break-word;
}

.profil-info-row {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
  min-width: 0;
  align-items: stretch;
}

.profil-info-card {
  display: flex;
  flex-direction: column;
  gap: 14px;
  width: 100%;
  min-width: 0;
  height: 100%;
  padding: 16px;
  border: 1px solid var(--hdr-line);
  border-radius: 14px;
  background: var(--hdr-header-bg);
  box-shadow: none;
  box-sizing: border-box;
}

.profil-info-card__head {
  display: flex;
  align-items: center;
  gap: 10px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--hdr-line);
  flex-shrink: 0;
}

.profil-info-card__head-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 10px;
  border: 1px solid var(--hdr-line);
  background: var(--hdr-page-bg);
  color: var(--hdr-search-fg);
  flex-shrink: 0;
  box-sizing: border-box;
}

.profil-info-card__head-icon i,
.profil-info-card__head-icon svg {
  width: 16px;
  height: 16px;
  display: block;
  fill: none;
  stroke: currentColor;
}

.profil-info-card__titles {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.profil-info-card__title {
  margin: 0;
  color: var(--hdr-btn-fg);
  font-size: 1rem;
  font-weight: 800;
  line-height: 1.25;
}

.profil-info-card__subtitle {
  margin: 0;
  color: var(--hdr-search-fg);
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 1.35;
}

.profil-info-card__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
  flex: 1 1 auto;
}

.profil-info-cell {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
  height: 100%;
  padding: 12px;
  border-radius: 12px;
  border: 1px solid var(--hdr-line);
  background: var(--hdr-header-bg);
  box-sizing: border-box;
}

.profil-info-cell__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 10px;
  border: 1px solid var(--hdr-line);
  background: var(--hdr-page-bg);
  color: var(--hdr-search-fg);
  flex-shrink: 0;
  box-sizing: border-box;
}

.profil-info-cell__icon i,
.profil-info-cell__icon svg {
  width: 18px;
  height: 18px;
  display: block;
  fill: none;
  stroke: currentColor;
}

.profil-info-cell__meta {
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-width: 0;
}

.profil-info-cell__label {
  color: var(--hdr-search-fg);
  font-size: var(--hdr-font-sm, 13px);
  font-weight: 500;
  line-height: 1.3;
}

.profil-info-cell__value {
  color: var(--hdr-btn-fg);
  font-size: 0.95rem;
  font-weight: 800;
  line-height: 1.25;
  word-break: break-word;
}

.profil-info-cell__value.is-ok {
  color: var(--hdr-login);
}

.profil-info-cell__value.is-pending {
  color: #a16207;
}

.profil-ref-row__label {
  color: var(--hdr-search-fg);
  font-size: var(--hdr-font-sm, 13px);
  font-weight: 600;
}

.profil-ref-link {
  display: flex;
  align-items: stretch;
  gap: 8px;
  min-width: 0;
}

.profil-ref-link__input {
  flex: 1 1 auto;
  min-width: 0;
  height: 42px;
  padding: 0 12px;
  border: 1px solid var(--hdr-line);
  border-radius: 10px;
  background: var(--hdr-search-bg);
  color: var(--hdr-search-fg);
  font: inherit;
  font-size: var(--hdr-font-sm, 13px);
  box-sizing: border-box;
  outline: none;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.profil-ref-link__input:focus,
.profil-ref-link__input:focus-visible {
  border-color: var(--hdr-search-focus);
  box-shadow:
    0 0 0 1px var(--hdr-search-focus),
    0 0 14px 2px var(--hdr-search-focus-glow);
  outline: none;
}

.profil-ref-link__copy {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  padding: 0;
  border: 1px solid var(--hdr-line);
  border-radius: 10px;
  background: var(--hdr-page-bg);
  color: var(--hdr-search-fg);
  cursor: pointer;
  flex-shrink: 0;
  box-sizing: border-box;
  transition: color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}

.profil-ref-link__copy i,
.profil-ref-link__copy svg {
  width: 16px;
  height: 16px;
  display: block;
  fill: none;
  stroke: currentColor;
}

.profil-ref-link__copy:hover,
.profil-ref-link__copy:focus-visible {
  color: var(--hdr-search-focus);
  border-color: var(--hdr-search-focus);
  background: var(--hdr-page-bg);
  box-shadow:
    0 0 0 1px var(--hdr-search-focus),
    0 0 14px 2px var(--hdr-search-focus-glow);
  outline: none;
}

.profil-ref-link__copy:focus-visible {
  outline: none;
}

.profil-tg__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
  align-items: stretch;
  flex: 1 1 auto;
}

.profil-tg-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-width: 0;
  height: 100%;
  padding: 14px;
  border-radius: 12px;
  border: 1px solid var(--hdr-line);
  background: var(--hdr-header-bg);
  box-sizing: border-box;
}

.profil-tg-card__main {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  min-width: 0;
  flex: 1 1 auto;
}

.profil-tg-card__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  border-radius: 10px;
  border: 1px solid var(--hdr-line);
  background: var(--hdr-page-bg);
  color: var(--hdr-search-fg);
  box-sizing: border-box;
}

.profil-tg-card__icon i,
.profil-tg-card__icon svg {
  width: 18px;
  height: 18px;
  display: block;
  fill: none;
  stroke: currentColor;
}

.profil-tg-card__copy {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.profil-tg-card__title {
  margin: 0;
  color: var(--hdr-btn-fg);
  font-size: 0.9375rem;
  font-weight: 800;
  line-height: 1.25;
}

.profil-tg-card__desc {
  margin: 0;
  color: var(--hdr-search-fg);
  font-size: var(--hdr-font-sm, 13px);
  font-weight: 500;
  line-height: 1.45;
}

.profil-tg-card__action {
  flex-shrink: 0;
}

.profil-tg-card__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: var(--hdr-btn-h, 40px);
  padding: 0 var(--hdr-btn-pad-x, 12px);
  border: 1px solid var(--hdr-line);
  border-radius: var(--hdr-btn-radius, 10px);
  background: transparent;
  color: var(--hdr-btn-fg);
  font: inherit;
  font-size: var(--hdr-btn-font-size, 13px);
  font-weight: 700;
  cursor: pointer;
  white-space: nowrap;
  outline: none;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}

.profil-tg-card__btn:hover:not(:disabled),
.profil-tg-card__btn:focus-visible {
  border-color: var(--hdr-search-focus);
  color: var(--hdr-search-focus);
  background: transparent;
  box-shadow:
    0 0 0 1px var(--hdr-search-focus),
    0 0 14px 2px var(--hdr-search-focus-glow);
  outline: none;
}

.profil-tg-card__btn:disabled {
  opacity: 0.55;
  cursor: default;
  box-shadow: none;
}

.profil-tg-card__btn--primary {
  background: var(--hdr-register);
  border-color: var(--hdr-register);
  color: var(--hdr-btn-fg);
}

.profil-tg-card__btn--primary:hover:not(:disabled),
.profil-tg-card__btn--primary:focus-visible {
  background: var(--hdr-register-hover);
  border-color: var(--hdr-register-hover);
  color: var(--hdr-btn-fg);
  box-shadow: none;
}

.profil-tg-card__btn--primary:disabled {
  opacity: 0.55;
  cursor: default;
  background: var(--hdr-register);
  border-color: var(--hdr-register);
  color: var(--hdr-btn-fg);
}

.profil-tg-card__btn--success {
  background: var(--hdr-login);
  border-color: var(--hdr-login);
  color: var(--hdr-btn-fg);
}

.profil-tg-card__btn--success:hover:not(:disabled),
.profil-tg-card__btn--success:focus-visible {
  background: var(--hdr-login-hover);
  border-color: var(--hdr-login-hover);
  color: var(--hdr-btn-fg);
  box-shadow: none;
}

.profil-tg-card__btn--success:focus-visible {
  outline: none;
}

.profil-tg-switch {
  position: relative;
  display: inline-flex;
  flex-shrink: 0;
  width: 46px;
  height: 26px;
  cursor: pointer;
}

.profil-tg-switch.is-disabled {
  opacity: 0.45;
  cursor: default;
}

.profil-tg-switch input {
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
  pointer-events: none;
}

.profil-tg-switch__ui {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 999px;
  background: var(--hdr-page-bg);
  border: 1px solid var(--hdr-line);
  box-sizing: border-box;
  transition: background 0.18s ease, border-color 0.18s ease;
}

.profil-tg-switch__ui::after {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: var(--hdr-btn-fg);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  transition: transform 0.18s ease;
}

.profil-tg-switch input:checked + .profil-tg-switch__ui {
  background: var(--hdr-login);
  border-color: var(--hdr-login);
}

.profil-tg-switch input:checked + .profil-tg-switch__ui::after {
  transform: translateX(20px);
}

.profil-tg-switch input:focus-visible + .profil-tg-switch__ui {
  outline: none;
  border-color: var(--hdr-search-focus);
  box-shadow:
    0 0 0 1px var(--hdr-search-focus),
    0 0 14px 2px var(--hdr-search-focus-glow);
}

.profil-tg-switch input:checked:focus-visible + .profil-tg-switch__ui {
  border-color: var(--hdr-login);
  box-shadow:
    0 0 0 1px var(--hdr-login),
    0 0 14px 2px color-mix(in srgb, var(--hdr-login) 35%, transparent);
}

.profil-tg__feedback {
  margin: 0;
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 1.4;
  color: var(--hdr-search-fg);
}

.profil-tg__feedback.is-ok {
  color: var(--hdr-login);
}

.profil-tg__feedback.is-err {
  color: var(--hdr-register);
}

.profil-profile.profil-info-card,
.profil-username.profil-info-card {
  gap: 12px;
}

.profil-profile__form,
.profil-username__form {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 0;
  flex: 1 1 auto;
}

.profil-profile__fields {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
}

@media (min-width: 520px) {
  .profil-profile__fields {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.profil-profile__field,
.profil-username__field {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}

.profil-profile__label {
  color: var(--hdr-search-fg);
  font-size: 0.8125rem;
  font-weight: 700;
  line-height: 1.3;
}

.profil-profile__input {
  width: 100%;
  min-height: var(--hdr-field-control-h, 40px);
  padding: 0 12px;
  border: 1px solid var(--hdr-line);
  border-radius: var(--hdr-btn-radius, 10px);
  background: var(--hdr-search-bg);
  color: var(--hdr-btn-fg);
  font: inherit;
  font-size: 0.875rem;
  font-weight: 600;
  box-sizing: border-box;
  outline: none;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.profil-profile__input:focus,
.profil-profile__input:focus-visible {
  outline: none;
  border-color: var(--hdr-search-focus);
  box-shadow:
    0 0 0 1px var(--hdr-search-focus),
    0 0 14px 2px var(--hdr-search-focus-glow);
}

.profil-profile__input:disabled,
.profil-profile__input[readonly] {
  opacity: 0.7;
  cursor: default;
  color: var(--hdr-search-fg);
}

.profil-profile__consent {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 0;
  padding: 10px 12px;
  border-radius: 10px;
  border: 1px solid var(--hdr-line);
  background: var(--hdr-header-bg);
  color: var(--hdr-search-fg);
  font-size: var(--hdr-font-sm, 13px);
  font-weight: 500;
  line-height: 1.4;
  cursor: pointer;
  box-sizing: border-box;
}

.profil-profile__consent input {
  margin-top: 2px;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  accent-color: var(--hdr-register);
}

.profil-profile__consent a,
.profil-profile__consent-link {
  color: var(--hdr-register);
  text-decoration: underline;
  text-underline-offset: 2px;
}

.profil-profile__consent-link {
  display: inline;
  padding: 0;
  border: 0;
  background: none;
  font: inherit;
  font-weight: inherit;
  cursor: pointer;
}

.profil-profile__consent-link:hover,
.profil-profile__consent-link:focus-visible {
  color: var(--hdr-register-hover);
}

.profil-aydinlatma-modal {
  position: fixed;
  inset: 0;
  z-index: 14000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  box-sizing: border-box;
}

.profil-aydinlatma-modal[hidden] {
  display: none !important;
}

.profil-aydinlatma-modal__backdrop {
  position: absolute;
  inset: 0;
  background: color-mix(in srgb, #000 55%, transparent);
}

.profil-aydinlatma-modal__dialog {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  width: min(720px, calc(100vw - 32px));
  max-height: min(86vh, 820px);
  overflow: hidden;
  border-radius: var(--hdr-modal-radius, 14px);
  border: 1px solid var(--hdr-line);
  background: var(--hdr-header-bg);
  box-shadow: var(--hdr-frame-drop);
  box-sizing: border-box;
}

.profil-aydinlatma-modal__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  padding: 16px 16px 14px;
  border-bottom: 1px solid var(--hdr-line);
  flex-shrink: 0;
}

.profil-aydinlatma-modal__head-main {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  min-width: 0;
}

.profil-aydinlatma-modal__eyebrow {
  margin: 0 0 2px;
  color: var(--hdr-search-fg);
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.profil-aydinlatma-modal__title {
  margin: 0;
  color: var(--hdr-btn-fg);
  font-size: 1.05rem;
  font-weight: 800;
  line-height: 1.3;
}

.profil-aydinlatma-modal__close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  padding: 0;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--hdr-search-fg);
  cursor: pointer;
  flex-shrink: 0;
  transition: color 0.15s ease;
}

.profil-aydinlatma-modal__close:hover,
.profil-aydinlatma-modal__close:focus-visible {
  background: transparent;
  color: var(--hdr-btn-fg);
}

.profil-aydinlatma-modal__close:focus-visible {
  outline: none;
}

.profil-aydinlatma-modal__close i,
.profil-aydinlatma-modal__close svg {
  width: 16px;
  height: 16px;
  display: block;
  transition: transform 0.25s ease;
}

.profil-aydinlatma-modal__close:hover i,
.profil-aydinlatma-modal__close:hover svg,
.profil-aydinlatma-modal__close:focus-visible i,
.profil-aydinlatma-modal__close:focus-visible svg {
  transform: rotate(90deg);
}

.profil-aydinlatma-modal__body {
  flex: 1 1 auto;
  min-height: 0;
  overflow: auto;
  padding: 16px 18px 20px;
  color: var(--hdr-search-fg);
  font-size: 0.875rem;
  line-height: 1.65;
  -webkit-overflow-scrolling: touch;
}

.profil-aydinlatma-modal__lead {
  margin: 0 0 16px;
  color: var(--hdr-btn-fg);
  font-weight: 500;
}

.profil-aydinlatma-modal__section {
  margin: 0 0 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--hdr-line);
}

.profil-aydinlatma-modal__section:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}

.profil-aydinlatma-modal__section h3 {
  margin: 0 0 8px;
  color: var(--hdr-btn-fg);
  font-size: 0.9375rem;
  font-weight: 800;
  line-height: 1.35;
}

.profil-aydinlatma-modal__section p {
  margin: 0 0 8px;
}

.profil-aydinlatma-modal__section p:last-child {
  margin-bottom: 0;
}

.profil-aydinlatma-modal__section ul {
  margin: 0;
  padding-left: 1.15rem;
}

.profil-aydinlatma-modal__section li {
  margin: 0 0 6px;
}

.profil-aydinlatma-modal__section li:last-child {
  margin-bottom: 0;
}

.profil-aydinlatma-modal__section strong {
  color: var(--hdr-text);
  font-weight: 700;
}

.profil-aydinlatma-modal__section a {
  color: var(--hdr-accent);
}

.profil-aydinlatma-modal__meta {
  margin-top: 10px !important;
  color: var(--hdr-muted);
  font-size: 0.8125rem;
  font-weight: 600;
}

.profil-aydinlatma-modal__footer {
  display: flex;
  justify-content: stretch;
  flex-wrap: nowrap;
  align-items: stretch;
  gap: 8px;
  padding: 12px 16px 16px;
  border-top: 1px solid var(--hdr-line);
  flex-shrink: 0;
}

.profil-aydinlatma-modal__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 1 1 0;
  width: auto;
  min-width: 0;
  min-height: var(--hdr-btn-h, 40px);
  padding: 0 var(--hdr-btn-pad-x, 12px);
  border-radius: var(--hdr-btn-radius, 10px);
  border: 1px solid var(--hdr-line);
  background: transparent;
  color: var(--hdr-btn-fg);
  font: inherit;
  font-size: var(--hdr-btn-font-size, 13px);
  font-weight: 700;
  cursor: pointer;
  box-sizing: border-box;
  outline: none;
  transition: border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
}

.profil-aydinlatma-modal__btn--ghost {
  background: var(--hdr-header-bg);
  border-color: var(--hdr-line);
  color: var(--hdr-search-fg);
}

.profil-aydinlatma-modal__btn--ghost:hover,
.profil-aydinlatma-modal__btn--ghost:focus-visible {
  border-color: var(--hdr-search-focus);
  color: var(--hdr-search-focus);
  background: var(--hdr-header-bg);
  box-shadow:
    0 0 0 1px var(--hdr-search-focus),
    0 0 14px 2px var(--hdr-search-focus-glow);
  outline: none;
}

.profil-aydinlatma-modal__btn--primary {
  background: var(--hdr-register);
  border-color: var(--hdr-register);
  color: var(--hdr-btn-fg);
}

.profil-aydinlatma-modal__btn--primary:hover,
.profil-aydinlatma-modal__btn--primary:focus-visible {
  background: var(--hdr-register-hover);
  border-color: var(--hdr-register-hover);
  color: var(--hdr-btn-fg);
  box-shadow: none;
}

@media (max-width: 560px) {
  .profil-aydinlatma-modal__footer {
    flex-direction: row;
  }

  .profil-aydinlatma-modal__btn {
    padding-inline: 10px;
  }
}

.profil-profile__actions,
.profil-username__actions {
  margin-top: auto;
  display: flex;
  justify-content: stretch;
}

.profil-profile__submit,
.profil-username__submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  min-height: var(--hdr-btn-h, 40px);
  padding: 0 16px;
  border-radius: var(--hdr-btn-radius, 10px);
  border: 1px solid var(--hdr-line);
  background: transparent;
  color: var(--hdr-search-fg);
  font: inherit;
  font-size: var(--hdr-btn-font-size, 13px);
  font-weight: 700;
  cursor: pointer;
  box-sizing: border-box;
  outline: none;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease, opacity 0.15s ease;
}

.profil-profile__submit i,
.profil-profile__submit svg,
.profil-username__submit i,
.profil-username__submit svg {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}

.profil-profile__submit:disabled,
.profil-username__submit:disabled {
  opacity: 0.55;
  cursor: default;
}

.profil-profile__submit:not(:disabled),
.profil-username__submit:not(:disabled) {
  background: var(--hdr-register);
  border-color: var(--hdr-register);
  color: var(--hdr-btn-fg);
}

.profil-profile__submit:not(:disabled):hover,
.profil-username__submit:not(:disabled):hover {
  background: var(--hdr-register-hover);
  border-color: var(--hdr-register-hover);
}

.profil-profile__feedback {
  margin: 0;
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 1.4;
  color: var(--hdr-search-fg);
}

.profil-profile__feedback.is-ok {
  color: var(--hdr-login);
}

.profil-profile__feedback.is-err {
  color: var(--hdr-register);
}

.profil-username__notice {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  border-radius: 10px;
  border: 1px solid var(--hdr-line);
  background: var(--hdr-header-bg);
  box-sizing: border-box;
}

.profil-username__notice-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  flex-shrink: 0;
  border-radius: 8px;
  border: 1px solid var(--hdr-line);
  background: var(--hdr-page-bg);
  color: var(--hdr-info);
}

.profil-username__notice-icon i,
.profil-username__notice-icon svg {
  width: 14px;
  height: 14px;
  display: block;
}

.profil-username__notice-text {
  margin: 0;
  min-width: 0;
  flex: 1 1 auto;
  color: var(--hdr-search-fg);
  font-size: var(--hdr-font-sm, 13px);
  font-weight: 500;
  line-height: 1.3;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.profil-username__notice-text strong {
  color: var(--hdr-btn-fg);
  font-weight: 800;
}

.profil-username__label-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.profil-username__counter {
  color: var(--hdr-search-fg);
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1.2;
  flex-shrink: 0;
}

.profil-username__submit {
  width: 100%;
}

@media (min-width: 1024px) {
  .site-main--profil {
    padding-top: 0;
    padding-bottom: 20px;
  }

  .profil-page,
  .profil-shell {
    overflow: visible;
  }

  .profil-shell {
    grid-template-columns: 280px minmax(0, 1fr);
    gap: 14px;
    align-items: start;
  }

  .profil-side {
    position: sticky;
    top: 14px;
    padding: 0;
  }

  .profil-side__toggle {
    display: none !important;
  }

  .profil-side__inner {
    display: flex !important;
    padding: 16px;
    gap: 16px;
  }

  .profil-panel-card {
    padding: 22px 22px 24px;
    min-height: 280px;
  }

  .profil-settings {
    gap: 14px;
  }

  .profil-ozet__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
  }

  .profil-ozet-card {
    padding: 16px 14px;
  }

  .profil-info-row {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 14px;
    align-items: stretch;
  }

  .profil-settings > .profil-info-row {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .profil-info-card__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .profil-ozet__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .profil-info-card__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.profil-ref-page {
  display: flex;
  flex-direction: column;
  gap: 14px;
  min-width: 0;
}

.profil-ref-page__invite {
  padding: 16px;
  background: var(--hdr-header-bg);
  border: 1px solid var(--hdr-line);
  box-shadow: none;
}

.profil-ref-page__invite-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
  align-items: center;
  min-width: 0;
}

.profil-ref-page__visual {
  position: relative;
  width: 100%;
  max-width: 280px;
  margin: 0 auto;
  aspect-ratio: 1 / 1;
  border: 0;
  border-radius: 0;
  overflow: visible;
  background: transparent;
  box-shadow: none;
}

.profil-ref-page__art {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  display: block;
  background: transparent;
}.profil-ref-page__body {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 0;
}

.profil-ref-page__lead {
  margin: 0;
  color: var(--hdr-text);
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 1.55;
}

.profil-ref-page__lead strong {
  font-weight: 800;
}

.profil-ref-page__fields {
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
  margin-top: 4px;
}

.profil-ref-page__field {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
}

.profil-ref-page__hint {
  margin: 0;
  color: var(--hdr-muted);
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.profil-ref-link__copy.is-copied {
  color: var(--hdr-login, #22c55e);
  border-color: color-mix(in srgb, var(--hdr-login, #22c55e) 45%, var(--hdr-field-border));
}

.profil-ref-page__list {
  padding-bottom: 8px;
}

.profil-ref-table-wrap {
  margin-top: 4px;
  overflow-x: auto;
  border-radius: 12px;
  border: 1px solid var(--hdr-line);
  background: var(--hdr-page-bg);
}

.profil-ref-table {
  width: 100%;
  border-collapse: collapse;
  min-width: 320px;
}

.profil-ref-table th,
.profil-ref-table td {
  padding: 12px 14px;
  text-align: left;
  font-size: var(--hdr-font-sm, 13px);
  line-height: 1.35;
  vertical-align: middle;
}

.profil-ref-table th {
  color: var(--hdr-muted);
  font-weight: 700;
  border-bottom: 1px solid var(--hdr-field-border);
  white-space: nowrap;
}

.profil-ref-table td {
  color: var(--hdr-text);
  font-weight: 600;
  border-bottom: 1px solid color-mix(in srgb, var(--hdr-field-border) 70%, transparent);
}

.profil-ref-table tbody tr:last-child td {
  border-bottom: 0;
}

.profil-ref-table tbody tr:not(.profil-ref-table__empty-row):hover td {
  background: color-mix(in srgb, var(--hdr-accent) 6%, transparent);
}

.profil-ref-table th:first-child,
.profil-ref-table td:first-child {
  width: 3.25rem;
  color: var(--hdr-muted);
  font-variant-numeric: tabular-nums;
}

.profil-ref-status {
  display: inline-flex;
  align-items: center;
  font-weight: 700;
  white-space: nowrap;
}

.profil-ref-status.is-pending {
  color: #a16207;
}
.profil-ref-status.is-ok {
  color: var(--hdr-login, #16a34a);
}

.profil-ref-table__empty {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 72px;
  padding: 8px;
  color: var(--hdr-muted);
  font-weight: 600;
  text-align: center;
}

.profil-ref-table__empty-row:hover td {
  background: transparent;
}

@media (max-width: 719px) {
  .profil-ref-table {
    min-width: 0;
  }

  .profil-ref-table__col-index,
  .profil-ref-table__col-date {
    display: none;
  }

  .profil-ref-table th,
  .profil-ref-table td {
    padding: 10px 12px;
  }
}

@media (min-width: 720px) {
  .profil-ref-page__fields {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
  }
}

@media (min-width: 900px) {
  .profil-ref-page__invite {
    padding: 20px;
  }

  .profil-ref-page__invite-grid {
    grid-template-columns: minmax(200px, 260px) minmax(0, 1fr);
    gap: 22px;
    align-items: center;
  }

  .profil-ref-page__visual {
    margin: 0;
    max-width: none;
  }

  .profil-ref-page__lead {
    font-size: 1rem;
  }
}

.profil-mail-sifre-row {
  align-items: stretch;
}

.profil-email.profil-info-card,
.profil-password.profil-info-card {
  max-width: none;
  height: auto;
  min-height: 100%;
  gap: 12px;
}

.profil-email__form,
.profil-password__form {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 0;
  flex: 1 1 auto;
}

.profil-password__row {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
}

@media (min-width: 640px) {
  .profil-password__row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.profil-password__field {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}

.profil-password__label {
  color: var(--hdr-search-fg);
  font-size: 0.8125rem;
  font-weight: 700;
  line-height: 1.3;
}

.profil-password__control {
  position: relative;
  display: flex;
  align-items: center;
  min-width: 0;
}

.profil-password__icon {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--hdr-search-fg);
  pointer-events: none;
  z-index: 1;
}

.profil-password__icon i,
.profil-password__icon svg {
  width: 16px;
  height: 16px;
  display: block;
}

.profil-password__input {
  width: 100%;
  min-height: var(--hdr-field-control-h, 40px);
  height: var(--hdr-field-control-h, 40px);
  padding: 0 12px 0 40px;
  border: 1px solid var(--hdr-line);
  border-radius: var(--hdr-btn-radius, 10px);
  background: var(--hdr-search-bg);
  color: var(--hdr-btn-fg);
  font: inherit;
  font-size: 0.875rem;
  font-weight: 600;
  box-sizing: border-box;
  outline: none;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.profil-password__input[readonly] {
  color: var(--hdr-search-fg);
  opacity: 0.85;
  cursor: default;
}

.profil-password__input::placeholder {
  color: var(--hdr-search-fg);
  opacity: 0.75;
  font-weight: 500;
}

.profil-password__input:focus,
.profil-password__input:focus-visible {
  outline: none;
  border-color: var(--hdr-search-focus);
  box-shadow:
    0 0 0 1px var(--hdr-search-focus),
    0 0 14px 2px var(--hdr-search-focus-glow);
}

.profil-password__input[readonly]:focus,
.profil-password__input[readonly]:focus-visible {
  border-color: var(--hdr-line);
  box-shadow: none;
}

.profil-password__input:-webkit-autofill,
.profil-password__input:-webkit-autofill:hover,
.profil-password__input:-webkit-autofill:focus,
.profil-password__input:-webkit-autofill:active,
.profil-password__input:autofill {
  -webkit-text-fill-color: var(--hdr-btn-fg) !important;
  caret-color: var(--hdr-btn-fg) !important;
  border-color: var(--hdr-line) !important;
  -webkit-box-shadow: 0 0 0 1000px var(--hdr-search-bg) inset !important;
  box-shadow: 0 0 0 1000px var(--hdr-search-bg) inset !important;
  transition: background-color 99999s ease-out 0s;
}

.profil-password__input:focus:-webkit-autofill,
.profil-password__input:focus:autofill {
  border-color: var(--hdr-search-focus) !important;
  -webkit-box-shadow:
    0 0 0 1000px var(--hdr-search-bg) inset,
    0 0 0 1px var(--hdr-search-focus),
    0 0 14px 2px var(--hdr-search-focus-glow) !important;
  box-shadow:
    0 0 0 1000px var(--hdr-search-bg) inset,
    0 0 0 1px var(--hdr-search-focus),
    0 0 14px 2px var(--hdr-search-focus-glow) !important;
}

.profil-password__notice {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  border-radius: 10px;
  border: 1px solid var(--hdr-line);
  background: var(--hdr-header-bg);
  box-sizing: border-box;
}

.profil-password__notice-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  flex-shrink: 0;
  border-radius: 8px;
  border: 1px solid var(--hdr-line);
  background: var(--hdr-page-bg);
  color: var(--hdr-info);
}

.profil-password__notice-icon i,
.profil-password__notice-icon svg {
  width: 14px;
  height: 14px;
  display: block;
}

.profil-password__notice-text {
  margin: 0;
  min-width: 0;
  color: var(--hdr-search-fg);
  font-size: var(--hdr-font-sm, 13px);
  font-weight: 600;
  line-height: 1.4;
}

.profil-password__actions {
  display: flex;
  justify-content: stretch;
  margin-top: auto;
}

.profil-password__submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  min-height: var(--hdr-btn-h, 40px);
  min-width: 0;
  padding: 0 var(--hdr-btn-pad-x, 12px);
  border-radius: var(--hdr-btn-radius, 10px);
  border: 1px solid var(--hdr-line);
  background: transparent;
  color: var(--hdr-search-fg);
  font: inherit;
  font-size: var(--hdr-btn-font-size, 13px);
  font-weight: 700;
  cursor: pointer;
  box-sizing: border-box;
  outline: none;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease, opacity 0.15s ease;
}

.profil-password__submit i,
.profil-password__submit svg {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}

.profil-password__submit:disabled {
  opacity: 0.55;
  cursor: default;
}

.profil-password__submit:not(:disabled) {
  background: var(--hdr-register);
  border-color: var(--hdr-register);
  color: var(--hdr-btn-fg);
}

.profil-password__submit:not(:disabled):hover {
  background: var(--hdr-register-hover);
  border-color: var(--hdr-register-hover);
  color: var(--hdr-btn-fg);
}

.profil-password__feedback {
  margin: 0;
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 1.4;
}

.profil-password__feedback.is-ok {
  color: var(--hdr-login);
}

.profil-password__feedback.is-err {
  color: var(--hdr-register);
}

@media (max-width: 1023px) {
  .profil-mail-sifre-row {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 639px) {
  .profil-password__actions {
    justify-content: stretch;
  }
}

.profil-access {
  width: 100%;
  max-width: none;
  height: auto;
  gap: 12px;
}

.profil-access__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.profil-access__item {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  min-width: 0;
  padding: 12px 14px;
  border: 1px solid var(--hdr-line);
  border-radius: 12px;
  background: var(--hdr-search-bg);
  box-sizing: border-box;
}

.profil-access__device {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  border-radius: 10px;
  border: 1px solid var(--hdr-line);
  background: var(--hdr-page-bg);
  color: var(--hdr-search-fg);
  box-sizing: border-box;
}

.profil-access__device i,
.profil-access__device svg {
  width: 18px;
  height: 18px;
  display: block;
}

.profil-access__method {
  margin: 0;
  color: var(--hdr-btn-fg);
  font-size: 0.9375rem;
  font-weight: 700;
  line-height: 1.35;
  min-width: 0;
}

.profil-access__ip {
  margin: 0;
  justify-self: center;
  text-align: center;
  color: var(--hdr-search-fg);
  font-size: 0.8125rem;
  font-weight: 700;
  line-height: 1.35;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.profil-access__time {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  justify-self: end;
  flex-shrink: 0;
  max-width: 100%;
  padding: 8px 12px;
  border-radius: 10px;
  border: 1px solid var(--hdr-line);
  background: var(--hdr-header-bg);
  color: var(--hdr-search-fg);
  font-size: 0.8125rem;
  font-weight: 700;
  line-height: 1.2;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
  box-sizing: border-box;
}

.profil-access__time i,
.profil-access__time svg {
  width: 15px;
  height: 15px;
  flex-shrink: 0;
  color: var(--hdr-icon-fg);
}

.profil-access__empty {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 88px;
  padding: 16px;
  border-radius: 12px;
  border: 1px solid var(--hdr-line);
  background: var(--hdr-search-bg);
  color: var(--hdr-search-fg);
  font-size: 0.9375rem;
  font-weight: 600;
  text-align: center;
  box-sizing: border-box;
}

@media (max-width: 720px) {
  .profil-access__item {
    grid-template-columns: auto minmax(0, 1fr) auto;
    grid-template-areas:
      "device method time"
      "ip ip ip";
  }

  .profil-access__device {
    grid-area: device;
  }

  .profil-access__method {
    grid-area: method;
  }

  .profil-access__ip {
    grid-area: ip;
    justify-self: start;
    padding-left: 52px;
    text-align: left;
  }

  .profil-access__time {
    grid-area: time;
  }
}

.profil-finance {
  display: flex;
  flex-direction: column;
  gap: 18px;
  min-width: 0;
}

.profil-bank {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 0;
}

.profil-bank__panel {
  display: flex;
  flex-direction: column;
  min-width: 0;
  border: 1px solid var(--hdr-line);
  border-radius: 14px;
  background: var(--hdr-header-bg);
  box-shadow: none;
  overflow: hidden;
  box-sizing: border-box;
}

.profil-bank__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hdr-line);
}

.profil-bank__title {
  margin: 0;
  color: var(--hdr-btn-fg);
  font-size: 1rem;
  font-weight: 800;
  line-height: 1.25;
}

.profil-bank__add {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: var(--hdr-btn-h, 40px);
  padding: 0 var(--hdr-btn-pad-x, 12px);
  border-radius: var(--hdr-btn-radius, 10px);
  border: 1px solid var(--hdr-register);
  background: var(--hdr-register);
  color: var(--hdr-btn-fg);
  font: inherit;
  font-size: var(--hdr-btn-font-size, 14px);
  font-weight: 700;
  cursor: pointer;
  box-sizing: border-box;
  transition: background 0.15s ease, border-color 0.15s ease, opacity 0.15s ease;
}

.profil-bank__add i,
.profil-bank__add svg {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}

.profil-bank__add:hover:not(:disabled),
.profil-bank__add:focus-visible:not(:disabled) {
  background: var(--hdr-register-hover);
  border-color: var(--hdr-register-hover);
  outline: none;
}

.profil-bank__add:disabled {
  opacity: 0.55;
  cursor: default;
}

.profil-bank__body {
  min-width: 0;
  min-height: 260px;
  padding: 20px 18px;
  background: transparent;
  box-sizing: border-box;
}

.profil-bank__empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 220px;
  padding: 12px;
  text-align: center;
  box-sizing: border-box;
}

.profil-bank__empty-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  border-radius: 14px;
  border: 1px solid var(--hdr-line);
  background: var(--hdr-page-bg);
  color: var(--hdr-icon-fg);
  margin-bottom: 4px;
  box-sizing: border-box;
}

.profil-bank__empty-icon i,
.profil-bank__empty-icon svg {
  width: 30px;
  height: 30px;
  display: block;
}

.profil-bank__empty-title {
  margin: 0;
  color: var(--hdr-btn-fg);
  font-size: 1rem;
  font-weight: 800;
  line-height: 1.35;
  max-width: 28rem;
}

.profil-bank__empty-text {
  margin: 0;
  color: var(--hdr-search-fg);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.5;
  max-width: 32rem;
}

.profil-bank__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.profil-bank__item {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
  padding: 12px 14px;
  border: 1px solid var(--hdr-line);
  border-radius: 12px;
  background: var(--hdr-search-bg);
  box-shadow: none;
  box-sizing: border-box;
}

.profil-bank__item-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  border-radius: 10px;
  border: 1px solid var(--hdr-line);
  background: var(--hdr-page-bg);
  color: var(--hdr-icon-fg);
  box-sizing: border-box;
}

.profil-bank__item-icon i,
.profil-bank__item-icon svg {
  width: 18px;
  height: 18px;
  display: block;
}

.profil-bank__item-icon--img {
  padding: 6px;
}

.profil-bank__item-icon--img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

.profil-bank__item-meta {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  flex: 1 1 auto;
}

.profil-bank__item-bank {
  color: var(--hdr-btn-fg);
  font-size: 0.9375rem;
  font-weight: 800;
  line-height: 1.3;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.profil-bank__item-owner,
.profil-bank__item-iban {
  color: var(--hdr-search-fg);
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 1.35;
  max-width: 100%;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.profil-bank__item-iban {
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.02em;
  /* Cüzdan/IBAN: boşluksuz uzun string mobilde karttan taşmasın */
  word-break: break-all;
  overflow-wrap: anywhere;
}

.profil-bank__item-del {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  padding: 0;
  border-radius: 10px;
  border: 1px solid var(--hdr-line);
  background: var(--hdr-page-bg);
  color: var(--hdr-search-fg);
  cursor: pointer;
  box-sizing: border-box;
  transition: color 0.15s ease, border-color 0.15s ease, background 0.15s ease;
}

.profil-bank__item-del i,
.profil-bank__item-del svg {
  width: 16px;
  height: 16px;
  display: block;
}

.profil-bank__item-del:hover,
.profil-bank__item-del:focus-visible {
  color: var(--hdr-icon-fg);
  border-color: var(--hdr-line);
  background: var(--hdr-header-bg);
  outline: none;
}

.profil-bank-modal {
  position: fixed;
  inset: 0;
  z-index: 80;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  box-sizing: border-box;
}

.profil-bank-modal[hidden] {
  display: none !important;
}

.profil-bank-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.55);
}

.profil-bank-modal__dialog {
  position: relative;
  z-index: 1;
  width: min(100%, var(--hdr-modal-width-lg, 480px));
  padding: var(--hdr-modal-pad, 14px 16px);
  border-radius: var(--hdr-modal-radius, 14px);
  border: 1px solid var(--hdr-line);
  background: var(--hdr-header-bg);
  box-shadow: var(--hdr-frame-drop);
  box-sizing: border-box;
}

.profil-bank-modal__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 14px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--hdr-line);
}

.profil-bank-modal__title {
  margin: 0;
  color: var(--hdr-btn-fg);
  font-size: var(--hdr-modal-title-size, 15px);
  font-weight: 800;
}

.profil-bank-modal__close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  padding: 0;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--hdr-search-fg);
  cursor: pointer;
  box-sizing: border-box;
  transition: color 0.15s ease;
}

.profil-bank-modal__close i,
.profil-bank-modal__close svg {
  width: 18px;
  height: 18px;
  display: block;
  transition: transform 0.15s ease;
}

.profil-bank-modal__close:hover,
.profil-bank-modal__close:focus-visible {
  color: var(--hdr-icon-fg);
  background: transparent;
  outline: none;
}

.profil-bank-modal__close:hover i,
.profil-bank-modal__close:hover svg,
.profil-bank-modal__close:focus-visible i,
.profil-bank-modal__close:focus-visible svg {
  transform: rotate(90deg);
}

.profil-bank-modal__form {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.profil-bank-modal__consent {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 0;
  padding: 10px 12px;
  border-radius: 10px;
  border: 1px solid var(--hdr-line);
  background: var(--hdr-search-bg);
  color: var(--hdr-search-fg);
  font-size: var(--hdr-font-sm, 14px);
  font-weight: 500;
  line-height: 1.45;
  cursor: pointer;
  box-sizing: border-box;
}

.profil-bank-modal__consent input {
  margin-top: 2px;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  accent-color: var(--hdr-register);
}

.profil-bank-modal__input {
  padding-left: 12px !important;
  max-width: 100%;
  min-width: 0;
  overflow-x: auto;
}

.profil-bank-select {
  position: relative;
  min-width: 0;
}

.profil-bank-select__trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  width: 100%;
  min-height: var(--hdr-field-control-h, 40px);
  height: var(--hdr-field-control-h, 40px);
  padding: 0 12px;
  border: 1px solid var(--hdr-line);
  border-radius: var(--hdr-btn-radius, 10px);
  background: var(--hdr-search-bg);
  color: var(--hdr-btn-fg);
  font: inherit;
  font-size: var(--hdr-font-sm, 14px);
  font-weight: 600;
  text-align: left;
  cursor: pointer;
  box-sizing: border-box;
  outline: none;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.profil-bank-select.is-open .profil-bank-select__trigger,
.profil-bank-select__trigger:focus-visible {
  border-color: var(--hdr-search-focus);
  box-shadow:
    0 0 0 1px var(--hdr-search-focus),
    0 0 14px 2px var(--hdr-search-focus-glow);
}

.profil-bank-select__trigger i,
.profil-bank-select__trigger svg {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  color: var(--hdr-search-fg);
  transition: transform 0.15s ease;
}

.profil-bank-select.is-open .profil-bank-select__trigger i,
.profil-bank-select.is-open .profil-bank-select__trigger svg {
  transform: rotate(180deg);
}

.profil-bank-select__value {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.profil-bank-select__value.is-placeholder {
  color: var(--hdr-search-fg);
  opacity: 0.75;
  font-weight: 500;
}

.profil-bank-select__panel {
  position: absolute;
  left: 0;
  right: 0;
  top: calc(100% + 6px);
  z-index: 5;
  display: flex;
  flex-direction: column;
  max-height: 260px;
  border: 1px solid var(--hdr-line);
  border-radius: 12px;
  background: var(--hdr-header-bg);
  box-shadow: var(--hdr-frame-drop);
  overflow: hidden;
  box-sizing: border-box;
}

.profil-bank-select__panel[hidden] {
  display: none !important;
}

.profil-bank-select__search-wrap {
  padding: 8px;
  border-bottom: 1px solid var(--hdr-line);
}

.profil-bank-select__search {
  width: 100%;
  height: var(--hdr-btn-h-sm, 38px);
  padding: 0 10px;
  border: 1px solid var(--hdr-line);
  border-radius: 8px;
  background: var(--hdr-search-bg);
  color: var(--hdr-btn-fg);
  font: inherit;
  font-size: 0.8125rem;
  box-sizing: border-box;
  outline: none;
}

.profil-bank-select__search:focus {
  outline: none;
  border-color: var(--hdr-search-focus);
  box-shadow:
    0 0 0 1px var(--hdr-search-focus),
    0 0 14px 2px var(--hdr-search-focus-glow);
}

.profil-bank-select__list {
  list-style: none;
  margin: 0;
  padding: 6px;
  overflow-y: auto;
  flex: 1 1 auto;
  scrollbar-width: none;
}

.profil-bank-select__list::-webkit-scrollbar {
  display: none;
}

.profil-bank-select__option {
  display: block;
  width: 100%;
  padding: 10px;
  border: 1px solid transparent;
  border-radius: 8px;
  background: transparent;
  color: var(--hdr-btn-fg);
  font: inherit;
  font-size: 0.8125rem;
  font-weight: 600;
  text-align: left;
  cursor: pointer;
  box-sizing: border-box;
}

.profil-bank-select__option:hover,
.profil-bank-select__option:focus-visible {
  background: var(--hdr-search-bg);
  border-color: var(--hdr-line);
  outline: none;
}

.profil-bank-select__option.is-selected {
  color: var(--hdr-btn-fg);
  background: var(--hdr-search-bg);
  border-color: var(--hdr-line);
}

.profil-bank-select__empty {
  margin: 0;
  padding: 14px 12px;
  color: var(--hdr-search-fg);
  font-size: 0.8125rem;
  font-weight: 600;
  text-align: center;
}

.profil-bank-iban {
  display: flex;
  align-items: stretch;
  gap: 0;
  min-width: 0;
}

.profil-bank-iban__prefix {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 46px;
  padding: 0 10px;
  border: 1px solid var(--hdr-line);
  border-right: 0;
  border-radius: 10px 0 0 10px;
  background: var(--hdr-page-bg);
  color: var(--hdr-btn-fg);
  font-size: 0.875rem;
  font-weight: 800;
  box-sizing: border-box;
}

.profil-bank-iban__input {
  border-radius: 0 10px 10px 0 !important;
  padding-left: 12px !important;
}

body.is-profil-bank-modal-open {
  overflow: hidden;
}

@media (max-width: 560px) {
  .profil-bank__head {
    flex-direction: column;
    align-items: stretch;
  }

  .profil-bank__add {
    width: 100%;
  }
}

.profil-balance {
  min-width: 0;
  max-width: 100%;
}

.profil-balance__panel {
  display: flex;
  flex-direction: column;
  min-width: 0;
  max-width: 100%;
  border: 1px solid var(--hdr-line);
  border-radius: 14px;
  background: var(--hdr-header-bg);
  box-shadow: none;
  overflow: hidden;
  box-sizing: border-box;
}

.profil-balance__head {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hdr-line);
}

.profil-balance__head-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 10px;
  border: 1px solid var(--hdr-line);
  background: var(--hdr-page-bg);
  color: var(--hdr-icon-fg);
  flex-shrink: 0;
  box-sizing: border-box;
}

.profil-balance__head-icon i,
.profil-balance__head-icon svg {
  width: 16px;
  height: 16px;
  display: block;
}

.profil-balance__title {
  margin: 0;
  color: var(--hdr-btn-fg);
  font-size: 1rem;
  font-weight: 800;
  line-height: 1.25;
}

.profil-balance__body {
  min-width: 0;
  padding: 14px;
  box-sizing: border-box;
}

.profil-balance__empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 220px;
  padding: 24px 16px;
  border-radius: 12px;
  border: 1px solid var(--hdr-line);
  background: var(--hdr-search-bg);
  text-align: center;
  box-sizing: border-box;
}

.profil-balance__empty-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  border-radius: 14px;
  border: 1px solid var(--hdr-line);
  background: var(--hdr-page-bg);
  color: var(--hdr-icon-fg);
  box-sizing: border-box;
}

.profil-balance__empty-icon i,
.profil-balance__empty-icon svg {
  width: 26px;
  height: 26px;
  display: block;
}

.profil-balance__empty-text {
  margin: 0;
  color: var(--hdr-search-fg);
  font-size: 0.9375rem;
  font-weight: 700;
}

.profil-balance__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
  max-width: 100%;
}

.profil-balance__item {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
  max-width: 100%;
  padding: 12px 14px;
  border: 1px solid var(--hdr-line);
  border-radius: 12px;
  background: var(--hdr-search-bg);
  box-sizing: border-box;
}

.profil-balance__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  border-radius: 10px;
  border: 1px solid var(--hdr-line);
  background: var(--hdr-page-bg);
  color: var(--hdr-search-fg);
  box-sizing: border-box;
}

.profil-balance__icon.is-in {
  color: var(--hdr-login);
  border-color: var(--hdr-login);
  background: var(--hdr-page-bg);
}

.profil-balance__icon.is-out {
  color: var(--hdr-register);
  border-color: var(--hdr-register);
  background: var(--hdr-page-bg);
}

.profil-balance__icon i,
.profil-balance__icon svg {
  width: 18px;
  height: 18px;
  display: block;
}

.profil-balance__meta {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  flex: 1 1 auto;
}

.profil-balance__type {
  color: var(--hdr-btn-fg);
  font-size: 0.9375rem;
  font-weight: 800;
  line-height: 1.3;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.profil-balance__desc {
  color: var(--hdr-search-fg);
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 1.35;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}

.profil-balance__side {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 2px;
  flex: 0 1 auto;
  min-width: 0;
  max-width: 100%;
  text-align: right;
}

.profil-balance__amount {
  color: var(--hdr-btn-fg);
  font-size: 0.9375rem;
  font-weight: 800;
  line-height: 1.25;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.profil-balance__amount.is-in {
  color: var(--hdr-login);
}

.profil-balance__amount.is-out {
  color: var(--hdr-register);
}

.profil-balance__time {
  color: var(--hdr-search-fg);
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.3;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  max-width: 100%;
}

.profil-balance__pager {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid var(--hdr-line);
}

.profil-balance__pager-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: var(--hdr-btn-h-sm, 38px);
  padding: 0 12px;
  border-radius: var(--hdr-btn-radius, 10px);
  border: 1px solid var(--hdr-line);
  background: var(--hdr-page-bg);
  color: var(--hdr-search-fg);
  font-size: var(--hdr-font-sm, 14px);
  font-weight: 700;
  text-decoration: none;
  line-height: 1.2;
  box-sizing: border-box;
  transition: border-color 0.15s ease, background 0.15s ease, color 0.15s ease;
}

.profil-balance__pager-btn i,
.profil-balance__pager-btn svg {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}

.profil-balance__pager-btn:hover {
  border-color: var(--hdr-line);
  background: var(--hdr-search-bg);
  color: var(--hdr-btn-fg);
}

.profil-balance__pager-btn.is-disabled {
  opacity: 0.45;
  pointer-events: none;
  cursor: default;
}

.profil-balance__pager-status {
  color: var(--hdr-search-fg);
  font-size: var(--hdr-font-sm, 14px);
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  min-width: 3.5rem;
  text-align: center;
}

@media (max-width: 560px) {
  .profil-balance__item {
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr);
    grid-template-areas:
      'icon meta'
      '. side';
    align-items: start;
    column-gap: 12px;
    row-gap: 8px;
  }

  .profil-balance__icon {
    grid-area: icon;
  }

  .profil-balance__meta {
    grid-area: meta;
  }

  .profil-balance__side {
    grid-area: side;
    width: auto;
    max-width: 100%;
    min-width: 0;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 4px 10px;
    padding-left: 0;
  }

  .profil-balance__desc {
    white-space: normal;
    overflow: visible;
    text-overflow: unset;
    overflow-wrap: anywhere;
    word-break: break-word;
  }

  .profil-balance__time {
    white-space: normal;
    overflow-wrap: anywhere;
  }
}

.profil-invoice {
  width: 100%;
  min-width: 0;
}

.profil-invoice__panel {
  display: flex;
  flex-direction: column;
  min-width: 0;
  border: 1px solid var(--hdr-line);
  border-radius: 14px;
  background: var(--hdr-header-bg);
  box-shadow: none;
  overflow: hidden;
  box-sizing: border-box;
}

.profil-invoice__head {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hdr-line);
}

.profil-invoice__head-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 10px;
  border: 1px solid var(--hdr-line);
  background: var(--hdr-page-bg);
  color: var(--hdr-icon-fg);
  flex-shrink: 0;
  box-sizing: border-box;
}

.profil-invoice__head-icon i,
.profil-invoice__head-icon svg {
  width: 20px;
  height: 20px;
}

.profil-invoice__titles {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.profil-invoice__title {
  margin: 0;
  color: var(--hdr-btn-fg);
  font-size: 1rem;
  font-weight: 800;
  line-height: 1.25;
}

.profil-invoice__subtitle {
  margin: 0;
  color: var(--hdr-search-fg);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.4;
}

.profil-invoice__form {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 18px;
  box-sizing: border-box;
}

.profil-invoice__type-label {
  margin: 0 0 10px;
  color: var(--hdr-search-fg);
  font-size: 0.8125rem;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: none;
}

.profil-invoice__types {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.profil-invoice__type {
  position: relative;
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 76px;
  padding: 14px 14px 14px 12px;
  border: 1px solid var(--hdr-line);
  border-radius: 12px;
  background: var(--hdr-search-bg);
  cursor: pointer;
  box-sizing: border-box;
  transition: border-color 0.15s ease, background 0.15s ease;
}

.profil-invoice__type input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.profil-invoice__type.is-active {
  border-color: var(--hdr-register);
  background: var(--hdr-search-bg);
  box-shadow: none;
}

.profil-invoice__type-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 10px;
  border: 1px solid var(--hdr-line);
  background: var(--hdr-page-bg);
  color: var(--hdr-icon-fg);
  flex-shrink: 0;
  box-sizing: border-box;
}

.profil-invoice__type-icon i,
.profil-invoice__type-icon svg {
  width: 18px;
  height: 18px;
}

.profil-invoice__type-body {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  flex: 1;
}

.profil-invoice__type-name {
  color: var(--hdr-btn-fg);
  font-size: 0.95rem;
  font-weight: 800;
  line-height: 1.25;
}

.profil-invoice__type-desc {
  color: var(--hdr-search-fg);
  font-size: 0.78rem;
  font-weight: 500;
  line-height: 1.35;
}

.profil-invoice__type-radio {
  width: 18px;
  height: 18px;
  border-radius: 999px;
  border: 2px solid var(--hdr-line);
  flex-shrink: 0;
  box-sizing: border-box;
  position: relative;
}

.profil-invoice__type.is-active .profil-invoice__type-radio {
  border-color: var(--hdr-register);
}

.profil-invoice__type.is-active .profil-invoice__type-radio::after {
  content: '';
  position: absolute;
  inset: 3px;
  border-radius: 999px;
  background: var(--hdr-register);
}

.profil-invoice__notice {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 12px 14px;
  border-radius: 12px;
  border: 1px solid var(--hdr-line);
  background: var(--hdr-search-bg);
  box-sizing: border-box;
}

.profil-invoice__notice[hidden],
.profil-invoice__fields[hidden],
.profil-invoice__actions[hidden] {
  display: none !important;
}

.profil-invoice__notice-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 9px;
  border: 1px solid var(--hdr-line);
  background: var(--hdr-page-bg);
  color: var(--hdr-icon-fg);
  flex-shrink: 0;
  box-sizing: border-box;
}

.profil-invoice__notice-icon i,
.profil-invoice__notice-icon svg {
  width: 18px;
  height: 18px;
}

.profil-invoice__notice-body {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.profil-invoice__notice-title {
  color: var(--hdr-btn-fg);
  font-size: 0.875rem;
  font-weight: 800;
  line-height: 1.3;
}

.profil-invoice__notice-text {
  margin: 0;
  color: var(--hdr-search-fg);
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 1.45;
}

.profil-invoice__input[readonly] {
  cursor: default;
  caret-color: transparent;
  color: var(--hdr-search-fg);
  opacity: 0.85;
}

.profil-invoice__fields {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.profil-invoice__row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.profil-invoice__field {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}

.profil-invoice__label {
  color: var(--hdr-search-fg);
  font-size: 0.8125rem;
  font-weight: 700;
  line-height: 1.3;
}

.profil-invoice__input {
  width: 100%;
  min-height: var(--hdr-field-control-h, 40px);
  height: var(--hdr-field-control-h, 40px);
  padding: 0 12px;
  border-radius: var(--hdr-btn-radius, 10px);
  border: 1px solid var(--hdr-line);
  background: var(--hdr-search-bg);
  color: var(--hdr-btn-fg);
  font: inherit;
  font-size: 0.875rem;
  font-weight: 600;
  box-sizing: border-box;
  outline: none;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.profil-invoice__input::placeholder {
  color: var(--hdr-search-fg);
  opacity: 0.75;
  font-weight: 500;
}

.profil-invoice__input:focus {
  border-color: var(--hdr-search-focus);
  box-shadow:
    0 0 0 1px var(--hdr-search-focus),
    0 0 14px 2px var(--hdr-search-focus-glow);
}

.profil-invoice__input[readonly]:focus {
  border-color: var(--hdr-line);
  box-shadow: none;
}

.profil-invoice__actions {
  margin-top: 4px;
}

.profil-invoice__submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  min-height: var(--hdr-btn-h, 40px);
  padding: 0 var(--hdr-btn-pad-x, 12px);
  border-radius: var(--hdr-btn-radius, 10px);
  border: 1px solid var(--hdr-register);
  background: var(--hdr-register);
  color: var(--hdr-btn-fg);
  font: inherit;
  font-size: var(--hdr-btn-font-size, 14px);
  font-weight: 700;
  cursor: pointer;
  box-sizing: border-box;
  transition: background 0.15s ease, border-color 0.15s ease, opacity 0.15s ease;
}

.profil-invoice__submit i,
.profil-invoice__submit svg {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}

.profil-invoice__submit:hover:not(:disabled),
.profil-invoice__submit:focus-visible:not(:disabled) {
  background: var(--hdr-register-hover);
  border-color: var(--hdr-register-hover);
  outline: none;
}

.profil-invoice__submit:disabled {
  opacity: 0.55;
  cursor: default;
}

.profil-invoice__feedback {
  margin: 0;
  font-size: 0.875rem;
  font-weight: 650;
  line-height: 1.4;
}

.profil-invoice__feedback.is-ok {
  color: var(--hdr-login);
}

.profil-invoice__feedback.is-err {
  color: var(--hdr-register);
}

@media (max-width: 720px) {
  .profil-invoice__types,
  .profil-invoice__row {
    grid-template-columns: 1fr;
  }
}

.profil-invoices {
  width: 100%;
  min-width: 0;
  margin-top: 16px;
}

.profil-invoices__panel {
  display: flex;
  flex-direction: column;
  min-width: 0;
  border: 1px solid var(--hdr-line);
  border-radius: 14px;
  background: var(--hdr-header-bg);
  box-shadow: none;
  overflow: hidden;
  box-sizing: border-box;
}

.profil-invoices__head {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hdr-line);
}

.profil-invoices__head-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 10px;
  border: 1px solid var(--hdr-line);
  background: var(--hdr-page-bg);
  color: var(--hdr-icon-fg);
  flex-shrink: 0;
  box-sizing: border-box;
}

.profil-invoices__head-icon i,
.profil-invoices__head-icon svg {
  width: 20px;
  height: 20px;
}

.profil-invoices__titles {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.profil-invoices__title {
  margin: 0;
  color: var(--hdr-btn-fg);
  font-size: 1rem;
  font-weight: 800;
  line-height: 1.25;
}

.profil-invoices__subtitle {
  margin: 0;
  color: var(--hdr-search-fg);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.4;
}

.profil-invoices__hint {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 14px 18px 0;
  padding: 12px 14px;
  border-radius: 12px;
  border: 1px solid var(--hdr-line);
  background: var(--hdr-search-bg);
  box-sizing: border-box;
}

.profil-invoices__hint-icon {
  display: inline-flex;
  color: var(--hdr-info);
  flex-shrink: 0;
  margin-top: 1px;
}

.profil-invoices__hint-icon i,
.profil-invoices__hint-icon svg {
  width: 18px;
  height: 18px;
}

.profil-invoices__hint-text {
  margin: 0;
  color: var(--hdr-search-fg);
  font-size: 0.84rem;
  font-weight: 550;
  line-height: 1.45;
}

.profil-invoices__hint-text a {
  color: var(--hdr-register);
  font-weight: 700;
  text-decoration: none;
}

.profil-invoices__hint-text a:hover {
  text-decoration: underline;
}

.profil-invoices__table-wrap {
  padding: 14px 18px 18px;
  box-sizing: border-box;
}

.profil-invoices__table-head,
.profil-invoices__row {
  display: grid;
  grid-template-columns: 48px minmax(0, 1.4fr) 140px 120px 120px;
  gap: 10px;
  align-items: center;
}

.profil-invoices__table-head {
  padding: 10px 12px;
  border-radius: 10px;
  background: var(--hdr-page-bg);
  border: 1px solid var(--hdr-line);
}

.profil-invoices__table-head .profil-invoices__col {
  color: var(--hdr-search-fg);
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.profil-invoices__list {
  list-style: none;
  margin: 8px 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.profil-invoices__row {
  padding: 12px 14px;
  border-radius: 10px;
  border: 1px solid var(--hdr-line);
  background: var(--hdr-search-bg);
  box-sizing: border-box;
}

.profil-invoices__col {
  min-width: 0;
  color: var(--hdr-btn-fg);
  font-size: 0.875rem;
  font-weight: 650;
}

.profil-invoices__col.is-num {
  color: var(--hdr-search-fg);
  font-variant-numeric: tabular-nums;
}

.profil-invoices__issuer {
  display: block;
  color: var(--hdr-btn-fg);
  font-size: 0.9rem;
  font-weight: 800;
  line-height: 1.3;
}

.profil-invoices__no {
  display: block;
  margin-top: 2px;
  color: var(--hdr-search-fg);
  font-size: 0.75rem;
  font-weight: 600;
}

.profil-invoices__col.is-date,
.profil-invoices__col.is-amount {
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.profil-invoices__col.is-amount {
  font-weight: 800;
}

.profil-invoices__view {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: var(--hdr-btn-h-sm, 38px);
  padding: 0 12px;
  border-radius: var(--hdr-btn-radius, 10px);
  border: 1px solid var(--hdr-line);
  background: var(--hdr-page-bg);
  color: var(--hdr-search-fg);
  font: inherit;
  font-size: 0.8125rem;
  font-weight: 700;
  cursor: pointer;
  box-sizing: border-box;
  transition: border-color 0.15s ease, background 0.15s ease, color 0.15s ease;
}

.profil-invoices__view i,
.profil-invoices__view svg {
  width: 15px;
  height: 15px;
}

.profil-invoices__view:hover,
.profil-invoices__view:focus-visible {
  border-color: var(--hdr-line);
  background: var(--hdr-header-bg);
  color: var(--hdr-btn-fg);
  outline: none;
}

.profil-invoices__empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 240px;
  padding: 28px 12px;
  text-align: center;
}

.profil-invoices__empty-icon {
  display: inline-flex;
  color: var(--hdr-search-fg);
  margin-bottom: 4px;
}

.profil-invoices__empty-icon i,
.profil-invoices__empty-icon svg {
  width: 52px;
  height: 52px;
}

.profil-invoices__empty-title {
  margin: 0;
  color: var(--hdr-btn-fg);
  font-size: 1rem;
  font-weight: 800;
}

.profil-invoices__empty-text {
  margin: 0;
  color: var(--hdr-search-fg);
  font-size: 0.875rem;
  font-weight: 500;
}

.profil-invoices__pager {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid var(--hdr-line);
}

.profil-invoices__pager-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: var(--hdr-btn-h-sm, 38px);
  padding: 0 12px;
  border-radius: var(--hdr-btn-radius, 10px);
  border: 1px solid var(--hdr-line);
  background: var(--hdr-page-bg);
  color: var(--hdr-search-fg);
  font-size: var(--hdr-font-sm, 14px);
  font-weight: 700;
  text-decoration: none;
  line-height: 1.2;
  box-sizing: border-box;
  transition: border-color 0.15s ease, background 0.15s ease, color 0.15s ease;
}

.profil-invoices__pager-btn i,
.profil-invoices__pager-btn svg {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}

.profil-invoices__pager-btn:hover {
  border-color: var(--hdr-line);
  background: var(--hdr-search-bg);
  color: var(--hdr-btn-fg);
}

.profil-invoices__pager-btn.is-disabled {
  opacity: 0.45;
  pointer-events: none;
}

.profil-invoices__pager-status {
  color: var(--hdr-search-fg);
  font-size: var(--hdr-font-sm, 14px);
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  min-width: 3.5rem;
  text-align: center;
}

.profil-invoice-modal[hidden] {
  display: none !important;
}

.profil-invoice-modal {
  position: fixed;
  inset: 0;
  z-index: 80;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  box-sizing: border-box;
}

.profil-invoice-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.55);
}

.profil-invoice-modal__dialog {
  position: relative;
  z-index: 1;
  width: min(720px, 100%);
  max-height: min(92vh, 1080px);
  display: flex;
  flex-direction: column;
  border-radius: var(--hdr-modal-radius, 14px);
  border: 1px solid var(--hdr-line);
  background: var(--hdr-header-bg);
  box-shadow: var(--hdr-frame-drop);
  overflow: hidden;
  font-family: inherit;
  font-size: var(--hdr-font, 15px);
}

.profil-invoice-modal__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-shrink: 0;
  padding: 12px 16px;
  border-bottom: 1px solid var(--hdr-line);
  background: var(--hdr-header-bg);
}

.profil-invoice-modal__title {
  margin: 0;
  color: var(--hdr-btn-fg);
  font-size: var(--hdr-modal-title-size, 15px);
  font-weight: 700;
  line-height: 1.3;
}

.profil-invoice-modal__head-actions {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.profil-invoice-modal__print {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 36px;
  padding: 0 8px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--hdr-search-fg);
  cursor: pointer;
  font: inherit;
  font-size: 0.8125rem;
  font-weight: 650;
  transition: color 0.15s ease;
}

.profil-invoice-modal__close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  min-height: 0;
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  background-color: transparent;
  box-shadow: none;
  appearance: none;
  -webkit-appearance: none;
  color: var(--hdr-search-fg);
  cursor: pointer;
  font: inherit;
  line-height: 1;
  transition: color 0.15s ease;
}

.profil-invoice-modal__print:hover,
.profil-invoice-modal__print:focus-visible {
  color: var(--hdr-icon-fg);
  background: transparent;
  outline: none;
}

.profil-invoice-modal__close:hover,
.profil-invoice-modal__close:focus-visible {
  color: var(--hdr-icon-fg);
  background: transparent;
  background-color: transparent;
  border: 0;
  box-shadow: none;
  outline: none;
}

.profil-invoice-modal__print i,
.profil-invoice-modal__print svg {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}

.profil-invoice-modal__close i,
.profil-invoice-modal__close svg {
  width: 18px;
  height: 18px;
  display: block;
  flex-shrink: 0;
}

.profil-invoice-modal__body {
  overflow: auto;
  padding: 10px;
  box-sizing: border-box;
  background: #e8eaed;
}

.profil-invoice-modal__loading,
.profil-invoice-modal__error {
  margin: 0;
  color: var(--hdr-search-fg);
  font-size: 0.875rem;
  font-weight: 600;
}

.profil-invoice-modal__error {
  color: var(--hdr-register);
}

.inv-doc {
  --inv-ink: #111;
  --inv-soft: #333;
  --inv-mute: #555;
  --inv-rule: #999;
  --inv-fill: #f3f3f3;
  width: 100%;
  max-width: 700px;
  margin: 0 auto;
  padding: 12px 14px 10px;
  background: #fff;
  color: var(--inv-ink);
  border: 1px solid #bbb;
  box-sizing: border-box;
  font-family: "Segoe UI", Tahoma, Arial, sans-serif;
  font-size: 11px;
  font-weight: 400;
  line-height: 1.35;
}

.inv-doc__banner {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) auto auto;
  gap: 8px 12px;
  align-items: start;
  padding-bottom: 8px;
  border-bottom: 2px solid var(--inv-ink);
}

.inv-doc__brand-name {
  margin: 0 0 2px;
  color: var(--inv-ink);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.25;
  text-transform: uppercase;
}

.inv-doc__brand-line {
  margin: 0;
  color: var(--inv-soft);
  font-size: 10px;
  font-weight: 400;
  line-height: 1.35;
}

.inv-doc__etype {
  text-align: center;
  padding-top: 2px;
  min-width: 7.5rem;
}

.inv-doc__etype-title {
  margin: 0;
  color: var(--inv-ink);
  font-size: 14px;
  font-weight: 800;
  letter-spacing: 0.02em;
  line-height: 1.2;
  white-space: nowrap;
}

.inv-doc__etype-sub {
  margin: 2px 0 0;
  color: var(--inv-mute);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.08em;
}

.inv-doc__qrwrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3px;
  width: 78px;
}

.inv-doc__qr {
  width: 66px;
  height: 66px;
  padding: 2px;
  border: 1px solid var(--inv-ink);
  background: #fff;
  box-sizing: border-box;
}

.inv-doc__qr-svg {
  display: block;
  width: 100%;
  height: 100%;
}

.inv-doc__ettn {
  margin: 0;
  width: 100%;
  color: var(--inv-mute);
  font-size: 7px;
  font-weight: 600;
  line-height: 1.2;
  text-align: center;
  word-break: break-all;
}

.inv-doc__ettn span {
  display: block;
  color: var(--inv-ink);
  font-weight: 700;
  letter-spacing: 0.04em;
}

.inv-doc__meta-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  margin-top: 8px;
  border: 1px solid var(--inv-rule);
}

.inv-doc__meta {
  width: 100%;
  border-collapse: collapse;
  border-right: 1px solid var(--inv-rule);
}

.inv-doc__meta-grid .inv-doc__meta:last-child {
  border-right: 0;
}

.inv-doc__meta th,
.inv-doc__meta td {
  padding: 3px 6px;
  border-bottom: 1px solid var(--inv-rule);
  font-size: 10px;
  line-height: 1.3;
  vertical-align: top;
}

.inv-doc__meta tr:last-child th,
.inv-doc__meta tr:last-child td {
  border-bottom: 0;
}

.inv-doc__meta th {
  width: 42%;
  text-align: left;
  color: var(--inv-mute);
  font-weight: 600;
  background: var(--inv-fill);
  white-space: nowrap;
}

.inv-doc__meta td {
  color: var(--inv-ink);
  font-weight: 650;
  font-variant-numeric: tabular-nums;
  word-break: break-word;
}

.inv-doc__parties {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0;
  margin-top: 8px;
  border: 1px solid var(--inv-rule);
}

.inv-doc__party {
  min-width: 0;
  border-right: 1px solid var(--inv-rule);
}

.inv-doc__party:last-child {
  border-right: 0;
}

.inv-doc__party-title {
  margin: 0;
  padding: 4px 6px;
  border-bottom: 1px solid var(--inv-rule);
  background: var(--inv-fill);
  color: var(--inv-ink);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.03em;
  line-height: 1.25;
}

.inv-doc__party-body {
  padding: 5px 6px 6px;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.inv-doc__pline {
  display: grid;
  grid-template-columns: 5.6rem minmax(0, 1fr);
  column-gap: 4px;
  align-items: baseline;
}

.inv-doc__plabel {
  color: var(--inv-mute);
  font-size: 9px;
  font-weight: 600;
  line-height: 1.35;
}

.inv-doc__pval {
  color: var(--inv-ink);
  font-size: 10px;
  font-weight: 600;
  line-height: 1.35;
  word-break: break-word;
}

.inv-doc__lines {
  margin-top: 8px;
  border: 1px solid var(--inv-rule);
  overflow: hidden;
}

.inv-doc__table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}

.inv-doc__table th,
.inv-doc__table td {
  padding: 4px 5px;
  border-bottom: 1px solid var(--inv-rule);
  border-right: 1px solid var(--inv-rule);
  vertical-align: middle;
  font-size: 10px;
  line-height: 1.3;
  color: var(--inv-ink);
}

.inv-doc__table th:last-child,
.inv-doc__table td:last-child {
  border-right: 0;
}

.inv-doc__table th {
  background: var(--inv-fill);
  color: var(--inv-soft);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.01em;
  white-space: nowrap;
}

.inv-doc__table tbody tr:last-child td {
  border-bottom: 0;
}

.inv-doc__table .is-idx {
  width: 2rem;
  text-align: center;
  font-variant-numeric: tabular-nums;
}

.inv-doc__table .is-desc {
  text-align: left;
  font-weight: 600;
}

.inv-doc__table .is-num,
.inv-doc__table .is-unit {
  width: 3.1rem;
  text-align: center;
  font-variant-numeric: tabular-nums;
}

.inv-doc__table .is-money {
  width: 5.2rem;
  text-align: right;
  font-variant-numeric: tabular-nums;
  font-weight: 600;
  white-space: nowrap;
}

.inv-doc__table th.is-idx,
.inv-doc__table th.is-num,
.inv-doc__table th.is-unit {
  text-align: center;
}

.inv-doc__table th.is-money {
  text-align: right;
}

.inv-doc__table td.is-empty {
  text-align: center;
  color: var(--inv-mute);
  padding: 10px 5px;
}

.inv-doc__bottom {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(12rem, 0.8fr);
  gap: 0;
  margin-top: 8px;
  border: 1px solid var(--inv-rule);
}

.inv-doc__notes {
  padding: 6px 7px;
  border-right: 1px solid var(--inv-rule);
  background: #fff;
  box-sizing: border-box;
}

.inv-doc__notes-title {
  margin: 0 0 3px;
  color: var(--inv-ink);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.inv-doc__notes-text {
  margin: 0 0 4px;
  color: var(--inv-soft);
  font-size: 9px;
  font-weight: 400;
  line-height: 1.4;
}

.inv-doc__totals {
  width: 100%;
  border-collapse: collapse;
  background: #fff;
}

.inv-doc__totals th,
.inv-doc__totals td {
  padding: 4px 7px;
  border-bottom: 1px solid var(--inv-rule);
  font-size: 10px;
  line-height: 1.3;
  vertical-align: middle;
}

.inv-doc__totals tr:last-child th,
.inv-doc__totals tr:last-child td {
  border-bottom: 0;
}

.inv-doc__totals th {
  text-align: left;
  color: var(--inv-soft);
  font-weight: 600;
}

.inv-doc__totals td {
  text-align: right;
  color: var(--inv-ink);
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  width: 5.5rem;
}

.inv-doc__totals tr.is-grand th,
.inv-doc__totals tr.is-grand td {
  background: var(--inv-fill);
  color: var(--inv-ink);
  font-weight: 800;
  border-top: 1px solid var(--inv-ink);
}

.inv-doc__legal {
  margin: 8px 0 0;
  padding-top: 6px;
  border-top: 1px solid var(--inv-rule);
  color: var(--inv-mute);
  font-size: 8px;
  font-weight: 400;
  line-height: 1.4;
  text-align: center;
}
html.profil-invoice-modal-open {
  overflow: hidden;
}

@media (max-width: 860px) {
  .profil-invoices__table-head {
    display: none;
  }

  .profil-invoices__row {
    grid-template-columns: 1fr 1fr;
    gap: 8px 12px;
  }

  .profil-invoices__col.is-num {
    display: none;
  }

  .profil-invoices__col.is-issuer {
    grid-column: 1 / -1;
  }

  .profil-invoices__col.is-action {
    grid-column: 1 / -1;
  }

  .profil-invoices__view {
    width: 100%;
  }

  .profil-invoice-modal {
    padding: 10px;
    align-items: stretch;
  }

  .profil-invoice-modal__dialog {
    max-height: none;
    height: 100%;
  }

  .profil-invoice-modal__body {
    padding: 10px;
  }

  .inv-doc {
    padding: 10px;
    max-width: none;
  }

  .inv-doc__banner {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .inv-doc__etype {
    grid-column: 1 / -1;
    text-align: left;
    order: -1;
  }

  .inv-doc__meta-grid,
  .inv-doc__parties,
  .inv-doc__bottom {
    grid-template-columns: 1fr;
  }

  .inv-doc__meta {
    border-right: 0;
    border-bottom: 1px solid var(--inv-rule);
  }

  .inv-doc__meta-grid .inv-doc__meta:last-child {
    border-bottom: 0;
  }

  .inv-doc__party {
    border-right: 0;
    border-bottom: 1px solid var(--inv-rule);
  }

  .inv-doc__party:last-child {
    border-bottom: 0;
  }

  .inv-doc__notes {
    border-right: 0;
    border-bottom: 1px solid var(--inv-rule);
  }

  .inv-doc__table {
    table-layout: auto;
    min-width: 560px;
  }

  .inv-doc__lines {
    overflow-x: auto;
  }
}

@media print {
  body * {
    visibility: hidden !important;
  }

  .profil-invoice-modal,
  .profil-invoice-modal * {
    visibility: visible !important;
  }

  .profil-invoice-modal {
    position: static !important;
    inset: auto !important;
    padding: 0 !important;
    background: #fff !important;
    display: block !important;
  }

  .profil-invoice-modal__backdrop,
  .profil-invoice-modal__head {
    display: none !important;
  }

  .profil-invoice-modal__dialog {
    width: 100% !important;
    max-height: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: #fff !important;
  }

  .profil-invoice-modal__body {
    overflow: visible !important;
    padding: 0 !important;
    background: #fff !important;
  }

  .inv-doc {
    border: 0 !important;
    padding: 0 !important;
  }
}

.profil-rank {
  width: 100%;
  min-width: 0;
  margin-top: 18px;
}

.profil-rank__panel {
  display: flex;
  flex-direction: column;
  gap: 14px;
  min-width: 0;
  padding: 18px;
  border: 1px solid var(--hdr-line);
  border-radius: 14px;
  background: var(--hdr-header-bg);
  box-shadow: none;
  box-sizing: border-box;
}

.profil-rank__head {
  display: flex;
  align-items: center;
  gap: 12px;
}

.profil-rank__head-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 10px;
  border: 1px solid var(--hdr-line);
  background: var(--hdr-page-bg);
  color: var(--hdr-search-fg);
  flex-shrink: 0;
  box-sizing: border-box;
}

.profil-rank__head-icon i,
.profil-rank__head-icon svg {
  width: 20px;
  height: 20px;
  display: block;
  fill: none;
  stroke: currentColor;
}

.profil-rank__titles {
  min-width: 0;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.profil-rank__title {
  margin: 0;
  color: var(--hdr-btn-fg);
  font-size: 1.15rem;
  font-weight: 800;
  line-height: 1.25;
}

.profil-rank__details-btn {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  flex-shrink: 0;
  padding: 8px 12px;
  border: 1px solid var(--hdr-line);
  border-radius: 10px;
  background: transparent;
  color: var(--hdr-btn-fg);
  font: inherit;
  font-size: 0.82rem;
  font-weight: 700;
  cursor: pointer;
  outline: none;
  transition: border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}

.profil-rank__details-btn:hover,
.profil-rank__details-btn:focus-visible {
  border-color: var(--hdr-search-focus);
  color: var(--hdr-search-focus);
  background: transparent;
  box-shadow:
    0 0 0 1px var(--hdr-search-focus),
    0 0 14px 2px var(--hdr-search-focus-glow);
  outline: none;
}

.profil-rank__details-btn i,
.profil-rank__details-btn svg {
  width: 16px;
  height: 16px;
}

.profil-rank__trigger {
  width: 100%;
  padding: 0;
  margin: 0;
  border: 0;
  background: transparent;
  text-align: left;
  cursor: pointer;
  display: block;
}

.profil-rank__bar-wrap {
  width: 100%;
  min-width: 0;
}

.profil-rank__bar-wrap .profil-rank-bar {
  width: 100%;
  max-width: none;
  background: var(--hdr-header-bg);
  border: 1px solid var(--hdr-line);
  box-shadow: none;
}

.profil-rank__bar-wrap .profil-rank-bar::before {
  display: none;
}

.profil-rank__bar-wrap .profil-rank-bar__title {
  color: var(--hdr-btn-fg);
}

.profil-rank__bar-wrap .profil-rank-bar__sub {
  color: var(--hdr-search-fg);
}

.profil-rank__bar-wrap .profil-rank-bar__chip {
  background: transparent;
  border: 1px solid var(--hdr-line);
  color: var(--hdr-btn-fg);
}

.profil-rank__bar-wrap .profil-rank-bar__track {
  background: var(--hdr-page-bg);
  border: 1px solid var(--hdr-line);
}

.profil-rank__bar-wrap .profil-rank-bar--strip .profil-rank-bar__sub {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.35;
}

.profil-rank__trigger:focus-visible {
  outline: none;
}

.profil-rank__trigger:focus-visible .profil-rank-bar {
  border-color: var(--hdr-search-focus);
  box-shadow:
    0 0 0 1px var(--hdr-search-focus),
    0 0 14px 2px var(--hdr-search-focus-glow);
}

.profil-rank-bar {
  --rk-chip: var(--rk2);
  --p: 0%;
  width: 100%;
  max-width: none;
  padding: 12px 12px 10px;
  border-radius: 16px;
  background: color-mix(in srgb, var(--rk-chip) 6%, var(--hdr-bg));
  border: 1px solid color-mix(in srgb, var(--rk-chip) 28%, var(--hdr-line));
  box-shadow: 0 14px 28px color-mix(in srgb, var(--rk-chip) 18%, transparent);
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
}

.profil-rank-bar::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(80% 140% at 0% 0%, color-mix(in srgb, var(--rk1) 18%, transparent), transparent 55%),
    linear-gradient(135deg, var(--rk1), var(--rk2));
  opacity: 0.34;
}

.profil-rank-bar > * {
  position: relative;
  z-index: 1;
}

.profil-rank-bar__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.profil-rank-bar__left {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.profil-rank-bar__icon {
  width: 36px;
  height: 36px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: transparent;
  box-shadow: none;
}

.profil-rank-bar__icon i,
.profil-rank-bar__icon svg {
  width: 18px;
  height: 18px;
}

.profil-rank-bar__icon--img {
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
}

.profil-rank-bar__icon--img img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.profil-rank-bar__titles {
  min-width: 0;
}

.profil-rank-bar__title {
  font-weight: 900;
  letter-spacing: 0.3px;
  font-size: 0.95rem;
  color: var(--hdr-text);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.1;
}

.profil-rank-bar__sub {
  margin-top: 2px;
  font-size: 0.82rem;
  color: var(--hdr-muted);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.profil-rank-bar__chip {
  flex-shrink: 0;
  padding: 6px 10px;
  border-radius: 11px;
  background: color-mix(in srgb, var(--rk-chip) 20%, var(--hdr-bg));
  border: 1px solid color-mix(in srgb, var(--rk-chip) 48%, transparent);
  color: var(--rk-chip);
  font-size: 0.82rem;
  font-weight: 900;
}

.profil-rank-bar__track {
  margin-top: 10px;
  height: 10px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--rk-chip) 10%, var(--hdr-bg));
  border: 1px solid color-mix(in srgb, var(--rk-chip) 22%, var(--hdr-line));
  overflow: hidden;
  position: relative;
}

.profil-rank-bar__fill {
  height: 100%;
  width: var(--p);
  border-radius: inherit;
  background: linear-gradient(90deg, var(--rk1), var(--rk2));
  box-shadow: 0 0 12px var(--rk1a);
  transition: width 0.35s ease;
}

.profil-rank-bar__track-label {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.68rem;
  font-weight: 900;
  color: var(--hdr-text);
  pointer-events: none;
}

.profil-rank-bar__scale {
  margin-top: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  font-size: 0.78rem;
  color: var(--hdr-muted);
  font-weight: 800;
}

.profil-rank-bar__scale span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 48%;
}

.profil-rank-bar--strip {
  padding: 10px 12px;
  box-shadow: 0 12px 22px color-mix(in srgb, #000 22%, transparent);
}

.profil-rank-bar--strip .profil-rank-bar__scale {
  display: none;
}

.profil-rank-bar--strip .profil-rank-bar__track {
  margin-top: 9px;
  height: 9px;
}

.profil-rank-bar--strip .profil-rank-bar__icon {
  width: 38px;
  height: 38px;
}

.profil-rank-bar--strip .profil-rank-bar__title {
  font-size: 0.9rem;
}

.profil-rank-modal[hidden] {
  display: none !important;
}

.profil-rank-modal {
  position: fixed;
  inset: 0;
  z-index: 1200;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  box-sizing: border-box;
}

.profil-rank-modal__backdrop {
  position: absolute;
  inset: 0;
  background: color-mix(in srgb, #000 62%, transparent);
  backdrop-filter: blur(2px);
}

.profil-rank-modal__dialog {
  position: relative;
  z-index: 1;
  width: min(100%, 560px);
  max-height: min(88vh, 820px);
  display: flex;
  flex-direction: column;
  border: 1px solid var(--hdr-frame-border);
  border-radius: 16px;
  background: var(--hdr-bg);
  box-shadow: var(--hdr-frame-drop);
  overflow: hidden;
}

.profil-rank-modal__dialog--wide {
  width: min(100%, 640px);
}

.profil-rank-modal__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hdr-line);
}

.profil-rank-modal__title {
  margin: 0;
  font-size: 1.12rem;
  font-weight: 800;
  color: var(--hdr-text);
}

.profil-rank-modal__head-actions {
  display: flex;
  align-items: center;
  gap: 8px;
}

.profil-rank-modal__help-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: var(--hdr-accent);
  cursor: pointer;
  flex-shrink: 0;
  transition: background 0.15s ease, color 0.15s ease;
}

.profil-rank-modal__help-btn:hover,
.profil-rank-modal__help-btn:focus-visible {
  background: color-mix(in srgb, var(--hdr-accent) 12%, transparent);
  color: var(--hdr-accent);
}

.profil-rank-modal__help-btn:focus-visible {
  outline: 2px solid var(--hdr-accent);
  outline-offset: 2px;
}

.profil-rank-modal__help-btn i,
.profil-rank-modal__help-btn svg {
  width: 20px;
  height: 20px;
  display: block;
}

.profil-rank-modal__close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: var(--hdr-muted);
  cursor: pointer;
  flex-shrink: 0;
  transition: color 0.15s ease, background 0.15s ease;
}

.profil-rank-modal__close:hover,
.profil-rank-modal__close:focus-visible {
  background: transparent;
  color: var(--hdr-accent);
}

.profil-rank-modal__close:focus-visible {
  outline: 2px solid var(--hdr-accent);
  outline-offset: 2px;
}

.profil-rank-modal__close i,
.profil-rank-modal__close svg {
  width: 16px;
  height: 16px;
  display: block;
  transition: transform 0.35s ease;
}

.profil-rank-modal__close:hover i,
.profil-rank-modal__close:hover svg,
.profil-rank-modal__close:focus-visible i,
.profil-rank-modal__close:focus-visible svg {
  transform: rotate(90deg);
}

.profil-rank-modal__body {
  padding: 16px 18px 18px;
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.profil-rank-modal__body::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}

.profil-rank-kpis {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 16px;
}

.profil-rank-kpi {
  padding: 12px;
  border-radius: 12px;
  border: 1px solid var(--hdr-line);
  background: color-mix(in srgb, var(--hdr-field) 55%, var(--hdr-bg));
}

.profil-rank-kpi__label {
  font-size: 0.75rem;
  font-weight: 700;
  color: var(--hdr-muted);
  margin-bottom: 6px;
}

.profil-rank-kpi__value {
  font-size: 0.92rem;
  font-weight: 900;
  color: var(--hdr-text);
  line-height: 1.2;
}

.profil-rank-details-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.profil-rank-details-item .profil-rank-bar--strip .profil-rank-bar__sub {
  display: block;
  white-space: normal;
  overflow: visible;
  text-overflow: unset;
  line-height: 1.35;
}

.profil-rank-details-item.is-current .profil-rank-bar {
  border-color: color-mix(in srgb, var(--rk-chip) 58%, var(--hdr-line));
  box-shadow:
    0 0 0 1px color-mix(in srgb, var(--rk1) 32%, transparent),
    0 14px 28px color-mix(in srgb, var(--rk-chip) 22%, transparent);
}

.profil-rank-details-item.is-current .profil-rank-bar::before {
  opacity: 0.44;
}

.profil-rank-details-item.is-reached .profil-rank-bar::before {
  opacity: 0.3;
}

.profil-rank-details-item.is-locked .profil-rank-bar {
  opacity: 0.9;
}

.profil-rank-details-item.is-locked .profil-rank-bar::before {
  opacity: 0.22;
}

.profil-rank-details-item.is-reached .profil-rank-bar {
  opacity: 0.96;
}

.profil-rank-help__title {
  margin: 0;
  font-size: 1.12rem;
  font-weight: 800;
  color: var(--hdr-text);
  line-height: 1.3;
}

.profil-rank-help__list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.profil-rank-help-acc {
  border-radius: 12px;
  border: 1px solid color-mix(in srgb, var(--rk-chip, var(--hdr-line)) 24%, var(--hdr-line));
  background: color-mix(in srgb, var(--rk-chip, var(--hdr-field)) 7%, var(--hdr-bg));
  overflow: hidden;
}

.profil-rank-help-acc__summary {
  list-style: none;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  cursor: pointer;
  font-weight: 800;
}

.profil-rank-help-acc__summary::-webkit-details-marker {
  display: none;
}

.profil-rank-help-acc__icon {
  flex: 0 0 auto;
  width: 46px;
  height: 46px;
  border-radius: 12px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: 0;
}

.profil-rank-help-acc__icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.profil-rank-help-acc__icon i,
.profil-rank-help-acc__icon svg {
  width: 22px;
  height: 22px;
  color: var(--rk-chip, var(--hdr-accent));
}

.profil-rank-help-acc__titles {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 4px;
}

.profil-rank-help-acc__name {
  font-size: 1rem;
  color: var(--hdr-text);
}

.profil-rank-help-acc__pill {
  font-size: 0.82rem;
  font-weight: 800;
  color: var(--rk-chip, var(--hdr-accent));
}

.profil-rank-help-acc__chev {
  flex-shrink: 0;
  color: var(--hdr-muted);
}

.profil-rank-help-acc__chev i,
.profil-rank-help-acc__chev svg {
  width: 18px;
  height: 18px;
  transition: transform 0.18s ease;
}

.profil-rank-help-acc[open] .profil-rank-help-acc__chev i,
.profil-rank-help-acc[open] .profil-rank-help-acc__chev svg {
  transform: rotate(180deg);
}

.profil-rank-help-acc__body {
  padding: 0 14px 14px 72px;
  font-size: 0.88rem;
  line-height: 1.55;
  color: var(--hdr-muted);
}

.profil-rank-help-acc__body p {
  margin: 0 0 8px;
}

.profil-rank-help-acc__body p:last-child {
  margin-bottom: 0;
}

.profil-rank-help-acc__body strong {
  color: var(--hdr-text);
}

body.profil-rank-modal-open {
  overflow: hidden;
}

@media (max-width: 720px) {
  .profil-rank-kpis {
    grid-template-columns: 1fr;
  }

  .profil-rank__head {
    flex-wrap: wrap;
  }

  .profil-rank-help-acc__body {
    padding-left: 14px;
  }
}

.profil-settings {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.profil-kyc {
  scroll-margin-top: 88px;
}

.profil-kyc__head {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

.profil-kyc__head .profil-info-card__title {
  flex: 1 1 auto;
  min-width: 0;
}

.profil-kyc__badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-left: auto;
  padding: 6px 10px;
  border-radius: 10px;
  border: 1px solid var(--hdr-line);
  background: var(--hdr-page-bg);
  color: var(--hdr-search-fg);
  font-size: 0.78rem;
  font-weight: 700;
  line-height: 1;
}

.profil-kyc__badge i,
.profil-kyc__badge svg {
  width: 14px;
  height: 14px;
}

.profil-kyc__badge.is-ok {
  color: var(--hdr-login);
  border-color: color-mix(in srgb, var(--hdr-login) 40%, var(--hdr-line));
  background: color-mix(in srgb, var(--hdr-login) 12%, var(--hdr-header-bg));
}

.profil-kyc__badge.is-pending {
  color: var(--hdr-info);
  border-color: color-mix(in srgb, var(--hdr-info) 40%, var(--hdr-line));
  background: color-mix(in srgb, var(--hdr-info) 12%, var(--hdr-header-bg));
}

.profil-kyc__badge.is-bad {
  color: var(--hdr-register);
  border-color: color-mix(in srgb, var(--hdr-register) 40%, var(--hdr-line));
  background: color-mix(in srgb, var(--hdr-register) 10%, var(--hdr-header-bg));
}

.profil-kyc__badge.is-muted {
  color: var(--hdr-search-fg);
  border-color: var(--hdr-line);
  background: var(--hdr-page-bg);
}

.profil-kyc__result {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  margin: 4px 0 14px;
  padding: 14px;
  border-radius: 14px;
  border: 1px solid var(--hdr-line);
  background: var(--hdr-header-bg);
}

.profil-kyc__result h3 {
  margin: 0 0 4px;
  color: var(--hdr-btn-fg);
  font-size: 0.98rem;
  font-weight: 750;
}

.profil-kyc__result p {
  margin: 0;
  color: var(--hdr-search-fg);
  font-size: 0.86rem;
  line-height: 1.45;
}

.profil-kyc__result-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  flex: 0 0 auto;
  border-radius: 10px;
  border: 1px solid var(--hdr-line);
  background: var(--hdr-page-bg);
  color: var(--hdr-search-fg);
  box-sizing: border-box;
}

.profil-kyc__result.is-ok .profil-kyc__result-icon {
  color: var(--hdr-login);
  border-color: color-mix(in srgb, var(--hdr-login) 40%, var(--hdr-line));
  background: color-mix(in srgb, var(--hdr-login) 12%, var(--hdr-page-bg));
}

.profil-kyc__result.is-pending .profil-kyc__result-icon {
  color: var(--hdr-info);
  border-color: color-mix(in srgb, var(--hdr-info) 40%, var(--hdr-line));
  background: color-mix(in srgb, var(--hdr-info) 12%, var(--hdr-page-bg));
}

.profil-kyc__result.is-bad .profil-kyc__result-icon {
  color: var(--hdr-register);
  border-color: color-mix(in srgb, var(--hdr-register) 40%, var(--hdr-line));
  background: color-mix(in srgb, var(--hdr-register) 10%, var(--hdr-page-bg));
}

.profil-kyc__summary {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
  gap: 10px;
  margin: 0;
  width: 100%;
}

.profil-kyc__summary > div {
  padding: 12px 14px;
  border-radius: 12px;
  border: 1px solid var(--hdr-line);
  background: var(--hdr-header-bg);
}

.profil-kyc__summary dt {
  margin: 0 0 4px;
  color: var(--hdr-search-fg);
  font-size: 0.74rem;
  font-weight: 650;
}

.profil-kyc__summary dd {
  margin: 0;
  color: var(--hdr-btn-fg);
  font-size: 0.9rem;
  font-weight: 700;
  word-break: break-word;
}

.profil-kyc__form {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.profil-kyc__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.profil-kyc__field {
  display: flex;
  flex-direction: column;
  gap: 7px;
  min-width: 0;
}

.profil-kyc__label {
  color: var(--hdr-search-fg);
  font-size: 0.8rem;
  font-weight: 650;
}

.profil-kyc__control {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: var(--hdr-field-control-h, 40px);
  padding: 0 14px;
  border-radius: var(--hdr-btn-radius, 10px);
  border: 1px solid var(--hdr-line);
  background: var(--hdr-search-bg);
  color: var(--hdr-search-fg);
  box-sizing: border-box;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.profil-kyc__control:focus-within {
  border-color: var(--hdr-search-focus);
  box-shadow:
    0 0 0 1px var(--hdr-search-focus),
    0 0 14px 2px var(--hdr-search-focus-glow);
}

.profil-kyc__control i,
.profil-kyc__control svg {
  width: 18px;
  height: 18px;
  flex: 0 0 auto;
  color: var(--hdr-search-fg);
  fill: none;
  stroke: currentColor;
}

.profil-kyc__control input {
  width: 100%;
  min-width: 0;
  border: 0;
  outline: 0;
  background: transparent;
  color: var(--hdr-btn-fg);
  font: inherit;
  font-size: 0.92rem;
  font-weight: 600;
}

.profil-kyc__docs {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  gap: 12px;
}

.profil-kyc__sample,
.profil-kyc__upload {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 92px;
  padding: 12px;
  border-radius: 14px;
  border: 1px dashed var(--hdr-line);
  background: var(--hdr-header-bg);
  text-align: left;
  cursor: pointer;
  transition: border-color 0.15s ease, background 0.15s ease, box-shadow 0.15s ease;
}

.profil-kyc__sample:hover,
.profil-kyc__upload:hover,
.profil-kyc__upload.is-dragover {
  border-color: var(--hdr-search-focus);
  background: var(--hdr-header-bg);
  box-shadow:
    0 0 0 1px var(--hdr-search-focus),
    0 0 14px 2px var(--hdr-search-focus-glow);
}

.profil-kyc__sample-thumb {
  width: 72px;
  height: 54px;
  flex: 0 0 auto;
  overflow: hidden;
  border-radius: 8px;
  border: 1px solid var(--hdr-line);
  background: var(--hdr-page-bg);
}

.profil-kyc__sample-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.profil-kyc__sample-text,
.profil-kyc__upload-text {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  flex: 1 1 auto;
}

.profil-kyc__sample-text strong,
.profil-kyc__upload-text strong {
  color: var(--hdr-btn-fg);
  font-size: 0.9rem;
  font-weight: 750;
}

.profil-kyc__sample-text small,
.profil-kyc__upload-text small {
  color: var(--hdr-search-fg);
  font-size: 0.76rem;
  line-height: 1.35;
}

.profil-kyc__sample-zoom,
.profil-kyc__upload-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  flex: 0 0 auto;
  border-radius: 10px;
  border: 1px solid var(--hdr-line);
  background: var(--hdr-page-bg);
  color: var(--hdr-search-fg);
  box-sizing: border-box;
}

.profil-kyc__sample-zoom i,
.profil-kyc__sample-zoom svg,
.profil-kyc__upload-icon i,
.profil-kyc__upload-icon svg {
  width: 16px;
  height: 16px;
}

.profil-kyc__upload {
  position: relative;
}

.profil-kyc__upload input {
  position: absolute;
  inset: 0;
  opacity: 0;
  cursor: pointer;
}

.profil-kyc__upload-cta {
  flex: 0 0 auto;
  padding: 8px 12px;
  border-radius: 10px;
  border: 1px solid var(--hdr-register);
  color: var(--hdr-register);
  font-size: 0.78rem;
  font-weight: 750;
  background: transparent;
}

.profil-kyc__upload.has-file {
  border-style: solid;
  border-color: var(--hdr-login);
}

.profil-kyc__privacy {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  margin: 0;
  padding: 12px 14px;
  border-radius: 12px;
  border: 1px solid var(--hdr-line);
  background: var(--hdr-header-bg);
  color: var(--hdr-search-fg);
  font-size: 0.8rem;
  line-height: 1.45;
}

.profil-kyc__privacy i,
.profil-kyc__privacy svg {
  width: 16px;
  height: 16px;
  flex: 0 0 auto;
  margin-top: 2px;
  color: var(--hdr-info);
}

.profil-kyc__submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
  min-height: var(--hdr-btn-h, 40px);
  border: 0;
  border-radius: var(--hdr-btn-radius, 10px);
  background: var(--hdr-register);
  color: var(--hdr-btn-fg);
  font: inherit;
  font-size: var(--hdr-btn-font-size, 13px);
  font-weight: 750;
  cursor: pointer;
}

.profil-kyc__submit:hover:not(:disabled) {
  background: var(--hdr-register-hover);
}

.profil-kyc__submit:disabled {
  opacity: 0.55;
  cursor: not-allowed;
}

.profil-kyc__submit i,
.profil-kyc__submit svg {
  width: 18px;
  height: 18px;
}

.profil-kyc-lightbox {
  position: fixed;
  inset: 0;
  z-index: 90;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  background: color-mix(in srgb, #000 72%, transparent);
}

.profil-kyc-lightbox[hidden] {
  display: none !important;
}

.profil-kyc-lightbox img {
  max-width: min(920px, 100%);
  max-height: min(86vh, 100%);
  border-radius: 14px;
  box-shadow: var(--hdr-frame-drop);
  background: var(--hdr-page-bg);
}

.profil-kyc-lightbox__close {
  position: absolute;
  top: 18px;
  right: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border: 1px solid var(--hdr-line);
  border-radius: 10px;
  background: var(--hdr-header-bg);
  color: var(--hdr-search-fg);
  cursor: pointer;
  transition: color 0.15s ease, border-color 0.15s ease;
}

.profil-kyc-lightbox__close:hover,
.profil-kyc-lightbox__close:focus-visible {
  color: var(--hdr-btn-fg);
  border-color: var(--hdr-search-focus);
  outline: none;
}

.profil-kyc-lightbox__close i,
.profil-kyc-lightbox__close svg {
  transition: transform 0.25s ease;
}

.profil-kyc-lightbox__close:hover i,
.profil-kyc-lightbox__close:hover svg,
.profil-kyc-lightbox__close:focus-visible i,
.profil-kyc-lightbox__close:focus-visible svg {
  transform: rotate(90deg);
}

body.is-profil-kyc-lightbox-open {
  overflow: hidden;
}

@media (max-width: 860px) {
  .profil-kyc__grid,
  .profil-kyc__docs,
  .profil-kyc__summary {
    grid-template-columns: 1fr;
  }

  .profil-kyc__badge {
    margin-left: 0;
  }
}

body.site-body.site-secure-login {
  margin: 0;
  min-height: 100vh;
  min-height: 100dvh;
  display: flex;
  flex-direction: column;
  background: var(--hdr-page-bg);
  color: var(--hdr-text);
}

body.site-secure-login .site-main--secure-login {
  margin: 0;
  padding: 0;
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}

.secure-login {
  --sl-duration: 2500ms;
  --sl-accent: var(--hdr-accent);
  --sl-ok: var(--hdr-login);
  --sl-ok-hover: var(--hdr-login-hover);
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--hdr-shell-gap) var(--hdr-shell-gutter);
  box-sizing: border-box;
}

.secure-login__card {
  width: 100%;
  max-width: 400px;
  box-sizing: border-box;
  animation: secureLoginCardIn 0.45s ease both;
}

.secure-login__brand {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 18px;
  text-decoration: none;
}

.secure-login__logo {
  display: block;
  width: auto;
  height: auto;
  max-width: min(200px, 70vw);
  max-height: var(--hdr-logo-height);
  object-fit: contain;
}

.secure-login__head {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 0 18px;
  text-align: center;
}

.secure-login__title {
  margin: 0 0 6px;
  font-size: var(--hdr-modal-title-size, 1.2rem);
  font-weight: 800;
  letter-spacing: -0.02em;
  line-height: 1.2;
  color: var(--hdr-text);
}

.secure-login__subtitle {
  margin: 0;
  color: var(--hdr-muted);
  font-size: var(--hdr-font-sm);
  font-weight: 500;
  line-height: 1.4;
}

.secure-login__track {
  margin: 0 0 16px;
  padding: 14px 0;
}

.secure-login__spinner {
  width: 44px;
  height: 44px;
  margin: 0 auto 12px;
  border-radius: 50%;
  border: 2.5px solid color-mix(in srgb, var(--hdr-text) 10%, transparent);
  border-top-color: var(--sl-accent);
  border-right-color: color-mix(in srgb, var(--sl-accent) 55%, var(--hdr-text));
  box-sizing: border-box;
  animation: secureLoginSpin 0.9s linear infinite;
}

.secure-login__status {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 12px;
  color: var(--hdr-muted);
  font-size: var(--hdr-font-xs);
  font-weight: 600;
  line-height: 1.35;
}

.secure-login__dots {
  display: inline-flex;
  align-items: flex-end;
  gap: 3px;
  margin-left: 5px;
}

.secure-login__dots i {
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: var(--hdr-muted);
  animation: secureLoginDot 1.2s ease-in-out infinite;
}

.secure-login__dots i:nth-child(2) {
  animation-delay: 0.18s;
}

.secure-login__dots i:nth-child(3) {
  animation-delay: 0.36s;
}

.secure-login__progress {
  height: 4px;
  border-radius: 2px;
  background: var(--hdr-field);
  overflow: hidden;
}

.secure-login__progress-bar {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  background: var(--sl-accent);
  transform: scaleX(0);
  transform-origin: left center;
  animation: secureLoginProgress var(--sl-duration) cubic-bezier(0.35, 0.15, 0.25, 1) forwards;
}

.secure-login__steps {
  display: grid;
  gap: 8px;
  margin: 0 0 14px;
  padding: 0;
  list-style: none;
}

.secure-login__step {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: var(--hdr-btn-h);
  padding: 0 12px;
  border: 1px solid var(--hdr-line);
  border-radius: var(--hdr-btn-radius);
  background: var(--hdr-menu-bg);
  color: var(--hdr-muted);
  font-size: var(--hdr-font-sm);
  font-weight: 600;
  line-height: 1.35;
  opacity: 0.55;
  box-sizing: border-box;
  animation: secureLoginStepIn 0.4s ease both;
  animation-delay: calc(var(--sl-duration) * var(--sl-step-at, 0));
}

.secure-login__step-icon {
  width: 28px;
  height: 28px;
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--hdr-btn-radius);
  color: inherit;
  background: color-mix(in srgb, var(--hdr-text) 4%, transparent);
  border: 1px solid transparent;
  box-sizing: border-box;
  animation: secureLoginStepIcon 0.4s ease both;
  animation-delay: calc(var(--sl-duration) * var(--sl-step-at, 0));
}

.secure-login__step-icon svg {
  width: 15px;
  height: 15px;
  display: block;
}

.secure-login__step-label {
  min-width: 0;
}

.secure-login__note {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 0;
  padding: 10px 12px;
  border: 1px solid color-mix(in srgb, var(--hdr-info) 35%, var(--hdr-line));
  border-radius: var(--hdr-btn-radius);
  background: color-mix(in srgb, var(--hdr-info) 8%, var(--hdr-header-bg));
  color: var(--hdr-muted);
  font-size: var(--hdr-font-xs);
  font-weight: 500;
  line-height: 1.45;
  box-sizing: border-box;
}

.secure-login__note-icon {
  flex: 0 0 auto;
  width: 18px;
  height: 18px;
  margin-top: 1px;
  color: var(--hdr-info);
}

.secure-login__note-icon svg {
  width: 18px;
  height: 18px;
  display: block;
}

.secure-login__continue {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 14px;
  width: 100%;
  min-height: var(--hdr-btn-h);
  padding: 0 var(--hdr-btn-pad-x);
  border-radius: var(--hdr-btn-radius);
  background: var(--sl-ok);
  color: var(--hdr-btn-fg);
  text-decoration: none;
  font-size: var(--hdr-btn-font-size);
  font-weight: 700;
  line-height: 1;
  box-sizing: border-box;
}

.secure-login__continue:hover,
.secure-login__continue:focus-visible {
  background: var(--sl-ok-hover);
  color: var(--hdr-btn-fg);
}

.secure-login__continue:focus-visible {
  outline: 2px solid var(--sl-ok);
  outline-offset: 2px;
}

.secure-login__continue[hidden] {
  display: none !important;
}

@keyframes secureLoginCardIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes secureLoginSpin {
  to { transform: rotate(360deg); }
}

@keyframes secureLoginDot {
  0%, 100% { opacity: 0.35; }
  50% { opacity: 1; }
}

@keyframes secureLoginStepIn {
  from { opacity: 0.55; }
  to {
    opacity: 1;
    color: var(--hdr-text);
    border-color: var(--hdr-line);
    background: var(--hdr-menu-hover);
  }
}

@keyframes secureLoginStepIcon {
  to {
    color: var(--sl-accent);
    background: color-mix(in srgb, var(--sl-accent) 12%, transparent);
    border-color: color-mix(in srgb, var(--sl-accent) 28%, var(--hdr-line));
  }
}

@keyframes secureLoginStepFade {
  to {
    opacity: 1;
    color: var(--hdr-text);
    background: var(--hdr-menu-hover);
  }
}

@keyframes secureLoginProgress {
  from { transform: scaleX(0); }
  to { transform: scaleX(1); }
}

@media (max-width: 360px) {
  .secure-login__step,
  .secure-login__continue {
    min-height: var(--hdr-btn-h-sm);
  }
}

@media (min-width: 1024px) {
  .secure-login {
    padding: 24px var(--hdr-shell-gutter);
  }

  .secure-login__card {
    max-width: 420px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .secure-login__card,
  .secure-login__spinner,
  .secure-login__dots i,
  .secure-login__step-icon {
    animation: none;
  }

  .secure-login__step {
    animation-name: secureLoginStepFade;
    animation-fill-mode: both;
  }

  .secure-login__step-icon {
    color: var(--sl-accent);
    background: color-mix(in srgb, var(--sl-accent) 12%, transparent);
    border-color: color-mix(in srgb, var(--sl-accent) 28%, var(--hdr-line));
  }

  .secure-login__progress-bar {
    animation: none;
    transform: scaleX(1);
  }
}

.site-body {
  --auth-accent-ring: color-mix(in srgb, var(--hdr-register) 22%, transparent);
  --auth-accent-soft: color-mix(in srgb, var(--hdr-register) 18%, transparent);
  --auth-accent-soft-bg: color-mix(in srgb, var(--hdr-register) 10%, transparent);
  --register-control-border: 1px solid var(--hdr-field-border);
  --register-control-gap: 10px;
  --register-card-pad-x: 16px;
  --register-layout-gap: 16px;
  --register-visual-w: 100%;
}

.site-body .site-main.site-main--auth {
  display: flex;
  flex: 1 1 auto;
  align-items: flex-start;
  justify-content: stretch;
  width: 100%;
  max-width: 100%;
  min-height: auto;
  margin: 0;
  padding: var(--hdr-shell-gap) var(--hdr-shell-gutter)
    calc(var(--hdr-shell-gap) + 12px + env(safe-area-inset-bottom, 0px));
  box-sizing: border-box;
  background: var(--hdr-page-bg);
  overflow-x: clip;
}
.site-body .register-page {
  width: 100%;
  max-width: 100%;
  margin: 0;
  box-sizing: border-box;
  min-width: 0;
}
.site-body .register-page__layout {
  display: flex;
  flex-direction: column;
  gap: var(--register-layout-gap);
  width: 100%;
  min-width: 0;
}
.site-body .register-page__visual {
  width: 100%;
  min-width: 0;
}
.site-body .register-visual__slot {
  display: block;
  width: 100%;
  min-height: 140px;
  aspect-ratio: 1173 / 1341;
  box-sizing: border-box;
  border: 1px solid var(--hdr-line);
  border-radius: var(--hdr-frame-radius);
  background: var(--hdr-header-bg);
  box-shadow: var(--hdr-frame-drop);
  overflow: hidden;
}
.site-body .register-visual__slot picture {
  display: block;
  width: 100%;
  height: 100%;
}
.site-body .register-visual__image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.site-body .register-page__card {
  border: 1px solid var(--hdr-line);
  border-radius: var(--hdr-frame-radius);
  background: var(--hdr-header-bg);
  box-shadow: var(--hdr-frame-drop);
  padding: 20px var(--register-card-pad-x) 16px;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  min-width: 0;
}
.site-body .register-page__header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
  margin-bottom: 16px;
}
.site-body .register-page__title {
  margin: 0 0 6px;
  font-size: var(--hdr-font);
  font-weight: 800;
  line-height: 1.2;
  color: var(--hdr-text);
}
.site-body .register-page__subtitle {
  margin: 0;
  max-width: none;
  color: var(--hdr-muted);
  font-size: var(--hdr-font-sm);
  font-weight: 500;
  line-height: 1.45;
}
.site-body .register-page__card > .register-form {
  flex: 1 1 auto;
  min-width: 0;
  min-height: 0;
}
.site-body .register-page__switch {
  flex-shrink: 0;
  margin: 0;
  padding: 14px 0 0;
  border-top: 1px solid var(--hdr-line);
  text-align: center;
}
.site-body .register-form {
  display: flex;
  flex-direction: column;
}
.site-body .register-form__body {
  display: flex;
  flex-direction: column;
}
.site-body .register-form__footer {
  flex-shrink: 0;
  padding-top: 12px;
}
.site-body .register-form__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--register-control-gap);
  align-content: start;
}
.site-body .register-field {
  margin: 0;
  min-width: 0;
}
.site-body .register-field > .register-input,
.site-body .register-field > .register-password__wrap,
.site-body .register-field > .register-custom-select,
.site-body .register-field > .register-gender,
.site-body .register-field > select.register-select {
  width: 100%;
}
.site-body .register-field--full {
  grid-column: 1 / -1;
}
.site-body .register-form__grid--login {
  gap: 14px;
  align-content: start;
}
.site-body .register-field__label-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 5px;
  min-width: 0;
  max-width: 100%;
}
.site-body .register-field__label-row .register-field__label {
  margin-bottom: 0;
  flex: 0 0 auto;
}
.site-body .register-forgot-link {
  padding: 0;
  border: 0;
  background: none;
  color: var(--hdr-muted);
  font: inherit;
  font-size: var(--hdr-font-xs);
  font-weight: 600;
  line-height: 1.3;
  cursor: pointer;
  transition: color 0.2s ease;
  flex: 0 1 auto;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.site-body .register-forgot-link:hover {
  color: var(--hdr-text);
  text-decoration: underline;
}
.site-body .register-forgot-link:disabled {
  opacity: 0.55;
  cursor: wait;
  text-decoration: none;
}
.site-body .register-gender {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--register-control-gap);
  width: 100%;
  min-width: 0;
}
.site-body .register-gender__option {
  display: block;
  margin: 0;
  min-width: 0;
  cursor: pointer;
  user-select: none;
}
.site-body .register-gender__input {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  opacity: 0;
  pointer-events: none;
  clip: rect(0, 0, 0, 0);
  overflow: hidden;
}
.site-body .register-gender__box {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: 100%;
  min-width: 0;
  min-height: var(--hdr-ctrl-h);
  height: var(--hdr-ctrl-h);
  padding: 0 8px;
  border: var(--register-control-border);
  border-radius: var(--hdr-btn-radius);
  background: var(--hdr-field);
  color: var(--hdr-muted);
  box-sizing: border-box;
  overflow: hidden;
  transition: border-color 0.2s ease, background 0.2s ease, color 0.2s ease;
}
.site-body .register-gender__option:hover .register-gender__box {
  border-color: var(--hdr-line);
  background: var(--hdr-field);
  color: var(--hdr-text);
}
.site-body .register-gender__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  color: inherit;
}
.site-body .register-gender__icon i,
.site-body .register-gender__icon svg {
  width: 16px;
  height: 16px;
}
.site-body .register-gender__label {
  font-size: var(--hdr-font-xs);
  font-weight: 700;
  line-height: 1;
  color: inherit;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.site-body .register-gender__input:checked + .register-gender__box {
  border-color: var(--hdr-register);
  background: var(--hdr-register);
  color: var(--hdr-btn-fg);
}
.site-body .register-gender__input:checked + .register-gender__box .register-gender__icon {
  color: var(--hdr-btn-fg);
}
.site-body .register-gender__option:hover .register-gender__input:checked + .register-gender__box {
  background: var(--hdr-register-hover);
  border-color: var(--hdr-register-hover);
}
.site-body .register-gender__input:focus-visible + .register-gender__box {
  outline: 2px solid var(--hdr-register);
  outline-offset: 2px;
}
.site-body .register-field__label {
  display: block;
  margin-bottom: 5px;
  font-size: var(--hdr-font-xs);
  font-weight: 600;
  color: var(--hdr-muted);
}
.site-body .register-field__optional {
  font-weight: 500;
  color: var(--hdr-search-fg);
}
.site-body .register-input,
.site-body .register-password__input,
.site-body .register-form select.register-select {
  display: block;
  width: 100%;
  height: var(--hdr-ctrl-h);
  min-height: var(--hdr-ctrl-h);
  max-height: var(--hdr-ctrl-h);
  padding: 0 12px;
  border: var(--register-control-border);
  border-radius: var(--hdr-btn-radius);
  background: var(--hdr-field);
  color: var(--hdr-btn-fg);
  font: inherit;
  font-size: var(--hdr-font-xs);
  font-weight: 500;
  line-height: 1.2;
  outline: none;
  box-sizing: border-box;
  transition: border-color 0.2s ease, background 0.2s ease;
  box-shadow: none;
  background-image: none;
  -webkit-appearance: none;
  appearance: none;
}
.site-body .register-input:focus,
.site-body .register-password__input:focus,
.site-body .register-form select.register-select:focus {
  border-color: var(--hdr-register);
  background: var(--hdr-field);
  box-shadow: 0 0 0 3px var(--auth-accent-ring);
}
.site-body .register-input:not(:placeholder-shown):not(:focus),
.site-body .register-password__input:not(:placeholder-shown):not(:focus) {
  border: var(--register-control-border);
  background: var(--hdr-field);
}
.site-body .register-input:-webkit-autofill,
.site-body .register-input:-webkit-autofill:hover,
.site-body .register-input:-webkit-autofill:focus,
.site-body .register-input:-webkit-autofill:active,
.site-body .register-password__input:-webkit-autofill,
.site-body .register-password__input:-webkit-autofill:hover,
.site-body .register-password__input:-webkit-autofill:focus,
.site-body .register-password__input:-webkit-autofill:active,
.site-body .register-input:autofill,
.site-body .register-password__input:autofill {
  -webkit-text-fill-color: var(--hdr-btn-fg) !important;
  caret-color: var(--hdr-btn-fg) !important;
  border: var(--register-control-border) !important;
  -webkit-box-shadow: 0 0 0 1000px var(--hdr-field) inset !important;
  box-shadow: 0 0 0 1000px var(--hdr-field) inset !important;
  transition: background-color 9999s ease-out 0s;
}
.site-body .register-input:focus:-webkit-autofill,
.site-body .register-password__input:focus:-webkit-autofill,
.site-body .register-password__wrap:focus-within .register-password__input:-webkit-autofill {
  border-color: var(--hdr-register) !important;
  -webkit-box-shadow: 0 0 0 1000px var(--hdr-field) inset, 0 0 0 3px var(--auth-accent-ring) !important;
  box-shadow: 0 0 0 1000px var(--hdr-field) inset, 0 0 0 3px var(--auth-accent-ring) !important;
}
.site-body .register-input::placeholder {
  color: var(--hdr-search-fg);
}
.site-body .register-password__wrap {
  position: relative;
  width: 100%;
  height: var(--hdr-ctrl-h);
}
.site-body .register-password__input {
  padding-right: 36px;
  height: 100%;
  min-height: 100%;
  max-height: none;
}
.site-body .register-password__toggle {
  position: absolute;
  top: 0;
  right: 4px;
  bottom: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  margin-block: auto;
  padding: 0;
  border: 0;
  border-radius: var(--hdr-btn-radius);
  background: transparent;
  color: var(--hdr-muted);
  transform: none;
  cursor: pointer;
  box-sizing: border-box;
  flex-shrink: 0;
  -webkit-appearance: none;
  appearance: none;
  outline: none;
  line-height: 0;
}
.site-body .register-password__toggle:hover,
.site-body .register-password__toggle:active,
.site-body .register-password__toggle:focus,
.site-body .register-password__toggle:focus-visible {
  background: transparent;
  color: var(--hdr-text);
  transform: none;
  outline: none;
}
.site-body .register-password__toggle i,
.site-body .register-password__toggle svg {
  width: 15px;
  height: 15px;
  display: block;
  flex-shrink: 0;
  pointer-events: none;
}
.site-body .register-select {
  appearance: none;
}
.site-body .register-page .register-custom-select {
  position: relative;
  width: 100%;
}
.site-body .register-page .register-custom-select.is-open {
  z-index: 20;
}
.site-body .register-page .register-custom-select__native {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  opacity: 0;
  pointer-events: none;
  clip: rect(0, 0, 0, 0);
  overflow: hidden;
}
.site-body .register-page .register-custom-select__btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  width: 100%;
  height: var(--hdr-ctrl-h);
  min-height: var(--hdr-ctrl-h);
  max-height: var(--hdr-ctrl-h);
  padding: 0 10px 0 12px;
  border: var(--register-control-border);
  border-radius: var(--hdr-btn-radius);
  background: var(--hdr-field);
  color: var(--hdr-btn-fg);
  font: inherit;
  font-size: var(--hdr-font-xs);
  font-weight: 500;
  line-height: 1.2;
  text-align: left;
  cursor: pointer;
  box-sizing: border-box;
  transition: border-color 0.2s ease, background 0.2s ease;
}
.site-body .register-page .register-custom-select.is-open .register-custom-select__btn,
.site-body .register-page .register-custom-select__btn:focus-visible {
  border-color: var(--hdr-register);
  background: var(--hdr-field);
  outline: none;
  box-shadow: 0 0 0 3px var(--auth-accent-ring);
}
.site-body .register-page .register-custom-select__value {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.site-body .register-page .register-custom-select__value.is-placeholder {
  color: var(--hdr-search-fg);
}
.site-body .register-page .register-custom-select__chev {
  display: inline-flex;
  flex: 0 0 auto;
  color: var(--hdr-muted);
  transition: transform 0.2s ease;
}
.site-body .register-page .register-custom-select__chev svg,
.site-body .register-page .register-custom-select__chev i {
  width: 14px;
  height: 14px;
}
.site-body .register-page .register-custom-select.is-open .register-custom-select__chev {
  transform: rotate(180deg);
}
.site-body .register-page .register-custom-select__list,
.site-body .register-custom-select__list.is-portal.is-auth-select {
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  right: 0;
  z-index: 10;
  list-style: none;
  margin: 0;
  padding: 6px;
  border: 1px solid var(--hdr-line);
  border-radius: var(--hdr-btn-radius);
  background: var(--hdr-header-bg);
  box-shadow: var(--hdr-frame-drop);
  box-sizing: border-box;
  max-height: min(280px, 52vh);
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.site-body .register-page .register-custom-select__list::-webkit-scrollbar,
.site-body .register-custom-select__list.is-portal.is-auth-select::-webkit-scrollbar {
  display: none;
}
.site-body .register-page .register-custom-select__list.is-portal,
.site-body .register-custom-select__list.is-portal.is-auth-select {
  position: fixed;
  z-index: 12100;
  right: auto;
  margin: 0;
  box-sizing: border-box;
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
}
.site-body .register-page .register-custom-select__list[hidden],
.site-body .register-custom-select__list.is-portal.is-auth-select[hidden] {
  display: none !important;
}
.site-body .register-page .register-custom-select__option,
.site-body .register-custom-select__list.is-portal.is-auth-select .register-custom-select__option {
  padding: 9px 10px;
  border-radius: 8px;
  font-size: var(--hdr-font-xs);
  line-height: 1.3;
  color: var(--hdr-text);
  cursor: pointer;
}
.site-body .register-page .register-custom-select__option:hover,
.site-body .register-page .register-custom-select__option.is-active,
.site-body .register-custom-select__list.is-portal.is-auth-select .register-custom-select__option:hover,
.site-body .register-custom-select__list.is-portal.is-auth-select .register-custom-select__option.is-active {
  background: var(--hdr-menu-hover);
}
.site-body .register-page .register-custom-select__option.is-selected,
.site-body .register-custom-select__list.is-portal.is-auth-select .register-custom-select__option.is-selected {
  background: var(--auth-accent-soft);
  color: var(--hdr-btn-fg);
  font-weight: 600;
}
.site-body .register-page .register-custom-select__option.is-selected.is-active,
.site-body .register-page .register-custom-select__option.is-selected:hover,
.site-body .register-custom-select__list.is-portal.is-auth-select .register-custom-select__option.is-selected.is-active,
.site-body .register-custom-select__list.is-portal.is-auth-select .register-custom-select__option.is-selected:hover {
  background: var(--auth-accent-soft);
}
.site-body .register-terms {
  margin-top: 0;
  padding-top: 12px;
  border-top: 1px solid var(--hdr-line);
}
.site-body .register-terms__row {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  cursor: pointer;
}
.site-body .register-terms__row:focus-visible {
  outline: 2px solid var(--hdr-register);
  outline-offset: 2px;
  border-radius: 6px;
}
.site-body .register-terms__box {
  position: relative;
  width: 16px;
  height: 16px;
  margin-top: 1px;
  flex: 0 0 16px;
  border: var(--register-control-border);
  border-radius: 4px;
  background: var(--hdr-field);
  box-sizing: border-box;
  transition: border-color 0.2s ease, background 0.2s ease;
}
.site-body .register-terms__row.is-checked .register-terms__box {
  border-color: var(--hdr-register);
  background: var(--hdr-register);
}
.site-body .register-terms__row.is-checked .register-terms__box::after {
  content: "";
  position: absolute;
  left: 5px;
  top: 2px;
  width: 4px;
  height: 8px;
  border-color: var(--hdr-btn-fg);
  border-style: solid;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.site-body .register-terms__text {
  font-size: 12px;
  line-height: 1.45;
  color: var(--hdr-muted);
}
.site-body .register-terms__link {
  padding: 0;
  border: 0;
  background: none;
  color: var(--hdr-register);
  font: inherit;
  font-weight: 700;
  text-decoration: underline;
  cursor: pointer;
}
.site-body .register-actions {
  margin-top: 12px;
}
.site-body .register-oauth {
  margin-top: 14px;
}
.site-body .register-oauth__divider {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0 0 12px;
  color: var(--hdr-search-fg);
  font-size: var(--hdr-font-xs);
  font-weight: 700;
  letter-spacing: 0.06em;
}
.site-body .register-oauth__divider::before,
.site-body .register-oauth__divider::after {
  content: "";
  flex: 1 1 auto;
  height: 1px;
  background: var(--hdr-line);
}
.site-body .register-oauth__divider span {
  flex: 0 0 auto;
}
.site-body .register-oauth__stack {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  gap: 10px;
}
.site-body .register-oauth__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  flex: 1 1 0;
  width: auto;
  min-width: 0;
  min-height: var(--hdr-ctrl-h);
  height: var(--hdr-ctrl-h);
  padding: 0 12px;
  border: 1px solid transparent;
  border-radius: var(--hdr-btn-radius);
  font: inherit;
  font-size: var(--hdr-font-xs);
  font-weight: 700;
  line-height: 1.15;
  text-align: center;
  text-decoration: none;
  box-sizing: border-box;
  cursor: pointer;
  transition: background-color 0.15s ease, border-color 0.15s ease;
}
.site-body .register-oauth__btn span {
  min-width: 0;
}
.site-body .register-oauth__btn-icon {
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
}
.site-body .register-oauth__btn--google {
  border-color: var(--oauth-google-border);
  background: var(--oauth-google-bg);
  color: var(--oauth-google-text);
}
.site-body .register-oauth__btn--google:hover {
  background: var(--oauth-google-bg-hover);
  border-color: var(--oauth-google-border-hover);
}
.site-body .register-oauth__btn--telegram {
  border-color: var(--oauth-telegram-border);
  background: var(--oauth-telegram-bg);
  color: var(--oauth-telegram-text);
}
.site-body .register-oauth__btn--telegram:hover {
  background: var(--oauth-telegram-bg-hover);
  border-color: var(--oauth-telegram-border-hover);
}

html.tg-code-modal-open,
html.tg-code-modal-open body {
  overflow: hidden;
}

.tg-code-modal[hidden] {
  display: none !important;
}

.tg-code-modal {
  position: fixed;
  inset: 0;
  z-index: 14000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  box-sizing: border-box;
}

.tg-code-modal__backdrop {
  position: absolute;
  inset: 0;
  border: 0;
  padding: 0;
  margin: 0;
  background: rgba(0, 0, 0, 0.62);
  cursor: pointer;
}

.tg-code-modal__dialog {
  position: relative;
  z-index: 1;
  width: min(100%, 420px);
  max-height: min(92vh, 640px);
  overflow: auto;
  border: 1px solid var(--hdr-line);
  border-radius: 16px;
  background: var(--hdr-page-bg, #121214);
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.45);
  box-sizing: border-box;
}

.tg-code-modal__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 16px 16px 0;
}

.tg-code-modal__title {
  margin: 0;
  color: var(--hdr-btn-fg, #fff);
  font-size: 1.15rem;
  font-weight: 750;
  letter-spacing: -0.02em;
}

.tg-code-modal__close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border: 1px solid var(--hdr-line);
  border-radius: 10px;
  background: transparent;
  color: var(--hdr-muted);
  cursor: pointer;
}

.tg-code-modal__close:hover,
.tg-code-modal__close:focus-visible {
  color: var(--hdr-btn-fg);
  border-color: var(--hdr-search-focus, var(--hdr-register));
  outline: none;
}

.tg-code-modal__close i,
.tg-code-modal__close svg {
  width: 18px;
  height: 18px;
}

.tg-code-modal__body {
  padding: 14px 16px 18px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.tg-code-modal__steps {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.tg-code-modal__steps li {
  display: flex;
  gap: 10px;
  align-items: flex-start;
}

.tg-code-modal__step-num {
  flex: 0 0 auto;
  width: 24px;
  height: 24px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #229ed9;
  color: #fff;
  font-size: 12px;
  font-weight: 800;
}

.tg-code-modal__step-copy {
  min-width: 0;
}

.tg-code-modal__step-copy strong {
  display: block;
  color: var(--hdr-btn-fg);
  font-size: 0.92rem;
  font-weight: 700;
}

.tg-code-modal__step-copy p {
  margin: 2px 0 0;
  color: var(--hdr-search-fg, #a1a1aa);
  font-size: 0.82rem;
  line-height: 1.4;
}

.tg-code-modal__step-copy em {
  font-style: normal;
  color: var(--hdr-btn-fg);
  font-weight: 650;
}

.tg-code-modal__open {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
  min-height: 46px;
  padding: 0 16px;
  border-radius: 12px;
  border: 1px solid #1a8bc0;
  background: #229ed9;
  color: #fff;
  font: inherit;
  font-size: 0.95rem;
  font-weight: 750;
  text-decoration: none;
  box-sizing: border-box;
  transition: background 0.15s ease, border-color 0.15s ease;
}

.tg-code-modal__open:hover,
.tg-code-modal__open:focus-visible {
  background: #1b8ec4;
  border-color: #167aa9;
  outline: none;
}

.tg-code-modal__open.is-disabled {
  opacity: 0.6;
  pointer-events: none;
}

.tg-code-modal__open-ico {
  display: inline-flex;
}

.tg-code-modal__form {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.tg-code-modal__label {
  color: var(--hdr-search-fg);
  font-size: 0.82rem;
  font-weight: 650;
}

.tg-code-modal__input {
  width: 100%;
  min-height: 52px;
  padding: 0 14px;
  border: 1px solid var(--hdr-line);
  border-radius: 12px;
  background: var(--hdr-field, var(--hdr-search-bg));
  color: var(--hdr-btn-fg);
  font: inherit;
  font-size: 1.45rem;
  font-weight: 800;
  letter-spacing: 0.28em;
  text-align: center;
  box-sizing: border-box;
}

.tg-code-modal__input:focus {
  outline: none;
  border-color: #229ed9;
  box-shadow: 0 0 0 1px #229ed9;
}

.tg-code-modal__hint {
  margin: 0;
  color: var(--hdr-search-fg);
  font-size: 0.8rem;
  line-height: 1.4;
}

.tg-code-modal__error {
  margin: 0;
  padding: 10px 12px;
  border-radius: 10px;
  background: rgba(220, 38, 38, 0.12);
  border: 1px solid rgba(220, 38, 38, 0.35);
  color: #fecaca;
  font-size: 0.84rem;
  font-weight: 650;
  line-height: 1.35;
}

.tg-code-modal__error[hidden] {
  display: none !important;
}

.tg-code-modal__submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 46px;
  margin-top: 4px;
  border: 0;
  border-radius: 12px;
  background: var(--hdr-register, #e11d48);
  color: #fff;
  font: inherit;
  font-size: 0.95rem;
  font-weight: 750;
  cursor: pointer;
}

.tg-code-modal__submit:hover,
.tg-code-modal__submit:focus-visible {
  filter: brightness(1.05);
  outline: none;
}

.tg-code-modal__submit:disabled {
  opacity: 0.65;
  cursor: wait;
}

.site-body .register-terms-modal[hidden] {
  display: none !important;
}
.site-body .register-terms-modal {
  position: fixed;
  inset: 0;
  z-index: 13000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  box-sizing: border-box;
}
.site-body .register-terms-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.58);
}
.site-body .register-terms-modal__dialog {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  width: min(var(--hdr-modal-width-lg), calc(100vw - 32px));
  max-height: min(82vh, 720px);
  border: 1px solid var(--hdr-frame-border);
  border-radius: var(--hdr-modal-radius);
  background: var(--hdr-header-bg);
  box-shadow: var(--hdr-frame-drop);
  overflow: hidden;
}
.site-body .register-terms-modal__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: var(--hdr-modal-pad);
  padding-bottom: 12px;
  border-bottom: 1px solid var(--hdr-frame-border);
  flex-shrink: 0;
}
.site-body .register-terms-modal__heading {
  min-width: 0;
}
.site-body .register-terms-modal__title {
  margin: 0;
  font-size: var(--hdr-modal-title-size);
  font-weight: 800;
  line-height: 1.2;
  color: var(--hdr-text);
}
.site-body .register-terms-modal__subtitle {
  margin: 4px 0 0;
  font-size: var(--hdr-font-xs);
  font-weight: 500;
  line-height: 1.4;
  color: var(--hdr-muted);
}
.site-body .register-terms-modal__body {
  flex: 1 1 auto;
  min-height: 0;
  overflow: auto;
  padding: var(--hdr-modal-pad);
  color: var(--hdr-muted);
  font-size: var(--hdr-font-sm);
  line-height: 1.55;
  scrollbar-width: thin;
  scrollbar-color: var(--hdr-scroll-thumb) transparent;
}
.site-body .register-terms-modal__body p,
.site-body .register-terms-modal__body li {
  margin: 0 0 8px;
}
.site-body .register-terms-modal__body strong {
  color: var(--hdr-text);
  font-weight: 700;
}
.site-body .register-terms-modal__body h2 {
  margin: 0 0 8px;
  font-size: var(--hdr-font);
  font-weight: 800;
  line-height: 1.25;
  color: var(--hdr-text);
}
.site-body .register-terms-modal__body ul {
  margin: 8px 0 0;
  padding: 0 0 0 1.15rem;
}
.site-body .register-terms-modal__body a {
  color: var(--hdr-register);
  text-decoration: none;
}
.site-body .register-terms-modal__body a:hover {
  text-decoration: underline;
}
.site-body .register-terms-modal__body .kurumsal-section {
  margin: 0 0 12px;
  padding: 12px 0 0;
  border-top: 1px solid var(--hdr-line);
}
.site-body .register-terms-modal__body .kurumsal-section:last-child {
  margin-bottom: 0;
}
.site-body .register-terms-modal__body .kurumsal-lead {
  margin: 0 0 12px;
  padding: 0;
  border: 0;
  color: var(--hdr-muted);
  font-size: var(--hdr-font-sm);
  line-height: 1.55;
}
.site-body .register-terms-modal__body .kurumsal-alert {
  margin: 0 0 4px;
  padding: 12px 14px;
  border: 1px solid var(--hdr-register);
  border-radius: var(--hdr-btn-radius);
  background: var(--hdr-page-bg);
}
.site-body .register-terms-modal__body .kurumsal-alert strong {
  display: block;
  margin: 0 0 6px;
  color: var(--hdr-register);
  font-size: var(--hdr-font-sm);
}
.site-body .register-terms-modal__body .kurumsal-alert p {
  margin: 0;
}
.site-body .register-terms-modal__body .kurumsal-foot-note {
  margin: 10px 0 0;
  color: var(--hdr-search-fg);
}
.site-body .register-terms-modal__footer {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 8px;
  padding: var(--hdr-modal-pad);
  padding-top: 12px;
  border-top: 1px solid var(--hdr-frame-border);
  flex-shrink: 0;
}
.site-body .register-terms-modal__dismiss,
.site-body .register-terms-modal__accept {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: var(--hdr-ctrl-h);
  height: var(--hdr-ctrl-h);
  padding: 0 var(--hdr-btn-pad-x);
  border-radius: var(--hdr-btn-radius);
  font: inherit;
  font-size: var(--hdr-btn-font-size);
  font-weight: 700;
  cursor: pointer;
  box-sizing: border-box;
}
.site-body .register-terms-modal__dismiss {
  border: 1px solid var(--hdr-ghost-border);
  background: transparent;
  color: var(--hdr-text);
}
.site-body .register-terms-modal__dismiss:hover {
  background: transparent;
  border-color: var(--hdr-icon-border);
}
.site-body .register-terms-modal__accept {
  border: 0;
}
body.register-terms-open {
  overflow: hidden;
}
.site-body .register-actions__submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  box-sizing: border-box;
  min-height: var(--hdr-ctrl-h);
  height: var(--hdr-ctrl-h);
  padding: 0 var(--hdr-btn-pad-x);
  border: 0;
  border-radius: var(--hdr-btn-radius);
  font: inherit;
  font-size: var(--hdr-btn-font-size);
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
  flex-shrink: 0;
  transition: background 0.2s ease, opacity 0.2s ease;
}
.site-body .register-actions__submit:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}
@keyframes register-submit-spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}
.site-body .register-actions__submit[data-register-submit].is-loading,
.site-body .register-actions__submit[data-login-submit].is-loading {
  position: relative;
  pointer-events: none;
  color: transparent;
  opacity: 1;
}
.site-body .register-actions__submit[data-register-submit].is-loading::after,
.site-body .register-actions__submit[data-login-submit].is-loading::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 20px;
  height: 20px;
  margin: -10px 0 0 -10px;
  border: 2px solid color-mix(in srgb, var(--hdr-btn-fg) 28%, transparent);
  border-top-color: var(--hdr-btn-fg);
  border-radius: 50%;
  animation: register-submit-spin 0.65s linear infinite;
}
.site-body .register-page__login {
  margin: 0;
  font-size: var(--hdr-font-xs);
  color: var(--hdr-muted);
  text-align: center;
}
.site-body .register-page__login a {
  color: var(--hdr-register);
  font-weight: 700;
  text-decoration: none;
}
.site-body [data-register-page] .register-page__login a {
  color: var(--hdr-login);
}
.site-body .register-page__login a:hover {
  text-decoration: underline;
}

html.login-modal-open,
html.login-modal-open body,
html.username-setup-open,
html.username-setup-open body {
  overflow: hidden;
  overscroll-behavior: none;
}

.site-body .login-modal-root {
  position: fixed;
  inset: 0;
  z-index: 12040;
  display: none;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: max(12px, env(safe-area-inset-top, 0px))
    max(12px, env(safe-area-inset-right, 0px))
    max(12px, env(safe-area-inset-bottom, 0px))
    max(12px, env(safe-area-inset-left, 0px));
  box-sizing: border-box;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
}

.site-body .login-modal-root[hidden] {
  display: none !important;
}

.site-body .login-modal-root.is-open {
  display: flex;
}

.site-body .username-setup-root .login-modal__backdrop {
  cursor: default;
}

.site-body .username-setup__counter {
  font-size: var(--hdr-font-xs);
  font-weight: 600;
  color: var(--hdr-muted);
}

.site-body .username-setup__error {
  margin: 10px 0 0;
  font-size: var(--hdr-font-xs);
  font-weight: 600;
  line-height: 1.4;
  color: var(--hdr-register);
}

.site-body .username-setup__error[hidden] {
  display: none !important;
}

.site-body .login-modal {
  position: relative;
  width: 100%;
  max-width: min(var(--hdr-modal-width), 100%);
  min-width: 0;
  margin: auto;
  z-index: 1;
  box-sizing: border-box;
}

.site-body .login-modal__backdrop {
  position: fixed;
  inset: 0;
  z-index: 0;
  margin: 0;
  padding: 0;
  border: 0;
  background: rgba(0, 0, 0, 0.58);
  cursor: pointer;
}

.site-body .login-modal__dialog {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: var(--hdr-modal-pad);
  border: 1px solid var(--hdr-frame-border);
  border-radius: var(--hdr-modal-radius);
  background: var(--hdr-header-bg);
  box-shadow: var(--hdr-frame-drop);
  outline: none;
  min-height: 0;
  min-width: 0;
  box-sizing: border-box;
}

.site-body .login-modal__dialog:focus,
.site-body .login-modal__dialog:focus-visible {
  outline: none;
  box-shadow: var(--hdr-frame-drop);
}

.site-body .login-modal__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: 0 0 14px;
  padding: 0 0 12px;
  border-bottom: 1px solid var(--hdr-frame-border);
}

.site-body .login-modal__title {
  margin: 0;
  font-size: var(--hdr-modal-title-size);
  font-weight: 800;
  line-height: 1.2;
  color: var(--hdr-text);
}

.site-body .login-modal__lead {
  margin: 0 0 12px;
  font-size: var(--hdr-font-xs);
  font-weight: 500;
  line-height: 1.4;
  text-align: center;
  color: var(--hdr-muted);
}

.site-body .login-modal__oauth {
  margin: 0 0 4px;
}

.site-body .login-modal-root .register-oauth__divider {
  margin: 14px 0;
}

.site-body .login-modal-root .register-form__footer {
  padding-top: 0;
}

.site-body .login-modal-root .register-page__switch {
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid var(--hdr-frame-border);
}

.site-body .login-modal__panel[hidden] {
  display: none !important;
}

.site-body .login-reset {
  display: flex;
  flex-direction: column;
  gap: 14px;
  min-width: 0;
}

.site-body .login-reset__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin: 0;
  padding: 0;
}

.site-body .login-reset__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--hdr-media-thumb);
  height: var(--hdr-media-thumb);
  margin: 0 0 14px;
  border: 1px solid var(--hdr-frame-border);
  border-radius: var(--hdr-media-thumb-radius);
  background: var(--hdr-page-bg);
  color: var(--hdr-icon-fg);
}

.site-body .login-reset__badge i,
.site-body .login-reset__badge svg {
  width: 22px;
  height: 22px;
}

.site-body .login-reset__subtitle,
.site-body .login-reset__empty {
  margin: 0;
  color: var(--hdr-muted);
  font-size: var(--hdr-font-sm);
  font-weight: 500;
  line-height: 1.45;
}

.site-body .login-reset__empty {
  text-align: center;
}

.site-body .login-reset__actions {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 8px;
  width: 100%;
}

.site-body .login-reset__cta {
  width: 100%;
  height: auto;
  min-height: var(--hdr-ctrl-h);
  white-space: normal;
}

.site-body .login-reset__cta i,
.site-body .login-reset__cta svg,
.site-body .login-reset__back i,
.site-body .login-reset__back svg {
  width: 16px;
  height: 16px;
  flex: 0 0 auto;
}

.site-body .login-reset__back {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  min-height: var(--hdr-ctrl-h);
  padding: 0 var(--hdr-btn-pad-x);
  border: 1px solid var(--hdr-ghost-border);
  border-radius: var(--hdr-btn-radius);
  background: transparent;
  color: var(--hdr-text);
  font: inherit;
  font-size: var(--hdr-btn-font-size);
  font-weight: 700;
  line-height: 1.2;
  cursor: pointer;
  box-sizing: border-box;
}

.site-body .login-reset__back:hover,
.site-body .login-reset__back:focus-visible {
  border-color: var(--hdr-icon-border);
  outline: none;
}

.site-body .login-reset__channels {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}

.site-body .login-reset__chip {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  min-height: var(--hdr-ctrl-h);
  padding: 4px 14px 4px 4px;
  border: 1px solid var(--hdr-ghost-border);
  border-radius: var(--hdr-btn-radius);
  background: transparent;
  color: var(--hdr-text);
  text-decoration: none;
  box-sizing: border-box;
  transition: border-color 0.15s ease, background 0.15s ease;
}

.site-body .login-reset__chip:hover {
  border-color: var(--hdr-line);
  background: var(--hdr-menu-hover);
}

.site-body .login-reset__chip-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--hdr-icon-btn-size);
  height: var(--hdr-icon-btn-size);
  flex: 0 0 auto;
  border-radius: var(--hdr-btn-radius);
  border: 1px solid var(--hdr-frame-border);
  background: var(--hdr-page-bg);
  color: var(--hdr-icon-fg);
}

.site-body .login-reset__chip--whatsapp .login-reset__chip-icon {
  color: var(--hdr-login);
}

.site-body .login-reset__chip--telegram .login-reset__chip-icon {
  color: var(--hdr-info);
}

.site-body .login-reset__chip-label {
  flex: 1 1 auto;
  min-width: 0;
  font-size: var(--hdr-btn-font-size);
  font-weight: 700;
  line-height: 1.25;
}

.site-body .register-alert {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 0 0 12px;
  padding: 11px 12px;
  border: 1px solid color-mix(in srgb, var(--hdr-accent) 40%, transparent);
  border-radius: var(--hdr-btn-radius);
  background: var(--auth-accent-soft-bg);
  color: var(--hdr-text);
  font-size: var(--hdr-font-xs);
  font-weight: 600;
  line-height: 1.45;
  box-shadow: none;
}
.site-body .register-alert::before {
  content: "!";
  flex: 0 0 18px;
  width: 18px;
  height: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 1px;
  border-radius: 50%;
  background: var(--hdr-accent);
  color: var(--hdr-btn-fg);
  font-size: 11px;
  font-weight: 800;
  line-height: 1;
}
@media (max-width: 1023px) {
  body.register-select-open .site-main--auth,
  body.register-select-open .register-page__card,
  body.register-select-open .register-form__body,
  body.register-select-open .register-form__grid {
    overflow: visible;
  }
  .site-body .register-page {
    max-width: 100%;
  }
  .site-body .register-page__visual {
    display: none;
  }
  .site-body .register-page__card {
    padding: 18px 14px 14px;
  }
  .site-body .register-page__title {
    font-size: var(--hdr-font);
  }
  .site-body .register-page .register-form__footer {
    border-top: 0;
  }
  .site-body .register-oauth__btn {
    gap: 6px;
    padding: 0 8px;
    font-size: var(--hdr-font-xs);
  }
  .site-body .register-oauth__btn-icon {
    width: 16px;
    height: 16px;
    flex-basis: 16px;
  }
  .site-body .register-page .register-input,
  .site-body .register-page .register-password__input,
  .site-body .register-page .register-custom-select__btn {
    touch-action: pan-y;
  }
}
@media (max-width: 480px) {
  .site-body .register-terms-modal {
    padding: 12px;
  }
  .site-body .register-terms-modal__footer {
    flex-direction: column-reverse;
    align-items: stretch;
  }
  .site-body .register-terms-modal__dismiss,
  .site-body .register-terms-modal__accept {
    width: 100%;
  }
}
@media (min-width: 1024px) {
  .site-body .site-main.site-main--auth {
    padding: var(--hdr-shell-gap) var(--hdr-shell-gutter) calc(var(--hdr-shell-gap) + 18px);
  }

  .site-body .register-page {
    width: 100%;
    max-width: 100%;
    margin: 0;
    --register-layout-gap: 12px;
    --register-control-gap: 12px;
    --register-card-pad-x: 28px;
    --register-visual-w: 360px;
    --register-visual-h: calc(var(--register-visual-w) * 1341 / 1173);
  }

  .site-body .register-page .register-page__layout {
    display: grid;
    grid-template-columns: var(--register-visual-w) minmax(0, 1fr);
    align-items: stretch;
    width: 100%;
    gap: var(--register-layout-gap);
    min-height: var(--register-visual-h);
  }

  .site-body .register-page .register-page__visual {
    display: flex;
    flex-direction: column;
    width: var(--register-visual-w);
    max-width: var(--register-visual-w);
    min-height: var(--register-visual-h);
    align-self: stretch;
  }

  .site-body .register-page .register-visual__slot {
    flex: 1 1 auto;
    width: 100%;
    min-height: var(--register-visual-h);
    height: 100%;
    aspect-ratio: auto;
    position: relative;
  }

  .site-body .register-page .register-visual__slot picture,
  .site-body .register-page .register-visual__image {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
  }
  .site-body .register-page .register-visual__image {
    object-fit: cover;
    object-position: center;
  }

  .site-body .register-page .register-page__card {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: none;
    min-width: 0;
    min-height: var(--register-visual-h);
    align-self: stretch;
    padding: 28px var(--register-card-pad-x) 20px;
  }

  .site-body .register-page__header {
    margin-bottom: 18px;
    flex-shrink: 0;
  }

  .site-body .register-page .register-form__footer,
  .site-body .register-form--login .register-form__footer {
    margin-top: 16px;
    padding-top: 0;
    border-top: 0;
  }

  .site-body .register-oauth__btn {
    gap: 10px;
    padding: 0 14px;
    font-size: var(--hdr-font-sm);
  }

  .site-body .register-page__switch {
    margin-top: 4px;
    padding: 14px 0 0;
    border-top: 1px solid var(--hdr-line);
  }

  .site-body .register-page .register-page__switch {
    margin-top: auto;
  }

  .site-body .register-form,
  .site-body .register-form__body,
  .site-body .register-form__grid,
  .site-body .register-form__footer,
  .site-body .register-actions {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
  }

  .site-body .register-page__card > .register-form {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    min-height: 0;
    width: 100%;
  }

  .site-body .register-form__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: var(--register-control-gap);
    row-gap: 12px;
    align-content: start;
  }

  .site-body .register-form__grid--login {
    grid-template-columns: minmax(0, 1fr);
    max-width: none;
    width: 100%;
  }

  .site-body .register-field {
    display: flex;
    flex-direction: column;
    min-width: 0;
    max-width: 100%;
  }
}

@media (min-width: 1280px) {
  .site-body .register-page {
    --register-layout-gap: 14px;
    --register-visual-w: 400px;
    --register-control-gap: 14px;
    --register-card-pad-x: 32px;
  }

  .site-body .register-form__grid {
    row-gap: 14px;
  }
}

@media (min-width: 1440px) {
  .site-body .register-page {
    --register-layout-gap: 16px;
    --register-visual-w: 440px;
    --register-control-gap: 16px;
    --register-card-pad-x: 36px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .site-body .register-actions__submit,
  .site-body .register-terms__box,
  .site-body .register-gender__box,
  .site-body .register-custom-select__btn,
  .site-body .register-password__toggle {
    transition: none;
  }

  .site-body .register-actions__submit[data-register-submit].is-loading::after,
  .site-body .register-actions__submit[data-login-submit].is-loading::after {
    animation: none;
    border-color: color-mix(in srgb, var(--hdr-btn-fg) 55%, transparent);
  }
}

:where(
  button,
  input[type="button"],
  input[type="submit"],
  input[type="reset"],
  a[class*="__btn"],
  a[class*="__chip"],
  a[class*="__buy"],
  a[class*="__download"],
  a[class*="__cta"],
  button[class*="__btn"],
  button[class*="__chip"],
  button[class*="__submit"],
  button[class*="__telafi-btn"],
  label[class*="__btn"],
  [class*="-btn"]:not([class*="btn-group"]):not([class*="btn-wrap"]):not([class*="btn-row"]),
  [class*="__submit"],
  [class*="__download"],
  [class*="__telafi-btn"],
  [class*="__pkg-btn"],
  [class*="__checkout"],
  .header-btn,
  .header-profile__chip,
  .profil-side__chip,
  .admin-users-btn
):not(:focus-visible):not(.sm-brand-fill):not(.header-notifications-item) {
  box-shadow: none !important;
}

:where(
  button,
  input[type="button"],
  input[type="submit"],
  input[type="reset"],
  a[class*="__btn"],
  a[class*="__chip"],
  a[class*="__buy"],
  a[class*="__download"],
  a[class*="__cta"],
  button[class*="__btn"],
  button[class*="__chip"],
  button[class*="__submit"],
  button[class*="__telafi-btn"],
  label[class*="__btn"],
  [class*="-btn"]:not([class*="btn-group"]):not([class*="btn-wrap"]):not([class*="btn-row"]),
  [class*="__submit"],
  [class*="__download"],
  [class*="__telafi-btn"],
  [class*="__pkg-btn"],
  [class*="__checkout"],
  .header-btn,
  .header-profile__chip,
  .profil-side__chip,
  .admin-users-btn
):not(.sm-brand-fill):hover {
  filter: none !important;
}

:where(
  .profil-side__chip--out,
  .header-profile__chip--out,
  .orders-telafi-btn
):hover {
  background: var(--hdr-accent-hover) !important;
}

:where(
  .order-detail__download,
  .market-product__buy,
  .market-product__pkg-btn,
  .cart-summary__checkout,
  .orders-telafi-modal__submit
):hover {
  filter: none !important;
}

:where(
  button,
  input[type="button"],
  input[type="submit"],
  input[type="reset"],
  a[class*="__btn"],
  a[class*="__chip"],
  a[class*="__buy"],
  a[class*="__download"],
  a[class*="__submit"],
  button[class*="__btn"],
  button[class*="__submit"],
  button[class*="__telafi-btn"],
  [class*="-btn"]:not([class*="btn-group"]):not([class*="btn-wrap"]):not([class*="btn-row"])
):not(.sm-brand-fill):hover {
  transform: none !important;
}

:where(
  .orders-telafi-modal__dialog,
  .cart-confirm__dialog,
  .mp-reviews-modal__dialog,
  .mp-buy-modal__dialog,
  .mp-hitbot-modal__dialog,
  .admin-users-modal__dialog,
  .profil-aydinlatma-modal__dialog,
  .hp-buy-modal__dialog
) {
  border-radius: var(--hdr-modal-radius);
}

:where(
  .orders-telafi-modal__title,
  .cart-confirm__title,
  .mp-reviews-modal__title,
  .mp-hitbot-modal__title,
  .mp-buy-modal__title,
  .hp-buy-modal__title
) {
  font-size: var(--hdr-modal-title-size);
}

.sm-brand-fill {
  --sm-from: #f58529;
  --sm-to: #833ab4;
  --sm-accent: #e1306c;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background:
    linear-gradient(90deg, transparent 42%, color-mix(in srgb, #fff 20%, transparent)),
    linear-gradient(90deg, var(--sm-to), var(--sm-accent) 48%, var(--sm-from));
  border: 0;
  outline: 0;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
}

.sm-brand-fill::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 0;
  border-radius: inherit;
  background-image: url('/assets/img/sm-doodle-pattern.svg');
  background-size: 72px 72px;
  background-repeat: repeat;
  opacity: 0.22;
  pointer-events: none;
}

.sm-brand-fill > * {
  position: relative;
  z-index: 1;
}

.sm-brand-icon {
  --sm-icon-box: 34px;
  --sm-icon-glyph: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 var(--sm-icon-box);
  width: var(--sm-icon-box);
  height: var(--sm-icon-box);
  border-radius: 999px;
  overflow: hidden;
  color: var(--sm-ink, #fff);
  box-sizing: border-box;
}

.sm-brand-icon:not(.sm-brand-fill):not(.sm-brand-icon--brand) {
  background: color-mix(in srgb, var(--sm-ink, #fff) 14%, transparent);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--sm-ink, #fff) 26%, transparent);
}

.sm-brand-icon.sm-brand-fill {
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--sm-ink, #fff) 26%, transparent);
}

.sm-brand-icon--brand {
  color: #fff;
  background: linear-gradient(145deg, var(--sm-from, var(--sm-accent, #e1306c)), var(--sm-accent, #e1306c) 52%, var(--sm-to, var(--sm-accent, #e1306c)));
  box-shadow: none;
}

.sm-brand-icon__glyph,
.sm-brand-icon > svg {
  display: block;
  width: var(--sm-icon-glyph);
  height: var(--sm-icon-glyph);
  flex: 0 0 var(--sm-icon-glyph);
  max-width: var(--sm-icon-glyph);
  max-height: var(--sm-icon-glyph);
  overflow: visible;
  pointer-events: none;
}

.sm-brand-icon.is-empty::after {
  content: '';
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: var(--sm-ink, #fff);
  opacity: 0.9;
}

html {
  --shell-crumb-font: var(--hdr-font-sm);
  --shell-crumb-pad-y: 12px;
  --shell-crumb-pad-x: var(--hdr-inner-pad-x);
  --shell-banner-pad-y: 16px;
  --shell-banner-pad-x: 18px;
  --shell-banner-gap: 14px;
  --shell-banner-title: var(--hdr-font);
  --shell-banner-text: var(--hdr-font-sm);
  --shell-banner-icon: 42px;
  --shell-banner-glyph: 20px;
}

:where(
  .cg-crumbs-bar,
  .bs-crumbs-bar,
  .cx-crumbs-bar,
  .market-crumbs-bar,
  .profil-crumbs-bar,
  .market-product__crumbs-bar,
  .cart-page__crumbs-bar,
  .orders-page__crumbs-bar,
  .gift-page__crumbs-bar,
  .favorites-page__crumbs-bar,
  .notif-page__crumbs-bar,
  .support-center__crumbs-bar,
  .destek-page__crumbs-bar,
  .admin-page-crumbs
) {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  margin: 0;
  padding: var(--shell-crumb-pad-y) var(--shell-crumb-pad-x);
  border: 1px solid var(--hdr-line);
  border-radius: var(--hdr-frame-radius);
  background: var(--hdr-header-bg);
  box-shadow: none;
  box-sizing: border-box;
}

:where(
  .market-product__crumbs-bar,
  .admin-page-crumbs
) {
  margin: 0 0 14px;
}

:where(
  .cg-crumbs,
  .bs-crumbs,
  .cx-crumbs,
  .market-crumbs,
  .profil-crumbs,
  .market-product__crumbs,
  .cart-page__crumbs,
  .orders-page__crumbs,
  .gift-page__crumbs,
  .favorites-page__crumbs,
  .notif-page__crumbs,
  .support-center__crumbs,
  .admin-page-crumbs__nav,
  .destek-page__crumbs
) {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 6px;
  margin: 0;
  padding: 0;
  min-width: 0;
  flex: 1 1 auto;
  border: 0;
  background: transparent;
  box-shadow: none;
  font-size: var(--shell-crumb-font);
  line-height: 1.5;
}

:where(
  .cg-crumb,
  .bs-crumb,
  .cx-crumb,
  .market-crumbs__item,
  .profil-crumbs__item,
  .market-product__crumb,
  .cart-page__crumb,
  .orders-page__crumb,
  .gift-page__crumb,
  .favorites-page__crumb,
  .notif-page__crumb,
  .support-center__crumb,
  .admin-page-crumbs__link,
  .destek-page__crumbs a
) {
  color: var(--hdr-search-fg);
  text-decoration: none;
  font-weight: 500;
}

:where(
  a.cg-crumb,
  a.bs-crumb,
  a.cx-crumb,
  a.market-crumbs__item,
  a.profil-crumbs__item,
  a.market-product__crumb,
  a.cart-page__crumb,
  a.orders-page__crumb,
  a.gift-page__crumb,
  a.favorites-page__crumb,
  a.notif-page__crumb,
  a.support-center__crumb,
  a.admin-page-crumbs__link,
  .destek-page__crumbs a
):hover,
:where(
  a.cg-crumb,
  a.bs-crumb,
  a.cx-crumb,
  a.market-crumbs__item,
  a.profil-crumbs__item,
  a.market-product__crumb,
  a.cart-page__crumb,
  a.orders-page__crumb,
  a.gift-page__crumb,
  a.favorites-page__crumb,
  a.notif-page__crumb,
  a.support-center__crumb,
  a.admin-page-crumbs__link,
  .destek-page__crumbs a
):focus-visible {
  color: var(--hdr-btn-fg);
  outline: none;
}

:where(
  .cg-crumb.is-current,
  .bs-crumb.is-current,
  .cx-crumb.is-current,
  .market-crumbs__item.is-current,
  .profil-crumbs__item.is-current,
  .market-product__crumb.is-current,
  .cart-page__crumb.is-current,
  .orders-page__crumb.is-current,
  .gift-page__crumb.is-current,
  .favorites-page__crumb.is-current,
  .notif-page__crumb.is-current,
  .support-center__crumb.is-current,
  .admin-page-crumbs__link.is-current
) {
  color: var(--hdr-btn-fg);
  font-weight: 700;
}

:where(
  .cg-crumb-sep,
  .bs-crumb-sep,
  .cx-crumb-sep,
  .market-crumbs__sep,
  .profil-crumbs__sep,
  .market-product__crumb-sep,
  .cart-page__crumb-sep,
  .orders-page__crumb-sep,
  .gift-page__crumb-sep,
  .favorites-page__crumb-sep,
  .notif-page__crumb-sep,
  .support-center__crumb-sep,
  .admin-page-crumbs__sep
) {
  color: var(--hdr-search-fg);
  user-select: none;
}

:where(
  .cg-crumbs-back,
  .bs-crumbs-back,
  .cx-crumbs-back,
  .market-crumbs__back,
  .profil-crumbs__back,
  .support-center__crumbs-back,
  .admin-page-crumbs__back,
  .cart-page__meta,
  .orders-page__meta,
  .gift-page__meta,
  .favorites-page__meta,
  .notif-page__meta,
  .market-product__views,
  .market-product__crumbs-back
) {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
  color: var(--hdr-search-fg);
  font-size: var(--shell-crumb-font);
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  white-space: nowrap;
}

.market-product__crumbs-back {
  display: none;
}

:where(
  .cg-crumbs-back,
  .bs-crumbs-back,
  .cx-crumbs-back,
  .market-crumbs__back,
  .profil-crumbs__back,
  .support-center__crumbs-back,
  .admin-page-crumbs__back,
  .cart-page__meta,
  .orders-page__meta,
  .gift-page__meta,
  .favorites-page__meta,
  .notif-page__meta,
  .market-product__crumbs-back
):hover,
:where(
  .cg-crumbs-back,
  .bs-crumbs-back,
  .cx-crumbs-back,
  .market-crumbs__back,
  .profil-crumbs__back,
  .support-center__crumbs-back,
  .admin-page-crumbs__back,
  .cart-page__meta,
  .orders-page__meta,
  .gift-page__meta,
  .favorites-page__meta,
  .notif-page__meta,
  .market-product__crumbs-back
):focus-visible {
  color: var(--hdr-btn-fg);
  outline: none;
}

:where(
  .cg-crumbs-back i,
  .cg-crumbs-back svg,
  .bs-crumbs-back i,
  .bs-crumbs-back svg,
  .cx-crumbs-back i,
  .cx-crumbs-back svg,
  .market-crumbs__back i,
  .market-crumbs__back svg,
  .profil-crumbs__back i,
  .profil-crumbs__back svg,
  .support-center__crumbs-back i,
  .support-center__crumbs-back svg,
  .admin-page-crumbs__back i,
  .admin-page-crumbs__back svg,
  .cart-page__meta i,
  .cart-page__meta svg,
  .orders-page__meta i,
  .orders-page__meta svg,
  .gift-page__meta i,
  .gift-page__meta svg,
  .favorites-page__meta i,
  .favorites-page__meta svg,
  .notif-page__meta i,
  .notif-page__meta svg,
  .market-product__crumbs-back i,
  .market-product__crumbs-back svg
) {
  width: 15px;
  height: 15px;
  flex-shrink: 0;
  stroke: currentColor;
}

:where(
  .market-product__views i,
  .market-product__views svg
) {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  stroke: currentColor;
}

@media (min-width: 1024px) {
  body:has(
    :is(
      .site-main--market,
      .site-main--kripto,
      .site-main--bize-sat,
      .site-main--cekilisler,
      .site-main--destek,
      .site-main--profil
    )
  ) .site-header {
    padding-bottom: 0;
  }

  body:has(
    :is(
      .site-main--market,
      .site-main--kripto,
      .site-main--bize-sat,
      .site-main--cekilisler,
      .site-main--destek,
      .site-main--profil
    )
  ) .header-frame {
    background: var(--hdr-header-bg);
    background-color: var(--hdr-header-bg);
    border-color: var(--hdr-line);
    border-bottom: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    box-shadow: none;
  }

  body:has(
    :is(
      .site-main--market,
      .site-main--kripto,
      .site-main--bize-sat,
      .site-main--cekilisler,
      .site-main--destek,
      .site-main--profil
    )
  ) .header-inner,
  body:has(
    :is(
      .site-main--market,
      .site-main--kripto,
      .site-main--bize-sat,
      .site-main--cekilisler,
      .site-main--destek,
      .site-main--profil
    )
  ) .header-nav,
  body:has(
    :is(
      .site-main--market,
      .site-main--kripto,
      .site-main--bize-sat,
      .site-main--cekilisler,
      .site-main--destek,
      .site-main--profil
    )
  ) .header-top {
    background: var(--hdr-header-bg);
    background-color: var(--hdr-header-bg);
  }

  body:has(
    :is(
      .site-main--market,
      .site-main--kripto,
      .site-main--bize-sat,
      .site-main--cekilisler,
      .site-main--destek,
      .site-main--profil
    )
  ) .header-nav {
    border-top-color: var(--hdr-line);
  }

  body:has(
    :is(
      .site-main--market,
      .site-main--kripto,
      .site-main--bize-sat,
      .site-main--cekilisler,
      .site-main--destek,
      .site-main--profil
    )
  ) :where(
    .market-crumbs-bar,
    .profil-crumbs-bar,
    .market-product__crumbs-bar,
    .cart-page__crumbs-bar,
    .orders-page__crumbs-bar,
    .gift-page__crumbs-bar,
    .favorites-page__crumbs-bar,
    .notif-page__crumbs-bar,
    .cx-crumbs-bar,
    .bs-crumbs-bar,
    .cg-crumbs-bar,
    .support-center__crumbs-bar,
    .destek-page__crumbs-bar
  ) {
    margin-top: 0;
    background: var(--hdr-header-bg);
    background-color: var(--hdr-header-bg);
    border-color: var(--hdr-line);
    border-top: 1px solid var(--hdr-line);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: none;
  }
}

@media (max-width: 1023px) {
  .cg-crumbs-bar,
  .bs-crumbs-bar,
  .cx-crumbs-bar,
  .market-crumbs-bar,
  .profil-crumbs-bar,
  .market-product__crumbs-bar,
  .cart-page__crumbs-bar,
  .orders-page__crumbs-bar,
  .gift-page__crumbs-bar,
  .favorites-page__crumbs-bar,
  .notif-page__crumbs-bar,
  .support-center__crumbs-bar,
  .destek-page__crumbs-bar {
    width: calc(100% + (var(--hdr-shell-gutter) * 2));
    max-width: none;
    margin-left: calc(var(--hdr-shell-gutter) * -1);
    margin-right: calc(var(--hdr-shell-gutter) * -1);
    gap: 12px;
    min-width: 0;
    min-height: 48px;
    padding: 14px var(--shell-crumb-pad-x);
    border-radius: 0;
    border-left: 0;
    border-right: 0;
    box-sizing: border-box;
    overflow: visible;
    align-items: center;
  }

  .cg-crumbs,
  .bs-crumbs,
  .cx-crumbs,
  .market-crumbs,
  .profil-crumbs,
  .market-product__crumbs,
  .cart-page__crumbs,
  .orders-page__crumbs,
  .gift-page__crumbs,
  .favorites-page__crumbs,
  .notif-page__crumbs,
  .support-center__crumbs {
    flex: 1 1 0;
    flex-wrap: nowrap;
    align-items: center;
    gap: 6px 8px;
    min-width: 0;
    min-height: 22px;
    overflow: visible;
    line-height: 1.5;
  }

  .cg-crumb,
  .bs-crumb,
  .cx-crumb,
  .market-crumbs__item,
  .profil-crumbs__item,
  .market-product__crumb,
  .cart-page__crumb,
  .orders-page__crumb,
  .gift-page__crumb,
  .favorites-page__crumb,
  .notif-page__crumb,
  .support-center__crumb,
  .cg-crumb-sep,
  .bs-crumb-sep,
  .cx-crumb-sep,
  .market-crumbs__sep,
  .profil-crumbs__sep,
  .market-product__crumb-sep,
  .cart-page__crumb-sep,
  .orders-page__crumb-sep,
  .gift-page__crumb-sep,
  .favorites-page__crumb-sep,
  .notif-page__crumb-sep,
  .support-center__crumb-sep {
    flex: 0 1 auto;
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    min-height: 22px;
    line-height: 1.5;
    overflow: visible;
  }

  .cg-crumb.is-current,
  .bs-crumb.is-current,
  .cx-crumb.is-current,
  .market-crumbs__item.is-current,
  .profil-crumbs__item.is-current,
  .market-product__crumb.is-current,
  .cart-page__crumb.is-current,
  .orders-page__crumb.is-current,
  .gift-page__crumb.is-current,
  .favorites-page__crumb.is-current,
  .notif-page__crumb.is-current,
  .support-center__crumb.is-current {
    flex: 1 1 auto;
    display: block;
    min-width: 0;
    max-width: 100%;
    padding-block: 3px;
    margin-block: -3px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 1.5;
  }

  .market-product__crumb.is-hide-mobile,
  .market-product__crumb-sep.is-hide-mobile {
    display: none !important;
  }

  .market-product__views {
    display: none !important;
  }

  .market-product__crumbs-back {
    display: inline-flex;
  }

  .cart-page__meta,
  .orders-page__meta,
  .gift-page__meta,
  .favorites-page__meta,
  .notif-page__meta {
    flex: 0 0 auto;
  }
}

.site-toast-host,
.site-toast,
[data-site-toast],
[data-site-flash-bridge],
.cx-flash,
.admin-users-notice,
.admin-odeme .admin-users-notice,
.is-admin-panel .admin-users-notice {
  display: none !important;
}

body.is-admin-panel {
  --accent: var(--hdr-register);
  --text-primary: var(--hdr-text);
  --text-secondary: var(--hdr-muted);
  --text-dimmed: var(--hdr-search-fg);
  --border-color: var(--hdr-line);
  --bg-secondary: var(--hdr-field);
  --bg-card: var(--hdr-header-bg);
  --shadow-medium: var(--hdr-frame-drop);
  --glass-highlight: var(--hdr-menu-hover);
  --black-fixed: #000000;
  --white-fixed: var(--hdr-btn-fg);
  --admin-warn: #f97316;
  --admin-teal: #14b8a6;
  --admin-soft-hover-bg: color-mix(in srgb, var(--hdr-field) 70%, var(--hdr-muted));
  --admin-soft-hover-border: var(--hdr-field-border);
  --admin-soft-focus-ring: 0 0 0 3px color-mix(in srgb, var(--hdr-field-border) 55%, transparent);
}

.site-main--admin {
  padding: 0 var(--hdr-shell-gutter) 16px;
  box-sizing: border-box;
}

.admin-shell {
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
  width: 100%;
  max-width: none;
  margin: 0;
  box-sizing: border-box;
}

.admin-side {
  border: 1px solid var(--hdr-frame-border);
  border-radius: 14px;
  background: var(--hdr-header-bg);
  box-shadow: none;
  box-sizing: border-box;
}

.admin-side__toggle {
  display: none;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
  min-height: var(--hdr-ctrl-h);
  padding: 0 16px;
  border: 0;
  border-radius: 12px;
  background: var(--hdr-search-bg);
  color: var(--hdr-search-fg);
  font-family: inherit;
  font-size: 0.9375rem;
  font-weight: 700;
  line-height: 1.2;
  cursor: pointer;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  transition: background 0.15s ease, color 0.15s ease;
}

.admin-side__toggle i,
.admin-side__toggle svg {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  color: inherit;
}

.admin-side__toggle:hover,
.admin-side__toggle:focus-visible {
  background: var(--hdr-search-bg);
  color: var(--hdr-search-fg);
  outline: none;
}

.admin-side__inner {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 14px;
  box-sizing: border-box;
}

.admin-side__actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}

.admin-side__action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: var(--hdr-btn-h-sm);
  padding: 0 10px;
  border-radius: var(--hdr-btn-radius);
  text-decoration: none;
  font-size: var(--hdr-font-sm);
  font-weight: 800;
  line-height: 1;
  box-sizing: border-box;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.admin-side__action i,
.admin-side__action svg {
  width: 15px;
  height: 15px;
  flex-shrink: 0;
}

.admin-side__action--home {
  background: var(--hdr-register);
  color: var(--hdr-btn-fg);
}

.admin-side__action--home:hover {
  background: var(--hdr-register-hover);
  filter: brightness(1.04);
}

.admin-side__action--profil {
  border: 1px solid var(--hdr-ghost-border);
  background: transparent;
  color: var(--hdr-btn-fg);
}

.admin-side__action--profil:hover {
  border-color: var(--hdr-ghost-border);
  background: transparent;
  color: var(--hdr-btn-fg);
}

.admin-side__nav {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.admin-side__link {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 42px;
  padding: 0 10px;
  border-radius: 10px;
  border: 1px solid var(--hdr-line);
  background: transparent;
  text-decoration: none;
  color: var(--hdr-btn-fg);
  box-sizing: border-box;
  transition: border-color 0.15s ease, color 0.15s ease;
}

.admin-side__link-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  flex-shrink: 0;
  border-radius: 9px;
  border: 1px solid var(--hdr-line);
  background: transparent;
  color: var(--hdr-register);
  box-sizing: border-box;
}

.admin-side__link-icon i,
.admin-side__link-icon svg {
  width: 15px;
  height: 15px;
  display: block;
}

.admin-side__link-label {
  flex: 1 1 auto;
  min-width: 0;
  font-size: var(--hdr-font-sm, 13px);
  font-weight: 700;
  line-height: 1.25;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-side__link-chevron {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  color: var(--hdr-muted);
}

.admin-side__link:hover {
  color: var(--hdr-btn-fg);
  background: transparent;
  border-color: var(--hdr-line);
}

.admin-side__link:hover .admin-side__link-icon {
  color: var(--hdr-register);
  border-color: var(--hdr-line);
  background: transparent;
}

.admin-side__link.is-active {
  color: var(--hdr-btn-fg);
  background: transparent;
  border-color: var(--hdr-line);
}

.admin-side__link.is-active .admin-side__link-icon {
  color: var(--hdr-btn-fg);
  background: var(--hdr-register);
  border-color: var(--hdr-register);
}

.admin-side__link.is-active .admin-side__link-chevron {
  color: var(--hdr-register);
}

.admin-side__group {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.admin-side__link--toggle {
  width: 100%;
  margin: 0;
  font: inherit;
  text-align: left;
  cursor: pointer;
  background: transparent;
  appearance: none;
}

.admin-side__link-chevron--toggle {
  color: var(--hdr-muted);
  transition: transform 0.18s ease, color 0.15s ease;
}

.admin-side__group.is-open > .admin-side__link--toggle .admin-side__link-chevron--toggle,
.admin-side__link--toggle[aria-expanded='true'] .admin-side__link-chevron--toggle {
  color: var(--hdr-register);
  transform: rotate(180deg);
}

.admin-side__group.is-current > .admin-side__link--toggle {
  color: var(--hdr-btn-fg);
}

.admin-side__group.is-current > .admin-side__link--toggle .admin-side__link-icon {
  color: var(--hdr-btn-fg);
  background: var(--hdr-register);
  border-color: var(--hdr-register);
}

.admin-side__sub {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 2px 0 2px 12px;
  margin: 0 0 2px;
  border-left: 2px solid color-mix(in srgb, var(--hdr-register) 28%, var(--hdr-line));
  margin-left: 14px;
}

.admin-side__sub[hidden] {
  display: none !important;
}

.admin-side__group--nested {
  gap: 2px;
}

.admin-side__group--nested > .admin-side__sub {
  margin-left: 10px;
  padding-left: 10px;
}

.admin-side__link--sub {
  min-height: 40px;
  padding-left: 8px;
}

.admin-side__link--sub .admin-side__link-icon {
  width: 26px;
  height: 26px;
  border-radius: 8px;
}

.admin-side__link--sub .admin-side__link-icon i,
.admin-side__link--sub .admin-side__link-icon svg {
  width: 13px;
  height: 13px;
}

.admin-side__link--sub .admin-side__link-label {
  font-size: 12.5px;
  font-weight: 600;
}

.admin-content {
  min-width: 0;
}

.admin-dashboard {
  display: flex;
  flex-direction: column;
  gap: 14px;
  min-width: 0;
}

.admin-dash-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
  min-width: 0;
}

.admin-dash-panel {
  display: flex;
  flex-direction: column;
  min-width: 0;
  border: 1px solid var(--hdr-line);
  border-radius: 14px;
  background: var(--hdr-header-bg);
  box-shadow: none;
  overflow: hidden;
  box-sizing: border-box;
}

.admin-dash-panel__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 16px;
  border-bottom: 1px solid var(--hdr-line);
}

.admin-dash-panel__title-wrap {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}

.admin-dash-panel__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  border-radius: 10px;
  border: 1px solid var(--hdr-line);
  background: var(--hdr-page-bg);
  color: var(--hdr-register);
  box-sizing: border-box;
}

.admin-dash-panel__icon i,
.admin-dash-panel__icon svg {
  width: 18px;
  height: 18px;
}

.admin-dash-panel__copy {
  min-width: 0;
}

.admin-dash-panel__title {
  margin: 0 0 2px;
  color: var(--hdr-btn-fg);
  font-size: var(--hdr-font, 15px);
  font-weight: 800;
  line-height: 1.25;
}

.admin-dash-panel__desc {
  margin: 0;
  color: var(--hdr-search-fg);
  font-size: var(--hdr-font-sm, 13px);
  font-weight: 500;
  line-height: 1.35;
}

.admin-dash-panel__desc strong {
  color: var(--hdr-register);
  font-weight: 800;
}

.admin-dash-panel__all {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
  min-height: 36px;
  padding: 0 12px;
  border: 1px solid var(--hdr-ghost-border);
  border-radius: var(--hdr-btn-radius, 10px);
  background: transparent;
  color: var(--hdr-btn-fg);
  text-decoration: none;
  font-size: var(--hdr-font-sm, 13px);
  font-weight: 700;
  line-height: 1;
  box-sizing: border-box;
  transition: border-color 0.15s ease, color 0.15s ease;
}

.admin-dash-panel__all i,
.admin-dash-panel__all svg {
  width: 14px;
  height: 14px;
}

.admin-dash-panel__all:hover {
  border-color: var(--hdr-line);
  color: var(--hdr-btn-fg);
}

.admin-dash-panel__empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 28px 16px;
  text-align: center;
  color: var(--hdr-search-fg);
}

.admin-dash-panel__empty i,
.admin-dash-panel__empty svg {
  width: 22px;
  height: 22px;
  color: var(--hdr-register);
}

.admin-dash-panel__empty p {
  margin: 0;
  font-size: var(--hdr-font-sm, 13px);
  font-weight: 600;
  line-height: 1.4;
}

.admin-dash-panel__list {
  list-style: none;
  margin: 0;
  padding: 6px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.admin-dash-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid transparent;
  border-radius: 10px;
  text-decoration: none;
  color: inherit;
  box-sizing: border-box;
  transition: background 0.15s ease, border-color 0.15s ease;
}

.admin-dash-row:hover {
  background: var(--hdr-page-bg);
  border-color: var(--hdr-line);
}

.admin-dash-row__main {
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-width: 0;
  flex: 1 1 auto;
}

.admin-dash-row__title {
  color: var(--hdr-btn-fg);
  font-size: var(--hdr-font-sm, 13px);
  font-weight: 700;
  line-height: 1.3;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-dash-row__sub {
  color: var(--hdr-search-fg);
  font-size: 12px;
  font-weight: 500;
  line-height: 1.35;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-dash-row__side {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 2px;
  flex-shrink: 0;
  text-align: right;
}

.admin-dash-row__meta {
  color: var(--hdr-login);
  font-size: var(--hdr-font-sm, 13px);
  font-weight: 800;
  line-height: 1.25;
}

.admin-dash-row__status {
  color: var(--hdr-register);
  font-size: 11px;
  font-weight: 700;
  line-height: 1.3;
}

.admin-dash-row__date {
  color: var(--hdr-search-fg);
  font-size: 11px;
  font-weight: 500;
  line-height: 1.3;
}

.admin-stat-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
}

.admin-stat-card {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
  padding: 14px;
  border: 1px solid var(--hdr-line);
  border-radius: 14px;
  background: var(--hdr-header-bg);
  box-shadow: none;
  box-sizing: border-box;
}

.admin-stat-card__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  border-radius: 12px;
  border: 1px solid var(--hdr-line);
  background: var(--hdr-page-bg);
  color: var(--hdr-search-fg);
  box-sizing: border-box;
}

.admin-stat-card__icon i,
.admin-stat-card__icon svg {
  width: 22px;
  height: 22px;
  display: block;
  fill: none;
  stroke: currentColor;
}

.admin-stat-card--green .admin-stat-card__icon {
  border-color: var(--hdr-login);
  background: var(--hdr-login);
  color: var(--hdr-btn-fg);
}

.admin-stat-card--blue .admin-stat-card__icon {
  border-color: var(--hdr-info);
  background: var(--hdr-info);
  color: var(--hdr-btn-fg);
}

.admin-stat-card--orange .admin-stat-card__icon {
  border-color: var(--admin-warn);
  background: var(--admin-warn);
  color: var(--hdr-btn-fg);
}

.admin-stat-card--teal .admin-stat-card__icon {
  border-color: var(--admin-teal);
  background: var(--admin-teal);
  color: var(--hdr-btn-fg);
}

.admin-stat-card__meta {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}

.admin-stat-card__label {
  color: var(--hdr-search-fg);
  font-size: var(--hdr-font-sm, 13px);
  font-weight: 500;
  line-height: 1.3;
}

.admin-stat-card__value {
  color: var(--hdr-btn-fg);
  font-size: 1rem;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: -0.01em;
  word-break: break-word;
}

.admin-content-card {
  border: 1px solid var(--hdr-frame-border);
  border-radius: 14px;
  background: var(--hdr-bg);
  box-shadow: var(--hdr-frame-drop);
  padding: 18px 18px 20px;
  box-sizing: border-box;
  min-height: 220px;
}

.admin-content-card__head {
  margin: 0;
}

.admin-content-card__title {
  margin: 0 0 6px;
  color: var(--hdr-text);
  font-size: 1.15rem;
  font-weight: 800;
  line-height: 1.25;
}

.admin-content-card__desc {
  margin: 0;
  color: var(--hdr-muted);
  font-size: var(--hdr-font-sm, 13px);
  font-weight: 500;
  line-height: 1.45;
}

@media (max-width: 1023px) {
  .admin-side {
    padding: 10px;
  }

  .admin-side__toggle {
    display: inline-flex;
  }

  .admin-side__inner {
    display: none;
    padding: 12px 4px 4px;
  }

  .admin-side.is-open .admin-side__inner {
    display: flex;
  }

  .admin-stat-grid {
    grid-template-columns: 1fr 1fr;
    gap: 10px;
  }
}

@media (max-width: 480px) {
  .admin-stat-grid {
    grid-template-columns: 1fr;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .admin-stat-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .admin-dash-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1024px) {
  .site-main--admin {
    padding: 0 var(--hdr-shell-gutter) 20px;
  }

  .admin-shell {
    grid-template-columns: 280px minmax(0, 1fr);
    gap: 18px;
    align-items: start;
  }

  .admin-side {
    position: sticky;
    top: 14px;
    padding: 0;
  }

  .admin-side__toggle {
    display: none !important;
  }

  .admin-side__inner {
    display: flex !important;
    padding: 16px;
    gap: 16px;
  }

  .admin-dash-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
  }

  .admin-stat-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
  }

  .admin-stat-card {
    padding: 16px 14px;
  }

  .admin-content-card {
    padding: 22px 22px 24px;
    min-height: 280px;
  }
}

.admin-users {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.admin-users-card {
  border: 1px solid var(--hdr-line);
  border-radius: var(--hdr-frame-radius, 14px);
  background: var(--hdr-header-bg);
  box-shadow: none;
  overflow: hidden;
  box-sizing: border-box;
}

.admin-users-card__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  padding: 14px 16px;
  border-bottom: 1px solid var(--hdr-line);
}

.admin-users-card__tools {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  flex-wrap: wrap;
  min-width: 0;
}

.admin-users-seed-form {
  margin: 0;
  flex: 0 0 auto;
}

.admin-users-card__title-wrap {
  min-width: 0;
  flex: 1 1 180px;
}

.admin-users-card__title {
  margin: 0 0 4px;
  color: var(--hdr-text);
  font-size: var(--hdr-font, 15px);
  font-weight: 800;
  line-height: 1.25;
  letter-spacing: -0.01em;
}

.admin-users-card__desc {
  margin: 0;
  color: var(--hdr-muted);
  font-size: var(--hdr-font-xs, 13px);
  font-weight: 500;
  line-height: 1.4;
}

.admin-users-card__meta {
  margin: 0 0 0 auto;
  color: var(--hdr-muted);
  font-size: var(--hdr-font-xs, 13px);
  font-weight: 600;
  line-height: 1.35;
  white-space: nowrap;
  align-self: center;
  flex: 0 0 auto;
}

.admin-users-search {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  width: 260px;
  max-width: 100%;
  min-width: 0;
  margin-left: auto;
}

.admin-users--list .admin-users-card__title {
  white-space: nowrap;
}

.admin-users--list .admin-users-card__title-wrap {
  flex: 1 1 auto;
  min-width: min(100%, 11.5rem);
}

.admin-users--list .admin-users-card__tools {
  flex: 0 1 auto;
  max-width: 100%;
}

.admin-users--list .admin-users-search {
  width: 200px;
  flex: 0 0 200px;
  margin-left: 0;
}

.admin-users-search__field {
  position: relative;
  flex: 1 1 auto;
  min-width: 0;
  width: 100%;
}

.admin-users-search__field > i,
.admin-users-search__field > svg {
  position: absolute;
  left: 12px;
  top: 50%;
  width: 16px;
  height: 16px;
  transform: translateY(-50%);
  color: var(--hdr-search-fg);
  pointer-events: none;
}

.admin-users-search__field input {
  width: 100%;
  height: var(--hdr-btn-h, 40px);
  padding: 0 12px 0 38px;
  border: 1px solid var(--hdr-ghost-border);
  border-radius: var(--hdr-btn-radius, 10px);
  background: transparent;
  color: var(--hdr-btn-fg);
  font-size: var(--hdr-font-sm, 14px);
  font-weight: 500;
  box-sizing: border-box;
  caret-color: var(--hdr-btn-fg);
}

.admin-users-search__field input::placeholder {
  color: var(--hdr-search-fg);
}

.admin-users-search__field input:focus {
  outline: none;
  border-color: var(--hdr-search-focus, var(--hdr-register));
  box-shadow: none;
}

.admin-users-card.is-searching .admin-users-table-wrap {
  opacity: 0.55;
  pointer-events: none;
  transition: opacity 0.15s ease;
}

.admin-users-table-wrap {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.admin-users-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 40px 16px;
  color: var(--hdr-search-fg);
  text-align: center;
}

.admin-users-empty i,
.admin-users-empty svg {
  width: 24px;
  height: 24px;
  color: var(--hdr-register);
  opacity: 1;
}

.admin-users-empty p {
  margin: 0;
  font-size: var(--hdr-font-sm, 14px);
  font-weight: 600;
}

.admin-users-table {
  width: 100%;
  min-width: 860px;
  border-collapse: separate;
  border-spacing: 0;
  text-align: left;
}

.admin-users-table th,
.admin-users-table td {
  padding: 10px 14px;
  vertical-align: middle;
  border-bottom: 1px solid var(--hdr-line);
  box-sizing: border-box;
}

.admin-users-table th {
  background: var(--hdr-page-bg);
  color: var(--hdr-search-fg);
  font-size: var(--hdr-font-xs, 13px);
  font-weight: 600;
  letter-spacing: 0;
  text-transform: none;
  white-space: nowrap;
}

.admin-users-table tbody td {
  color: var(--hdr-btn-fg);
  font-size: var(--hdr-font-sm, 14px);
  font-weight: 500;
  line-height: 1.35;
}

.admin-users-table tbody tr:last-child td {
  border-bottom: 0;
}

.admin-users-table tbody tr:hover td {
  background: var(--hdr-page-bg);
}

.admin-users-th-sort {
  color: inherit;
  text-decoration: none;
}

.admin-users-table__balance-col {
  width: 1%;
  white-space: nowrap;
  text-align: center;
}

.admin-users-table__balance-col .admin-users-th-sort,
.admin-users-table__balance-col .admin-users-balance {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.admin-users-table__balance-col .admin-users-balance {
  width: auto;
  max-width: 100%;
}

.admin-users-th-sort i,
.admin-users-th-sort svg {
  width: 14px;
  height: 14px;
}

.admin-users-th-sort:hover,
.admin-users-th-sort.is-active {
  color: var(--hdr-text);
}

.admin-users-person {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}

.admin-users-person__avatar {
  display: block;
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  border-radius: 10px;
  overflow: hidden;
  background: var(--hdr-page-bg);
  border: 1px solid var(--hdr-line);
  box-sizing: border-box;
}

.admin-users-person__avatar img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.14);
  transform-origin: center;
}

.admin-users-person__meta {
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-width: 0;
}

.admin-users-person__name {
  color: var(--hdr-btn-fg);
  font-size: var(--hdr-font-sm, 14px);
  font-weight: 700;
  line-height: 1.3;
  word-break: break-word;
}

.admin-users-person__username {
  color: var(--hdr-search-fg);
  font-size: var(--hdr-font-xs, 13px);
  font-weight: 500;
  line-height: 1.3;
}

.admin-users-email {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  word-break: break-word;
}

.admin-users-balance {
  margin: 0;
  padding: 3px 6px;
  border: 1px solid transparent;
  border-radius: 8px;
  background: transparent;
  color: inherit;
  font: inherit;
  font-size: inherit;
  font-weight: inherit;
  white-space: nowrap;
  cursor: pointer;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.admin-users-balance__value {
  min-width: 0;
  font-variant-numeric: tabular-nums;
}

.admin-users-balance i,
.admin-users-balance svg {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
  color: var(--hdr-search-fg);
}

.admin-users-balance:hover {
  color: var(--hdr-btn-fg);
  border-color: var(--hdr-line);
  background: var(--hdr-page-bg);
}

.admin-users-balance:hover i,
.admin-users-balance:hover svg {
  color: var(--hdr-register);
}

.admin-users-table__actions-head,
.admin-users-table__actions-cell {
  text-align: center;
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}

.admin-users-actions {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: max-content;
  max-width: none;
  margin-inline: auto;
  white-space: nowrap;
}

/* Form kutusu satırı bozmasın; çocuklar doğrudan flex satırına katılsın. */
.admin-users-actions__form {
  display: contents;
  margin: 0;
  padding: 0;
}

.admin-users-actions > .admin-users-btn,
.admin-users-actions > .admin-users-icon-btn,
.admin-users-actions .admin-users-btn,
.admin-users-actions .admin-users-icon-btn {
  flex: 0 0 auto;
  white-space: nowrap;
  vertical-align: middle;
}

/* Admin tablolarında aksiyon butonları her zaman aynı satırda. */
.is-admin-panel .admin-users-actions,
.is-admin-panel .admin-users-table__actions-cell .admin-users-actions,
.is-admin-panel td.admin-users-table__actions-cell .admin-users-actions,
.is-admin-panel .admin-odeme-table .admin-users-actions,
.is-admin-panel .admin-bize-sat-table .admin-users-actions,
.is-admin-panel .admin-orders-table__actions .admin-users-actions {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: center;
  gap: 6px;
  width: max-content !important;
  max-width: none !important;
}

.is-admin-panel .admin-users-actions__form {
  display: contents !important;
  width: auto !important;
  margin: 0 !important;
}

.is-admin-panel .admin-users-actions .admin-users-btn {
  display: inline-flex !important;
  width: auto !important;
  max-width: none !important;
}

.is-admin-panel .admin-users-actions .admin-users-icon-btn {
  display: inline-flex !important;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  min-height: 32px !important;
  padding: 0 !important;
}

.admin-users-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: var(--hdr-btn-h-sm, 38px);
  padding: 0 12px;
  border-radius: var(--hdr-btn-radius, 10px);
  border: 1px solid var(--hdr-ghost-border);
  background: transparent;
  color: var(--hdr-btn-fg);
  font-size: var(--hdr-font-sm, 14px);
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
  text-decoration: none;
  box-sizing: border-box;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.admin-users-btn i,
.admin-users-btn svg {
  width: 16px;
  height: 16px;
  display: block;
  flex-shrink: 0;
}

.admin-users-table .admin-users-btn,
.admin-users-table__actions-cell .admin-users-btn,
.admin-users-actions .admin-users-btn {
  min-height: 32px;
  padding: 0 10px;
  gap: 6px;
  font-size: 12px;
  font-weight: 700;
  border-radius: 8px;
}

.admin-users-table .admin-users-btn i,
.admin-users-table .admin-users-btn svg,
.admin-users-table__actions-cell .admin-users-btn i,
.admin-users-table__actions-cell .admin-users-btn svg,
.admin-users-actions .admin-users-btn i,
.admin-users-actions .admin-users-btn svg {
  width: 15px;
  height: 15px;
}

.admin-users-table .admin-users-icon-btn,
.admin-users-table__actions-cell .admin-users-icon-btn,
.admin-users-actions .admin-users-icon-btn {
  width: 32px;
  height: 32px;
  min-width: 32px;
  min-height: 32px;
  padding: 0;
  border-radius: 8px;
}

.admin-users-table .admin-users-icon-btn i,
.admin-users-table .admin-users-icon-btn svg,
.admin-users-table__actions-cell .admin-users-icon-btn i,
.admin-users-table__actions-cell .admin-users-icon-btn svg,
.admin-users-actions .admin-users-icon-btn i,
.admin-users-actions .admin-users-icon-btn svg {
  width: 15px;
  height: 15px;
  display: block;
}

.admin-users-table .admin-users-icon-btn--danger,
.admin-users-table__actions-cell .admin-users-icon-btn--danger,
.admin-users-actions .admin-users-icon-btn--danger {
  width: 32px;
  height: 32px;
  min-width: 32px;
  min-height: 32px;
}

.admin-users-btn--primary {
  border-color: var(--hdr-register);
  background: var(--hdr-register);
  color: var(--hdr-btn-fg);
}

.admin-users-btn--primary:hover {
  background: var(--hdr-register-hover);
  border-color: var(--hdr-register-hover);
  filter: brightness(1.04);
}

.admin-users-btn--ok {
  border-color: var(--hdr-login);
  background: var(--hdr-login);
  color: var(--hdr-btn-fg);
}

.admin-users-btn--ok:hover {
  background: var(--hdr-login-hover);
  border-color: var(--hdr-login-hover);
  filter: brightness(1.04);
}

.admin-users-btn--secondary {
  border-color: #3b82f6;
  background: #3b82f6;
  color: #fff;
}

.admin-users-btn--secondary:hover {
  background: #4f8ff7;
  border-color: #4f8ff7;
  color: #fff;
  filter: brightness(1.04);
}

.admin-users-btn--danger {
  color: var(--hdr-btn-fg);
  border-color: var(--hdr-register);
  background: var(--hdr-register);
}

.admin-users-btn--danger:hover {
  background: var(--hdr-register-hover);
  border-color: var(--hdr-register-hover);
  filter: brightness(1.04);
}

.admin-users-btn--block {
  width: 100%;
  min-height: var(--hdr-btn-h, 40px);
  margin-top: 4px;
}

.admin-users-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  padding: 12px 14px 14px;
  border-top: 1px solid var(--hdr-line);
}

.admin-users-footer__info {
  color: var(--hdr-search-fg);
  font-size: var(--hdr-font-xs, 13px);
  font-weight: 500;
}

.admin-users-pagination {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  padding: 12px 14px 14px;
  border-top: 1px solid var(--hdr-line);
}

.admin-users-pagination__info {
  color: var(--hdr-search-fg);
  font-size: var(--hdr-font-xs, 13px);
  font-weight: 600;
  line-height: 1.4;
}

.admin-users-pagination__nav {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.admin-users-pagination__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  min-height: var(--hdr-btn-h-sm, 38px);
  padding: 0 12px;
  border: 1px solid var(--hdr-ghost-border);
  border-radius: var(--hdr-btn-radius, 10px);
  background: transparent;
  color: var(--hdr-btn-fg);
  font-size: var(--hdr-font-sm, 14px);
  font-weight: 600;
  text-decoration: none;
  box-sizing: border-box;
  cursor: pointer;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.admin-users-pagination__btn:hover {
  border-color: var(--hdr-ghost-border);
  background: transparent;
  color: var(--hdr-btn-fg);
}

.admin-users-pagination__btn.is-active {
  border-color: var(--hdr-register);
  background: var(--hdr-register);
  color: var(--hdr-btn-fg);
}

.admin-users-pagination__btn:focus-visible {
  outline: 2px solid var(--hdr-search-focus, var(--hdr-register));
  outline-offset: 2px;
}

.admin-pagination {
  display: flex;
  justify-content: center;
  width: 100%;
}

.admin-pagination__links {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.admin-pagination__status {
  color: var(--hdr-search-fg);
  font-size: var(--hdr-font-xs, 12px);
  font-weight: 700;
  min-width: 3.5rem;
  text-align: center;
}

.admin-pagination__btn {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  min-height: 34px;
  padding: 0 10px;
  border: 1px solid var(--hdr-ghost-border);
  border-radius: 10px;
  background: transparent;
  color: var(--hdr-btn-fg);
  font-size: var(--hdr-font-xs, 12px);
  font-weight: 700;
  text-decoration: none;
  box-sizing: border-box;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.admin-pagination__btn i,
.admin-pagination__btn svg {
  width: 14px;
  height: 14px;
}

.admin-pagination__btn:hover {
  color: var(--hdr-btn-fg);
  border-color: var(--hdr-ghost-border);
  background: transparent;
}

.admin-pagination__btn.is-disabled {
  opacity: 0.45;
  pointer-events: none;
}

html.admin-users-modal-open {
  overflow: hidden;
}

.admin-users-modal {
  position: fixed;
  inset: 0;
  z-index: 1200;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  box-sizing: border-box;
}

.admin-users-modal[hidden] {
  display: none !important;
}

.admin-users-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.62);
}

.admin-users-modal__dialog {
  position: relative;
  z-index: 1;
  width: min(100%, var(--hdr-modal-width-lg, 480px));
  max-height: min(90vh, 720px);
  overflow: auto;
  border: 1px solid var(--hdr-line);
  border-radius: var(--hdr-modal-radius, 14px);
  background: var(--hdr-header-bg);
  box-shadow: none;
  box-sizing: border-box;
}

.admin-users-modal__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: var(--hdr-modal-pad, 14px 16px);
  border-bottom: 1px solid var(--hdr-line);
}

.admin-users-modal__title {
  margin: 0;
  color: var(--hdr-text);
  font-size: var(--hdr-modal-title-size, 15px);
  font-weight: 800;
  line-height: 1.25;
}

.admin-users-modal__close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--hdr-muted);
  cursor: pointer;
  transition: color 0.15s ease;
}

.admin-users-modal__close i,
.admin-users-modal__close svg {
  width: 16px;
  height: 16px;
  display: block;
  transform-origin: center;
  transition: transform 0.35s ease, color 0.15s ease;
}

.admin-users-modal__close:hover,
.admin-users-modal__close:focus-visible {
  color: var(--hdr-text);
  background: transparent;
  border: 0;
  outline: none;
}

.admin-users-modal__close:hover i,
.admin-users-modal__close:hover svg,
.admin-users-modal__close:focus-visible i,
.admin-users-modal__close:focus-visible svg {
  transform: rotate(90deg);
}

.admin-users-modal__body {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: var(--hdr-modal-pad, 14px 16px);
}

.admin-users-modal__dialog--edit {
  width: min(100%, var(--hdr-modal-width-lg, 480px));
}

.admin-users-edit-form {
  gap: 14px;
}

.admin-users-edit-fields {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.admin-users-uyelik-row {
  display: flex;
  align-items: stretch;
  gap: 8px;
  min-width: 0;
}

.admin-users-uyelik-row .admin-users-float {
  flex: 1 1 auto;
  min-width: 0;
}

.admin-users-uyelik-clear {
  flex: 0 0 auto;
  align-self: stretch;
  width: 48px;
  height: auto;
  min-height: 48px;
  color: var(--hdr-muted);
}

.admin-users-uyelik-clear:hover,
.admin-users-uyelik-clear:focus-visible {
  color: var(--hdr-btn-fg);
  border-color: var(--hdr-register);
  background: var(--hdr-register);
  outline: none;
}

.admin-users-uyelik-clear[hidden] {
  display: none !important;
}

.admin-users-edit-actions {
  display: flex;
  align-items: center;
  gap: 10px;
}

.admin-users-edit-actions__save {
  flex: 1;
  min-width: 0;
}

.admin-users-edit-actions__delete {
  margin: 0;
  flex-shrink: 0;
}

.admin-users-edit-actions__delete .admin-users-icon-btn:hover,
.admin-users-edit-actions__delete .admin-users-icon-btn:focus-visible {
  color: var(--hdr-btn-fg);
  border-color: var(--hdr-register);
  background: var(--hdr-register);
  outline: none;
}

.admin-users-edit-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

.admin-users-float {
  position: relative;
  min-width: 0;
}

.admin-users-float > i,
.admin-users-float > svg {
  position: absolute;
  left: 12px;
  top: 24px;
  z-index: 1;
  width: 16px;
  height: 16px;
  display: block;
  transform: translateY(-50%);
  color: var(--hdr-muted);
  pointer-events: none;
}

.admin-users-float input,
.admin-users-float select {
  width: 100%;
  height: 48px;
  padding: 16px 12px 6px 40px;
  border: 1px solid var(--hdr-line);
  border-radius: var(--hdr-btn-radius, 10px);
  background: var(--hdr-page-bg);
  color: var(--hdr-btn-fg);
  font-size: var(--hdr-font-sm, 14px);
  font-weight: 600;
  box-sizing: border-box;
  caret-color: var(--hdr-btn-fg);
  appearance: none;
  transition: border-color 0.15s ease;
}

.admin-users-float input:-webkit-autofill,
.admin-users-float input:-webkit-autofill:hover,
.admin-users-float input:-webkit-autofill:focus,
.admin-users-float input:-webkit-autofill:active,
.admin-users-float input:autofill {
  -webkit-text-fill-color: var(--hdr-btn-fg) !important;
  caret-color: var(--hdr-btn-fg) !important;
  border: 1px solid var(--hdr-line) !important;
  border-radius: var(--hdr-btn-radius, 10px);
  -webkit-box-shadow: 0 0 0 1000px var(--hdr-page-bg) inset !important;
  box-shadow: 0 0 0 1000px var(--hdr-page-bg) inset !important;
  transition: background-color 9999s ease-out 0s;
}

.admin-users-float input:focus:-webkit-autofill,
.admin-users-float input:focus:autofill {
  border-color: var(--hdr-search-focus, var(--hdr-register)) !important;
  -webkit-box-shadow: 0 0 0 1000px var(--hdr-page-bg) inset !important;
  box-shadow: 0 0 0 1000px var(--hdr-page-bg) inset !important;
}

.admin-users-float select {
  padding-right: 34px;
  cursor: pointer;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23a3a3a3' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 16px 16px;
}

.admin-users-float--select .register-custom-select {
  position: relative;
  width: 100%;
  z-index: 0;
}

.admin-users-float--select:has(.register-custom-select.is-open) {
  z-index: 4;
}

.admin-users-float--select > i,
.admin-users-float--select > svg,
.admin-users-float--select > label {
  z-index: 2;
}

.admin-users-float--select .register-custom-select__native {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  opacity: 0;
  pointer-events: none;
  clip: rect(0, 0, 0, 0);
  overflow: hidden;
  background-image: none;
}

.admin-users-float--select .register-custom-select__btn {
  position: relative;
  display: block;
  width: 100%;
  height: 48px;
  padding: 16px 36px 6px 40px;
  border: 1px solid var(--hdr-line);
  border-radius: var(--hdr-btn-radius, 10px);
  background: var(--hdr-page-bg);
  color: var(--hdr-btn-fg);
  font: inherit;
  font-size: var(--hdr-font-sm, 14px);
  font-weight: 600;
  line-height: 1.25;
  text-align: left;
  cursor: pointer;
  box-sizing: border-box;
  overflow: hidden;
  transition: border-color 0.15s ease;
}

.admin-users-float--select .register-custom-select.is-open .register-custom-select__btn,
.admin-users-float--select .register-custom-select__btn:focus,
.admin-users-float--select .register-custom-select__btn:focus-visible {
  outline: none;
  border-color: var(--hdr-search-focus, var(--hdr-register));
  box-shadow: none;
}

.admin-users-float--select .register-custom-select__value {
  display: block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-users-float--select .register-custom-select__chev {
  position: absolute;
  right: 12px;
  top: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--hdr-muted);
  transform: translateY(-50%);
  transition: transform 0.2s ease, color 0.15s ease;
  pointer-events: none;
}

.admin-users-float--select .register-custom-select__chev i,
.admin-users-float--select .register-custom-select__chev svg {
  width: 16px;
  height: 16px;
  display: block;
}

.admin-users-float--select .register-custom-select.is-open .register-custom-select__chev {
  color: var(--hdr-text);
  transform: translateY(-50%) rotate(180deg);
}

.admin-users-float--select .register-custom-select__list,
body.is-admin-panel .register-custom-select__list.is-portal {
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  right: 0;
  z-index: 30;
  display: flex;
  flex-direction: column;
  gap: 4px;
  list-style: none;
  margin: 0;
  padding: 8px;
  border: 1px solid var(--hdr-frame-border);
  border-radius: 12px;
  background: var(--hdr-page-bg);
  box-shadow: var(--hdr-frame-drop);
  box-sizing: border-box;
  max-height: min(320px, 50vh);
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: none;
}

.admin-users-float--select .register-custom-select__list::-webkit-scrollbar,
body.is-admin-panel .register-custom-select__list.is-portal::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}

body.is-admin-panel .register-custom-select__list.is-portal {
  position: fixed;
  z-index: 1300;
  right: auto;
}

.admin-users-float--select .register-custom-select__list[hidden],
body.is-admin-panel .register-custom-select__list.is-portal[hidden] {
  display: none !important;
}

body.is-admin-panel .register-custom-select__search,
.admin-users-float--select .register-custom-select__search {
  position: sticky;
  top: 0;
  z-index: 2;
  margin: 0 0 4px;
  padding: 0 0 6px;
  list-style: none;
  background: var(--hdr-page-bg);
  border-bottom: 1px solid var(--hdr-line);
}

body.is-admin-panel .register-custom-select__search-input,
.admin-users-float--select .register-custom-select__search-input {
  width: 100%;
  height: 36px;
  padding: 0 12px;
  border: 1px solid var(--hdr-ghost-border);
  border-radius: 10px;
  background: transparent;
  color: var(--hdr-btn-fg);
  font-size: var(--hdr-font-sm, 13px);
  font-weight: 600;
  box-sizing: border-box;
  outline: none;
}

body.is-admin-panel .register-custom-select__search-input:focus,
.admin-users-float--select .register-custom-select__search-input:focus,
body.is-admin-panel .register-custom-select__list.is-portal .register-custom-select__search-input:focus {
  border-color: var(--hdr-search-focus, var(--hdr-register));
  box-shadow: none;
}

body.is-admin-panel .register-custom-select__empty,
.admin-users-float--select .register-custom-select__empty {
  list-style: none;
  padding: 12px 10px;
  color: var(--hdr-muted);
  font-size: var(--hdr-font-sm, 13px);
  font-weight: 600;
  text-align: center;
}

body.is-admin-panel .register-custom-select__option[hidden],
.admin-users-float--select .register-custom-select__option[hidden] {
  display: none !important;
}

.admin-users-float--select .register-custom-select__option,
body.is-admin-panel .register-custom-select__list.is-portal .register-custom-select__option {
  display: block;
  margin: 0;
  padding: 12px 14px;
  min-height: 44px;
  border-radius: 10px;
  color: var(--hdr-text);
  font-size: var(--hdr-font-sm, 13px);
  font-weight: 600;
  line-height: 1.35;
  box-sizing: border-box;
  cursor: pointer;
}

.admin-users-float--select .register-custom-select__option:hover,
.admin-users-float--select .register-custom-select__option.is-active,
body.is-admin-panel .register-custom-select__list.is-portal .register-custom-select__option:hover,
body.is-admin-panel .register-custom-select__list.is-portal .register-custom-select__option.is-active {
  background: var(--hdr-menu-hover);
  color: var(--hdr-text);
}

.admin-users-float--select .register-custom-select__option.is-selected,
body.is-admin-panel .register-custom-select__list.is-portal .register-custom-select__option.is-selected {
  background: var(--hdr-menu-bg);
  color: var(--hdr-text);
}

.admin-users-float--select .register-custom-select__option.is-selected.is-active,
.admin-users-float--select .register-custom-select__option.is-selected:hover,
body.is-admin-panel .register-custom-select__list.is-portal .register-custom-select__option.is-selected.is-active,
body.is-admin-panel .register-custom-select__list.is-portal .register-custom-select__option.is-selected:hover {
  background: var(--hdr-menu-hover);
  color: var(--hdr-text);
}

.admin-users-float--select:focus-within label,
.admin-users-float--select:has(.register-custom-select.is-open) label {
  color: var(--hdr-muted);
}

body.is-admin-panel .admin-select.register-custom-select {
  position: relative;
  display: block;
  width: 100%;
  min-width: 0;
  z-index: 1;
}

body.is-admin-panel .admin-select.register-custom-select.is-open {
  z-index: 40;
}

body.is-admin-panel .admin-select .register-custom-select__native {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  border: 0;
  opacity: 0;
  pointer-events: none;
  clip: rect(0, 0, 0, 0);
  overflow: hidden;
  background-image: none;
}

body.is-admin-panel .admin-select .register-custom-select__btn {
  position: relative;
  display: block;
  width: 100%;
  height: 40px;
  min-height: 40px;
  padding: 0 36px 0 12px;
  border: 1px solid var(--hdr-line);
  border-radius: var(--hdr-btn-radius, 10px);
  background: var(--hdr-page-bg);
  color: var(--hdr-btn-fg);
  font: inherit;
  font-size: var(--hdr-font-sm, 14px);
  font-weight: 600;
  line-height: 1.25;
  text-align: left;
  cursor: pointer;
  box-sizing: border-box;
  overflow: hidden;
  transition: border-color 0.15s ease;
}

body.is-admin-panel .admin-select.register-custom-select.is-open .register-custom-select__btn,
body.is-admin-panel .admin-select .register-custom-select__btn:focus,
body.is-admin-panel .admin-select .register-custom-select__btn:focus-visible {
  outline: none;
  border-color: var(--hdr-search-focus, var(--hdr-register));
  box-shadow: none;
}

body.is-admin-panel .admin-select .register-custom-select__value {
  display: block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.is-admin-panel .admin-select .register-custom-select__value.is-placeholder {
  color: var(--hdr-muted);
}

body.is-admin-panel .admin-select .register-custom-select__chev {
  position: absolute;
  right: 10px;
  top: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--hdr-muted);
  transform: translateY(-50%);
  transition: transform 0.2s ease, color 0.15s ease;
  pointer-events: none;
}

body.is-admin-panel .admin-select .register-custom-select__chev i,
body.is-admin-panel .admin-select .register-custom-select__chev svg {
  width: 16px;
  height: 16px;
  display: block;
}

body.is-admin-panel .admin-select.register-custom-select.is-open .register-custom-select__chev {
  color: var(--hdr-text);
  transform: translateY(-50%) rotate(180deg);
}

body.is-admin-panel .admin-cekilisler-toolbar .admin-select,
body.is-admin-panel .admin-bize-sat-toolbar .admin-select,
body.is-admin-panel .admin-kimlik-toolbar .admin-select,
body.is-admin-panel .admin-kripto-toolbar .admin-select,
body.is-admin-panel .admin-odeme-toolbar .admin-select,
body.is-admin-panel .admin-orders-toolbar .admin-select,
body.is-admin-panel .admin-reviews-toolbar .admin-select {
  flex: 0 0 auto;
  width: auto;
  min-width: 160px;
}

body.is-admin-panel .admin-cekilisler-toolbar .admin-select .register-custom-select__btn,
body.is-admin-panel .admin-bize-sat-toolbar .admin-select .register-custom-select__btn,
body.is-admin-panel .admin-kimlik-toolbar .admin-select .register-custom-select__btn,
body.is-admin-panel .admin-kripto-toolbar .admin-select .register-custom-select__btn,
body.is-admin-panel .admin-odeme-toolbar .admin-select .register-custom-select__btn,
body.is-admin-panel .admin-orders-toolbar .admin-select .register-custom-select__btn,
body.is-admin-panel .admin-reviews-toolbar .admin-select .register-custom-select__btn {
  height: 38px;
  min-height: 38px;
  font-size: var(--hdr-font-sm, 13px);
}

body.is-admin-panel .admin-cekilisler-field .admin-select .register-custom-select__btn {
  font-size: var(--hdr-font-sm, 14px);
}

.admin-users-float label {
  position: absolute;
  left: 40px;
  top: 50%;
  z-index: 1;
  max-width: calc(100% - 52px);
  margin: 0;
  color: var(--hdr-muted);
  font-size: var(--hdr-font-sm, 14px);
  font-weight: 600;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  pointer-events: none;
  transform: translateY(-50%);
  transition: top 0.15s ease, font-size 0.15s ease, color 0.15s ease, transform 0.15s ease;
}

.admin-users-float input:focus,
.admin-users-float select:focus {
  outline: none;
  border-color: var(--hdr-search-focus, var(--hdr-register));
  box-shadow: none;
}

.admin-users-float input:focus + label,
.admin-users-float input:not(:placeholder-shown) + label,
.admin-users-float select:focus + label,
.admin-users-float select:valid + label,
.admin-users-float--select label {
  top: 8px;
  font-size: var(--hdr-font-xs, 13px);
  transform: none;
}

.admin-users-float input:focus + label,
.admin-users-float select:focus + label {
  color: var(--hdr-muted);
}

.admin-users-float:focus-within > i,
.admin-users-float:focus-within > svg {
  color: var(--hdr-muted);
}

.admin-users-float--number input[type='number'] {
  -moz-appearance: textfield;
  appearance: textfield;
}

.admin-users-float--number input[type='number']::-webkit-outer-spin-button,
.admin-users-float--number input[type='number']::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

body.is-admin-panel .admin-users-float--select:focus-within > i,
body.is-admin-panel .admin-users-float--select:focus-within > svg,
body.is-admin-panel .admin-users-float--select:has(.register-custom-select.is-open) > i,
body.is-admin-panel .admin-users-float--select:has(.register-custom-select.is-open) > svg,
body.is-admin-panel .admin-users-float--select:focus-within label,
body.is-admin-panel .admin-users-float--select:has(.register-custom-select.is-open) label,
body.is-admin-panel .admin-users-float--select .register-custom-select.is-open .register-custom-select__chev {
  color: var(--hdr-muted);
}

body.is-admin-panel .admin-users-float--select .register-custom-select.is-open .register-custom-select__btn,
body.is-admin-panel .admin-users-float--select .register-custom-select__btn:focus,
body.is-admin-panel .admin-users-float--select .register-custom-select__btn:focus-visible,
body.is-admin-panel .admin-users-float input:focus,
body.is-admin-panel .admin-users-float select:focus {
  border-color: var(--hdr-search-focus, var(--hdr-register));
  box-shadow: none;
}

.admin-users-modal__dialog--wallet {
  width: min(100%, 560px);
}

.admin-users-modal__dialog--confirm {
  width: min(100%, 420px);
}

.admin-users-delete-body {
  align-items: stretch;
  text-align: center;
  gap: 12px;
}

.admin-users-delete-text {
  margin: 0;
  color: var(--hdr-text);
  font-size: var(--hdr-font-sm, 13px);
  font-weight: 600;
  line-height: 1.45;
}

.admin-users-delete-text strong {
  font-weight: 800;
}

.admin-users-delete-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-top: 6px;
}

.admin-users-delete-actions .admin-users-btn {
  min-height: 42px;
  width: 100%;
}

.admin-users-modal__dialog--wallet .admin-users-modal__header {
  align-items: flex-start;
}

.admin-users-modal__dialog--wallet .admin-users-modal__close {
  flex-shrink: 0;
  margin-top: 2px;
}

.admin-users-wallet-head {
  min-width: 0;
  flex: 1 1 auto;
}

.admin-users-wallet-head__user {
  margin: 4px 0 0;
  color: var(--hdr-muted);
  font-size: var(--hdr-font-xs, 12px);
  font-weight: 600;
  line-height: 1.35;
  word-break: break-word;
}

.admin-users-wallet-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

.admin-users-wallet-form {
  gap: 14px;
}

.admin-users-wallet-item {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 8px;
  padding: 12px 14px;
  border: 1px solid var(--hdr-field-border);
  border-radius: 12px;
  background: var(--hdr-field);
  box-sizing: border-box;
}

.admin-users-wallet-item__label {
  display: block;
  margin: 0;
  color: var(--hdr-muted);
  font-size: 0.72rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  cursor: pointer;
}

.admin-users-wallet-item__control {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  min-width: 0;
  border: 1px solid var(--hdr-field-border);
  border-radius: 10px;
  background: var(--hdr-bg);
  box-sizing: border-box;
  transition: border-color 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
}

.admin-users-wallet-item__control:focus-within {
  border-color: var(--hdr-field-border);
  background: var(--hdr-field);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--hdr-field-border) 55%, transparent);
}

.admin-users-wallet-item__input {
  flex: 1 1 auto;
  width: 100%;
  min-width: 0;
  height: 42px;
  padding: 0 34px 0 12px;
  border: 0;
  border-radius: 10px;
  background: transparent;
  color: var(--hdr-text);
  font-size: var(--hdr-font-sm, 13px);
  font-weight: 800;
  text-align: right;
  box-sizing: border-box;
  caret-color: var(--hdr-text);
  -moz-appearance: textfield;
  appearance: textfield;
}

.admin-users-wallet-item__input::-webkit-outer-spin-button,
.admin-users-wallet-item__input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.admin-users-wallet-item__input:focus {
  outline: none;
  box-shadow: none;
}

.admin-users-wallet-item__suffix {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--hdr-muted);
  font-size: var(--hdr-font-xs, 12px);
  font-weight: 700;
  pointer-events: none;
  z-index: 1;
  line-height: 1;
}

@media (max-width: 720px) {
  .admin-users-modal__dialog--wallet {
    width: min(100%, calc(100vw - 24px));
  }

  .admin-users-modal__dialog--wallet .admin-users-modal__body {
    padding: 14px;
  }

  .admin-users-wallet-item {
    padding: 11px 12px;
  }

  .admin-users-wallet-item__input {
    height: 40px;
    padding-right: 32px;
    font-size: 16px;
  }
}

@media (max-width: 720px) {
  .admin-users-card__header {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas:
      'title actions'
      'desc desc';
    align-items: center;
    gap: 8px 10px;
    padding: 12px 14px;
  }

  .admin-users-card__title-wrap {
    display: contents;
  }

  .admin-users-card__title {
    grid-area: title;
    margin: 0;
    align-self: center;
  }

  .admin-users-card__desc {
    grid-area: desc;
    font-size: 12px;
    line-height: 1.35;
  }

  .admin-users--list .admin-users-card__desc {
    display: none;
  }

  .admin-users--list .admin-users-card__header {
    grid-template-areas: 'title actions';
  }

  .admin-orders .admin-users-card__desc {
    display: none;
  }

  .admin-orders .admin-users-card__header {
    grid-template-areas: 'title actions';
  }

  .admin-users-card__header > .admin-users-search,
  .admin-users-card__header > .admin-cats__header-actions,
  .admin-users-card__header > .admin-products__header-actions,
  .admin-users-card__header > .admin-users-card__meta {
    grid-area: actions;
    width: auto;
    max-width: min(180px, 48vw);
    margin-left: 0;
    justify-self: end;
  }

  .admin-users--list .admin-users-card__header > .admin-users-card__tools {
    grid-area: actions;
    max-width: min(220px, 56vw);
    margin-left: 0;
    justify-self: end;
  }

  .admin-users--list .admin-users-search {
    width: min(150px, 40vw);
    flex: 0 1 auto;
  }

  .admin-users--list .admin-users-card__title {
    white-space: nowrap;
  }

  .admin-users--list .admin-users-seed-form {
    display: none !important;
  }

  .admin-users-card__header > .admin-cats__header-actions,
  .admin-users-card__header > .admin-products__header-actions {
    max-width: none;
  }

  .admin-cats__header-actions .admin-users-search,
  .admin-products__header-actions .admin-users-search {
    width: min(140px, 38vw);
    max-width: none;
    flex: 0 1 auto;
    margin-left: 0;
  }

  .admin-users-edit-grid {
    grid-template-columns: 1fr;
  }

  .admin-users-table th,
  .admin-users-table td {
    padding: 10px 12px;
  }

  .admin-users-footer {
    padding: 12px 14px;
  }

  .admin-users-btn span {
    display: none;
  }

  .admin-users-btn--block span,
  .admin-orders-status .admin-users-btn span,
  .admin-orders-upload .admin-users-btn span {
    display: inline;
  }

  .admin-users-btn {
    min-width: 32px;
    padding: 0 8px;
  }

  .admin-users-btn--block,
  .admin-orders-status .admin-users-btn {
    min-width: 0;
    width: 100%;
    padding: 0 14px;
  }

  .admin-orders-upload {
    flex-wrap: wrap;
  }

  .admin-orders-upload__file {
    flex: 1 1 100%;
    width: 100%;
  }

  .admin-orders-upload .admin-users-btn {
    min-width: 0;
    width: 100%;
    padding: 0 14px;
  }
}

.admin-cats {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.admin-cats__header-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.admin-cats__header-actions .admin-users-search__field input {
  height: 38px;
  border-color: var(--hdr-line);
  background: var(--hdr-search-bg);
}

.admin-cats-table .admin-cats-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 10px;
  border: 1px solid var(--hdr-line);
  background: var(--hdr-page-bg);
  color: var(--hdr-register);
}

.admin-cats-table__drag-head,
.admin-cats-table__drag-cell {
  width: 44px;
  padding-left: 10px;
  padding-right: 4px;
  vertical-align: middle;
}

.admin-cats-drag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 0;
  border: 1px solid transparent;
  border-radius: 9px;
  background: transparent;
  color: var(--hdr-search-fg);
  cursor: grab;
  box-sizing: border-box;
}

.admin-cats-drag i,
.admin-cats-drag svg {
  width: 16px;
  height: 16px;
}

.admin-cats-drag:hover,
.admin-cats-drag:focus-visible {
  outline: none;
  color: var(--hdr-btn-fg);
  border-color: var(--hdr-line);
  background: var(--hdr-menu-hover);
}

.admin-cats-drag:active {
  cursor: grabbing;
}

.admin-cats-table tbody.is-sorting [data-admin-cats-row] {
  transition: background 0.12s ease;
}

.admin-cats-table [data-admin-cats-row].is-dragging,
.admin-cats-table [data-admin-cats-row].is-drag-block {
  opacity: 0.55;
  background: var(--hdr-menu-bg);
}

.admin-cats-table [data-admin-cats-row].is-drag-over {
  box-shadow: inset 0 2px 0 0 var(--hdr-register);
}

.admin-cats-table tbody.is-saving {
  pointer-events: none;
  opacity: 0.72;
}

.admin-cats-table .admin-cats-icon i,
.admin-cats-table .admin-cats-icon svg {
  width: 16px;
  height: 16px;
}

.admin-cats-row.is-child {
  background: var(--hdr-page-bg);
}

.admin-cats-row.is-child .admin-cats-name {
  font-weight: 600;
}

.admin-cats-row.is-root .admin-cats-name.is-root-name {
  font-weight: 800;
}

.admin-cats-name {
  font-weight: 700;
  color: var(--hdr-btn-fg);
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-cats-slug {
  font-size: 12px;
  color: var(--hdr-search-fg);
  background: transparent;
}

.admin-users-table__empty {
  text-align: center;
  padding: 28px 16px !important;
  color: var(--hdr-muted);
  font-weight: 600;
}

.admin-users-table__empty a {
  color: var(--hdr-accent);
  font-weight: 700;
  text-decoration: none;
}

.admin-users-table__empty a:hover {
  color: var(--hdr-accent-hover);
  text-decoration: underline;
  text-underline-offset: 2px;
}

.admin-users-table tbody tr:has(.admin-users-table__empty):hover td {
  background: transparent;
}

.admin-cats-form {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.admin-cats-icon-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 48px;
  gap: 10px;
  align-items: stretch;
}

.admin-cats-icon-preview {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  padding: 0;
  border: 1px solid var(--hdr-line);
  border-radius: var(--hdr-btn-radius, 10px);
  background: var(--hdr-page-bg);
  color: var(--hdr-register);
  cursor: pointer;
  box-sizing: border-box;
  transition: border-color 0.15s ease, color 0.15s ease;
}

.admin-cats-icon-preview:hover,
.admin-cats-icon-preview:focus-visible {
  outline: none;
  border-color: var(--hdr-search-focus, var(--hdr-register));
  box-shadow: none;
}

.admin-cats-icon-preview__svg,
.admin-cats-icon-preview i,
.admin-cats-icon-preview svg {
  width: 20px;
  height: 20px;
}

.admin-cat-icon-sheet {
  position: fixed;
  inset: 0;
  z-index: 1400;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  box-sizing: border-box;
}

.admin-cat-icon-sheet[hidden] {
  display: none !important;
}

.admin-cat-icon-sheet__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.55);
}

.admin-cat-icon-sheet__panel {
  position: relative;
  z-index: 1;
  width: min(720px, 100%);
  max-height: min(78vh, 720px);
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 16px;
  border: 1px solid var(--hdr-line);
  border-radius: 14px;
  background: var(--hdr-header-bg);
  box-shadow: var(--hdr-frame-drop, 0 12px 32px rgba(0, 0, 0, 0.16));
  box-sizing: border-box;
}

.admin-cat-icon-sheet__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.admin-cat-icon-sheet__head h3 {
  margin: 0;
  color: var(--hdr-btn-fg);
  font-size: 15px;
  font-weight: 800;
}

.admin-cat-icon-sheet__search .admin-users-search__field {
  width: 100%;
  max-width: none;
}

.admin-cat-icon-sheet__search .admin-users-search__field input {
  height: 40px;
  border-color: var(--hdr-line);
  background: var(--hdr-search-bg);
}

.admin-cat-icon-sheet__colors {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 10px 12px;
  border: 1px solid var(--hdr-line);
  border-radius: 12px;
  background: var(--hdr-page-bg);
}

.admin-cat-icon-sheet__colors[hidden] {
  display: none !important;
}

.admin-cat-icon-sheet__colors-label {
  color: var(--hdr-btn-fg);
  font-size: 12px;
  font-weight: 700;
}

.admin-cat-icon-sheet__swatches {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.admin-cat-icon-sheet__swatch {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  padding: 0;
  border-radius: 10px;
  border: 1px solid var(--hdr-line);
  background: var(--hdr-header-bg);
  color: var(--hdr-register);
  cursor: pointer;
  box-sizing: border-box;
  transition: border-color 0.15s ease, background 0.15s ease;
}

.admin-cat-icon-sheet__swatch i,
.admin-cat-icon-sheet__swatch svg {
  width: 18px;
  height: 18px;
}

.admin-cat-icon-sheet__swatch.is-default {
  color: var(--hdr-search-fg);
}

.admin-sm-cats {
  gap: 14px;
}

.admin-sm-products-table__actions {
  width: 188px;
  white-space: nowrap;
  text-align: center !important;
}

.admin-sm-products-table__actions .admin-users-actions {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: max-content;
  margin-inline: auto;
}

.admin-sm-products-table__actions .admin-users-actions__form {
  display: contents;
  margin: 0;
}

.admin-sm-products-table {
  table-layout: fixed;
  width: 100%;
  min-width: 0 !important;
}

.admin-sm-products-table .admin-products-table__col--name {
  width: 22%;
}

.admin-sm-products-table .admin-products-table__col--category {
  width: 16%;
}

.admin-sm-products-table__col--service {
  width: 20%;
  text-align: left;
  vertical-align: middle;
  overflow: hidden;
}

.admin-sm-products-service {
  font-weight: 700;
}

.admin-sm-products-table .admin-products-table__col--stock,
.admin-sm-products-table .admin-products-table__col--status {
  width: 11%;
}

.admin-sm-products-table .admin-products-table__col--price {
  width: 12%;
}

@media (max-width: 720px) {
  .admin-sm-products-table__actions {
    width: 88px;
  }

  .admin-sm-products-table__actions .admin-users-btn {
    width: 32px;
    min-width: 32px;
    padding: 0;
  }

  .admin-sm-products-table__actions .admin-users-btn span {
    display: none;
  }
}

.admin-sm-cats-swatch {
  display: inline-block;
  width: 28px;
  height: 18px;
  border-radius: 6px;
  vertical-align: -4px;
  margin-right: 6px;
  border: 1px solid var(--hdr-line);
  box-sizing: border-box;
}

.admin-sm-cats-color,
.admin-sm-cats-icons {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 12px;
  border: 1px solid var(--hdr-line);
  border-radius: 12px;
  background: var(--hdr-page-bg);
  box-sizing: border-box;
}

.admin-sm-cats-color__label,
.admin-sm-cats-icons__label {
  color: var(--hdr-btn-fg);
  font-size: 12px;
  font-weight: 700;
}

.admin-sm-cats-icons__grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(40px, 1fr));
  gap: 8px;
  max-height: 220px;
  overflow: auto;
  scrollbar-width: thin;
  scrollbar-color: var(--hdr-accent) transparent;
}

.admin-sm-cats-icons__swatch {
  appearance: none;
  width: 100%;
  aspect-ratio: 1;
  min-height: 40px;
  border-radius: 10px;
  border: 1px solid var(--hdr-line);
  background: var(--hdr-header-bg);
  color: var(--hdr-btn-fg);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 0;
  transition: border-color 0.15s ease, background 0.15s ease;
}

.admin-sm-cats-icons__swatch .sm-brand-icon__glyph,
.admin-sm-cats-icons__swatch svg {
  width: 16px;
  height: 16px;
  display: block;
}

.admin-sm-cats-icons__swatch:hover,
.admin-sm-cats-icons__swatch:focus-visible {
  outline: none;
  border-color: var(--hdr-search-focus, var(--hdr-register));
  background: var(--hdr-menu-hover);
  box-shadow: none;
}

.admin-sm-cats-icons__swatch.is-selected {
  border-color: var(--hdr-register);
  background: var(--hdr-menu-bg);
  box-shadow: none;
}

.admin-sm-cats-color__row {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.admin-sm-cats-color__swatches {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(36px, 1fr));
  gap: 8px;
  width: 100%;
}

.admin-sm-cats-color__swatch {
  width: 100%;
  aspect-ratio: 1;
  min-height: 36px;
  border-radius: 10px;
  border: 1px solid var(--hdr-line);
  cursor: pointer;
  padding: 0;
  box-sizing: border-box;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.admin-sm-cats-color__swatch:hover,
.admin-sm-cats-color__swatch:focus-visible {
  outline: none;
  border-color: var(--hdr-search-focus, var(--hdr-register));
  box-shadow: none;
}

.admin-sm-cats-color__swatch.is-selected {
  border-color: var(--hdr-btn-fg);
  box-shadow: inset 0 0 0 2px var(--hdr-header-bg);
}

.admin-cat-icon-sheet__swatch:hover,
.admin-cat-icon-sheet__swatch:focus-visible {
  outline: none;
  border-color: var(--hdr-search-focus, var(--hdr-register));
  background: var(--hdr-menu-hover);
  box-shadow: none;
}

.admin-cat-icon-sheet__grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, 78px);
  justify-content: start;
  align-content: start;
  gap: 8px;
  overflow: auto;
  padding: 2px;
  min-height: 180px;
  max-height: min(48vh, 420px);
  scrollbar-width: thin;
  scrollbar-color: var(--hdr-accent) transparent;
}

.admin-cat-icon-sheet__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: 78px;
  min-height: 72px;
  height: 72px;
  padding: 8px 6px;
  border: 1px solid var(--hdr-line);
  border-radius: 10px;
  background: var(--hdr-page-bg);
  color: var(--hdr-btn-fg);
  cursor: pointer;
  box-sizing: border-box;
  transition: border-color 0.15s ease, background 0.15s ease, color 0.15s ease;
}

.admin-cat-icon-sheet__item[hidden] {
  display: none !important;
}

.admin-cat-icon-sheet__item i,
.admin-cat-icon-sheet__item svg {
  width: 20px;
  height: 20px;
}

.admin-cat-icon-sheet__item-name {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 10px;
  font-weight: 600;
  color: var(--hdr-search-fg);
}

.admin-cat-icon-sheet__item:hover,
.admin-cat-icon-sheet__item.is-picking {
  border-color: var(--hdr-line);
  background: var(--hdr-menu-hover);
  color: var(--hdr-btn-fg);
}

.admin-cat-icon-sheet__item.is-selected {
  border-color: var(--hdr-register);
  background: var(--hdr-menu-bg);
  color: var(--hdr-btn-fg);
}

.admin-cat-icon-sheet__item.is-picking .admin-cat-icon-sheet__item-name,
.admin-cat-icon-sheet__item.is-selected .admin-cat-icon-sheet__item-name {
  color: var(--hdr-btn-fg);
}

.admin-cat-icon-sheet__empty {
  margin: 0;
  text-align: center;
  color: var(--hdr-muted);
  font-size: 13px;
  font-weight: 600;
}

.admin-cat-icon-sheet__empty[hidden] {
  display: none !important;
}

@media (min-width: 720px) {
  .admin-cat-icon-sheet {
    align-items: center;
    padding: 24px;
  }

  .admin-cat-icon-sheet__panel {
    border-radius: 16px;
    max-height: min(82vh, 760px);
  }
}

@media (max-width: 720px) {
  .admin-cats__header-actions {
    width: auto;
    justify-content: flex-end;
    flex-wrap: nowrap;
  }

  .admin-cats__header-actions .admin-users-search {
    flex: 0 1 auto;
  }

  .admin-cats__header-actions .admin-users-btn {
    flex: 0 0 auto;
  }
}

.admin-products {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.admin-products__header-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.admin-products__header-actions .admin-users-search__field input {
  height: 38px;
  border-color: var(--hdr-line);
  background: var(--hdr-search-bg);
}

.admin-products-table {
  table-layout: fixed;
  width: 100%;
  min-width: 0 !important;
}

.admin-products-table th.admin-products-table__col,
.admin-products-table td.admin-products-table__col {
  text-align: left;
  vertical-align: middle;
  overflow: hidden;
}

.admin-products-table th.admin-products-table__col--actions,
.admin-products-table td.admin-products-table__col--actions {
  overflow: visible;
}

.admin-products-table__col--image {
  width: 6%;
  text-align: center !important;
}

.admin-products-table__col--image .admin-products-thumb {
  margin: 0 auto;
}

.admin-products-table__col--name {
  width: 24%;
}

.admin-products-table__col--category {
  width: 15%;
}

.admin-products-table__col--price {
  width: 11%;
  white-space: nowrap;
}

.admin-products-table__col--stock,
.admin-products-table__col--status {
  width: 12%;
  white-space: nowrap;
  text-align: center !important;
}

.admin-products-table th.admin-products-table__col--stock,
.admin-products-table th.admin-products-table__col--status {
  letter-spacing: 0;
}

.admin-products-table td.admin-products-table__col--stock .admin-products-badge,
.admin-products-table td.admin-products-table__col--status .admin-products-status-form {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  vertical-align: middle;
}

.admin-products-table td.admin-products-table__col--stock .admin-products-badge,
.admin-products-table td.admin-products-table__col--status .admin-products-badge {
  letter-spacing: 0;
  line-height: 1;
}

.admin-products-table__col--actions {
  width: 188px;
  white-space: nowrap;
  text-align: center !important;
}

.admin-products-table__col--actions .admin-users-actions {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 8px;
  max-width: none;
  width: max-content;
  margin-inline: auto;
}

.admin-products-table__col--actions .admin-users-actions__form {
  display: contents;
  margin: 0;
}

.admin-products-table__col--actions .admin-users-btn {
  width: auto;
  min-width: auto;
  flex-shrink: 0;
  padding: 0 10px;
  gap: 5px;
}

.admin-products-table__col--actions .admin-users-btn span {
  display: inline;
}

.admin-products-table .admin-products-badge {
  max-width: 100%;
  box-sizing: border-box;
}

.admin-products-category {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--hdr-btn-fg);
  font-size: var(--hdr-font-sm, 13px);
  font-weight: 600;
}

.admin-products-price-wrap {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
}

.admin-products-thumb {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 10px;
  border: 1px solid var(--hdr-line);
  background: var(--hdr-page-bg);
  overflow: hidden;
  color: var(--hdr-search-fg);
  box-sizing: border-box;
}

.admin-products-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.admin-products-thumb--empty i,
.admin-products-thumb--empty svg {
  width: 18px;
  height: 18px;
}

.admin-products-thumb[hidden] {
  display: none !important;
}

.admin-products-name {
  max-width: 100%;
  font-weight: 800;
  color: var(--hdr-btn-fg);
  line-height: 1.3;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-products-slug {
  display: block;
  max-width: 100%;
  margin-top: 3px;
  font-size: 11px;
  color: var(--hdr-search-fg);
  background: transparent;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-products-price,
.admin-products-price-sale {
  font-weight: 800;
  color: var(--hdr-btn-fg);
}

.admin-products-price-sale {
  color: var(--hdr-login);
}

.admin-products-price-old {
  color: var(--hdr-search-fg);
  font-size: 12px;
}

.admin-products-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 30px;
  padding: 0 12px;
  border-radius: var(--hdr-btn-radius, 10px);
  border: 1px solid var(--hdr-line);
  background: var(--hdr-page-bg);
  color: var(--hdr-search-fg);
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0;
  white-space: nowrap;
  box-sizing: border-box;
}

.admin-products-status-form {
  margin: 0;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.admin-products-badge--toggle {
  font: inherit;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.admin-products-badge--toggle:hover {
  background: var(--hdr-menu-hover);
}

.admin-products-badge--toggle:focus-visible {
  outline: 2px solid var(--hdr-search-focus, var(--hdr-register));
  outline-offset: 2px;
}

.admin-products-badge--ok {
  border-color: var(--hdr-login);
  background: color-mix(in srgb, var(--hdr-login) 14%, var(--hdr-page-bg));
  color: var(--hdr-login);
}

.admin-products-badge--danger {
  border-color: var(--hdr-register);
  background: color-mix(in srgb, var(--hdr-register) 12%, var(--hdr-page-bg));
  color: var(--hdr-register);
}

.admin-products-badge--warn {
  border-color: var(--hdr-info);
  background: color-mix(in srgb, var(--hdr-info) 14%, var(--hdr-page-bg));
  color: var(--hdr-info);
}

.admin-products-badge--muted {
  border-color: var(--hdr-line);
  background: var(--hdr-page-bg);
  color: var(--hdr-search-fg);
}

@media (max-width: 720px) {
  .admin-products__header-actions {
    width: auto;
    justify-content: flex-end;
    flex-wrap: nowrap;
  }

  .admin-products__header-actions .admin-users-search {
    flex: 0 1 auto;
  }

  .admin-products__header-actions .admin-users-btn {
    flex: 0 0 auto;
  }

  .admin-products-table__col--name {
    width: 30%;
  }

  .admin-products-table__col--category {
    width: 14%;
  }

  .admin-products-table__col--actions {
    width: 88px;
  }

  .admin-products-table__col--actions .admin-users-btn {
    width: 32px;
    min-width: 32px;
    padding: 0;
  }

}

.admin-product-wiz {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.admin-product-wiz__lead {
  margin: 0;
  color: var(--hdr-search-fg);
  font-size: 13px;
  font-weight: 500;
  line-height: 1.4;
}

.admin-product-wiz__steps {
  display: flex;
  align-items: center;
  gap: 0;
  padding: 14px 16px;
  border-radius: 14px;
  border: 1px solid var(--hdr-line);
  background: var(--hdr-header-bg);
  overflow-x: auto;
  scrollbar-width: thin;
  scrollbar-color: var(--hdr-accent) transparent;
}

.admin-product-wiz__step {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  opacity: 0.4;
  transition: opacity 0.25s ease;
  color: inherit;
  font: inherit;
}

.admin-product-wiz__step.is-active {
  opacity: 1;
}

.admin-product-wiz__step.is-done {
  opacity: 0.55;
}

.admin-product-wiz__step-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 10px;
  border: 1px solid var(--hdr-ghost-border);
  background: transparent;
  color: var(--hdr-muted);
  transition: background 0.25s ease, border-color 0.25s ease, color 0.25s ease;
}

.admin-product-wiz__step.is-active .admin-product-wiz__step-icon {
  background: var(--hdr-register);
  border-color: var(--hdr-register);
  color: var(--hdr-btn-fg);
}

.admin-product-wiz__step.is-done .admin-product-wiz__step-icon {
  color: var(--hdr-login);
  border-color: var(--hdr-line);
  background: color-mix(in srgb, var(--hdr-login) 12%, var(--hdr-field));
}

.admin-product-wiz__step-icon i,
.admin-product-wiz__step-icon svg {
  width: 18px;
  height: 18px;
}

.admin-product-wiz__step-label {
  font-size: 12px;
  font-weight: 600;
  color: var(--hdr-muted);
  white-space: nowrap;
}

.admin-product-wiz__step.is-active .admin-product-wiz__step-label {
  color: var(--hdr-text);
  font-weight: 700;
}

.admin-product-wiz__step-line {
  flex: 1;
  min-width: 16px;
  height: 1px;
  margin: 0 6px 22px;
  background: var(--hdr-line);
}

.admin-product-wiz__step[hidden],
.admin-product-wiz__step.is-skipped,
.admin-product-wiz__step-line[hidden],
.admin-product-wiz__step-line.is-skipped {
  display: none !important;
}

.admin-product-wiz__panel {
  display: none;
}

.admin-product-wiz__panel[hidden] {
  display: none !important;
}

.admin-product-wiz__panel.is-active {
  display: block;
  animation: adminProductWizIn 0.22s ease;
}

@keyframes adminProductWizIn {
  from {
    opacity: 0;
    transform: translateX(12px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

.admin-product-wiz__card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 16px;
  border-bottom: 1px solid var(--hdr-line);
}

.admin-product-wiz__card-title {
  margin: 0;
  font-size: 15px;
  font-weight: 700;
  color: var(--hdr-btn-fg);
}

.admin-product-wiz__card-body {
  min-height: 120px;
  padding: 18px;
  box-sizing: border-box;
}

.admin-product-wiz__panel:has([data-admin-product-wiz-step2-finance].is-indexer) .admin-users-card {
  display: flex;
  flex-direction: column;
}

.admin-product-wiz__card-body:has([data-admin-product-wiz-step2-finance].is-indexer) {
  flex: 0 0 auto;
  min-height: 0;
  padding-top: 16px;
  padding-bottom: 16px;
}

.admin-product-wiz__card-body:has([data-admin-product-wiz-step2-finance].is-indexer) .admin-product-wiz__default-pricing {
  display: none !important;
}

.admin-product-wiz__panel:has([data-admin-product-wiz-step2-finance].is-indexer) .admin-product-wiz__nav {
  margin-top: 0;
}

.admin-product-wiz[data-admin-sm-product-wiz] .admin-users-card {
  display: flex;
  flex-direction: column;
}

.admin-product-wiz[data-admin-sm-product-wiz] .admin-product-wiz__card-body {
  flex: 0 0 auto;
  min-height: 0;
  padding: 16px 18px;
}

.admin-product-wiz[data-admin-sm-product-wiz] .admin-product-wiz__nav {
  margin-top: 0;
}

.admin-product-wiz__row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  align-items: start;
}

.admin-product-wiz__row-span {
  grid-column: 1 / -1;
}

.admin-product-wiz__row + .admin-product-wiz__row {
  margin-top: 12px;
}

.admin-product-wiz__telafi {
  margin-top: 12px;
}

.admin-product-wiz__step2-finance {
  display: grid;
  gap: 12px;
  margin-top: 12px;
}

.admin-product-wiz__step2-finance > .admin-product-wiz__telafi {
  margin-top: 0;
}

.admin-product-wiz__step2-finance.is-indexer {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: start;
  margin-top: 0;
  gap: 12px;
  row-gap: 0;
}

.admin-product-wiz__step2-finance.is-indexer > .admin-product-wiz__telafi {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 10px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  min-width: 0;
}

.admin-product-wiz__step2-finance.is-indexer > .admin-product-wiz__telafi > [data-admin-product-wiz-telafi-hours][hidden] {
  display: none !important;
}

.admin-product-wiz__step2-finance.is-indexer > .admin-product-wiz__telafi .admin-users-float {
  width: 100%;
}

.admin-product-wiz__step2-finance.is-indexer > [data-admin-product-wiz-hitbot-pricing] {
  display: none !important;
}

.admin-product-wiz__step2-finance.is-indexer > [data-admin-product-wiz-indexer-pricing],
.admin-product-wiz__step2-finance.is-indexer > [data-admin-product-wiz-clickaine-pricing] {
  display: contents;
}

.admin-product-wiz__step2-finance.is-indexer .admin-product-wiz__indexer-pricing-list {
  display: contents;
}

.admin-product-wiz__step2-finance.is-indexer .admin-product-wiz__indexer-price-row {
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  min-width: 0;
}

.admin-product-wiz__step2-finance.is-indexer .admin-product-wiz__indexer-price-row[hidden] {
  display: none !important;
}

.admin-product-wiz__step2-finance.is-indexer .admin-product-wiz__indexer-price-row .admin-users-float {
  width: 100%;
}

.admin-product-wiz__step2-finance.is-indexer > .admin-product-wiz__telafi.admin-product-wiz__row {
  display: flex;
  flex-direction: column;
  grid-template-columns: none;
}

.admin-product-wiz__step2-finance.is-indexer .admin-product-wiz__hitbot-pricing-empty {
  grid-column: 1 / -1;
}

@media (max-width: 900px) {
  .admin-product-wiz__step2-finance.is-indexer {
    grid-template-columns: 1fr;
  }
}

.admin-product-wiz__default-pricing:not([hidden]) + .admin-product-wiz__telafi,
.admin-product-wiz__hitbot-pricing:not([hidden]) + .admin-product-wiz__telafi {
  margin-top: 12px;
}

.admin-product-wiz__default-pricing:not([hidden]) + .admin-product-wiz__step2-finance,
.admin-product-wiz__hitbot-pricing:not([hidden]) + .admin-product-wiz__step2-finance {
  margin-top: 12px;
}

.admin-product-wiz__telafi ~ .admin-product-wiz__hitbot-pricing:not([hidden]) {
  margin-top: 12px;
}

.admin-product-wiz__field-hint {
  margin: 8px 2px 0;
  color: var(--hdr-search-fg);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.4;
}

.admin-product-wiz__field-hint[hidden] {
  display: none !important;
}

.admin-product-wiz__discount {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
}

.admin-product-wiz__discount-float input[type='number'] {
  padding-right: 118px;
  -moz-appearance: textfield;
  appearance: textfield;
}

.admin-product-wiz__discount-float input[type='number']::-webkit-outer-spin-button,
.admin-product-wiz__discount-float input[type='number']::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.admin-product-wiz__discount-float .admin-product-wiz__seg {
  position: absolute;
  right: 8px;
  top: 26px;
  z-index: 3;
  transform: translateY(-50%);
}

.admin-product-wiz__discount-float label {
  max-width: calc(100% - 160px);
}

.admin-product-wiz__seg {
  display: inline-flex;
  align-items: center;
  padding: 3px;
  border-radius: 10px;
  border: 1px solid var(--hdr-line);
  background: var(--hdr-page-bg);
}

.admin-product-wiz__seg-btn {
  appearance: none;
  border: 0;
  background: transparent;
  color: var(--hdr-search-fg);
  font: inherit;
  font-size: 12px;
  font-weight: 700;
  min-height: 28px;
  padding: 0 12px;
  border-radius: 8px;
  cursor: pointer;
}

.admin-product-wiz__seg-btn.is-active {
  background: var(--hdr-register);
  color: var(--hdr-btn-fg);
}

.admin-product-wiz__quill {
  margin-bottom: 16px;
}

.admin-product-wiz__quill:last-of-type {
  margin-bottom: 0;
}

.admin-product-wiz__quill-label {
  margin: 0 0 8px;
  color: var(--hdr-btn-fg);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.3px;
  text-transform: uppercase;
}

.admin-product-wiz__quill-editor {
  border-radius: 0 0 12px 12px;
  background: var(--hdr-page-bg);
  color: var(--hdr-btn-fg);
}

.admin-product-wiz__quill-editor--short .ql-editor,
.admin-product-wiz__quill-editor--short.ql-container {
  min-height: 110px;
}

.admin-product-wiz__quill .ql-toolbar.ql-snow {
  border: 1px solid var(--hdr-line) !important;
  border-bottom: none !important;
  border-radius: 12px 12px 0 0;
  background: var(--hdr-header-bg);
}

.admin-product-wiz__quill .ql-container.ql-snow {
  border: 1px solid var(--hdr-line) !important;
  border-radius: 0 0 12px 12px;
  font-family: inherit;
  font-size: 14px;
  background: var(--hdr-page-bg);
}

.admin-product-wiz__quill .ql-editor {
  color: var(--hdr-btn-fg);
  min-height: inherit;
}

.admin-product-wiz__quill .ql-editor.ql-blank::before {
  color: var(--hdr-search-fg);
  font-style: normal;
}

.admin-product-wiz__quill .ql-snow .ql-stroke {
  stroke: var(--hdr-search-fg);
}

.admin-product-wiz__quill .ql-snow .ql-fill {
  fill: var(--hdr-search-fg);
}

.admin-product-wiz__quill .ql-snow .ql-picker-label {
  color: var(--hdr-search-fg);
}

.admin-product-wiz__quill .ql-snow .ql-picker-options {
  background: var(--hdr-header-bg);
  border: 1px solid var(--hdr-line) !important;
  border-radius: 8px;
}

.admin-product-wiz__quill .ql-snow .ql-picker-item {
  color: var(--hdr-btn-fg);
}

.admin-product-wiz__quill .ql-snow button:hover .ql-stroke,
.admin-product-wiz__quill .ql-snow .ql-picker-label:hover .ql-stroke {
  stroke: var(--hdr-register);
}

.admin-product-wiz__quill .ql-snow button:hover .ql-fill {
  fill: var(--hdr-register);
}

.admin-product-wiz__quill.is-error .ql-toolbar.ql-snow,
.admin-product-wiz__quill.is-error .ql-container.ql-snow {
  border-color: var(--hdr-register) !important;
}

.admin-product-wiz__quill.is-shake {
  animation: adminProductWizShake 0.42s ease;
}

.admin-product-wiz__images {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.admin-product-wiz__drop {
  border: 2px dashed var(--hdr-line);
  border-radius: 14px;
  padding: 32px 20px;
  text-align: center;
  cursor: pointer;
  background: var(--hdr-page-bg);
  transition: border-color 0.2s ease, background 0.2s ease;
  outline: none;
}

.admin-product-wiz__drop:hover,
.admin-product-wiz__drop:focus-visible,
.admin-product-wiz__drop.is-dragover {
  border-color: var(--hdr-search-focus, var(--hdr-register));
  background: var(--hdr-menu-hover);
}

.admin-product-wiz__images.is-error .admin-product-wiz__drop {
  border-color: var(--hdr-register);
}

.admin-product-wiz__drop-icon {
  margin-bottom: 8px;
  color: var(--hdr-search-fg);
}

.admin-product-wiz__drop-icon i,
.admin-product-wiz__drop-icon svg {
  width: 38px;
  height: 38px;
}

.admin-product-wiz__drop-title {
  margin: 0 0 4px;
  color: var(--hdr-btn-fg);
  font-size: 14px;
  font-weight: 700;
}

.admin-product-wiz__drop-sub {
  margin: 0;
  color: var(--hdr-search-fg);
  font-size: 12px;
  font-weight: 600;
}

.admin-product-wiz__upload-progress[hidden] {
  display: none !important;
}

.admin-product-wiz__upload-bar {
  height: 4px;
  border-radius: 4px;
  overflow: hidden;
  background: var(--hdr-line);
}

.admin-product-wiz__upload-fill {
  height: 100%;
  width: 0%;
  border-radius: 4px;
  background: var(--hdr-register);
  transition: width 0.25s ease, background 0.2s ease;
}

.admin-product-wiz__upload-label {
  margin: 6px 0 0;
  color: var(--hdr-search-fg);
  font-size: 12px;
  font-weight: 600;
  text-align: center;
}

.admin-product-wiz__preview-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(88px, 1fr));
  gap: 10px;
}

.admin-product-wiz__prev-item {
  position: relative;
  aspect-ratio: 1;
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid var(--hdr-line);
  background: var(--hdr-page-bg);
  cursor: grab;
  user-select: none;
  animation: adminProductWizIn 0.2s ease;
}

.admin-product-wiz__prev-item.is-dragging {
  opacity: 0.55;
  transform: scale(0.98);
}

.admin-product-wiz__prev-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.admin-product-wiz__prev-del {
  position: absolute;
  top: 4px;
  right: 4px;
  width: 24px;
  height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.65);
  color: var(--hdr-btn-fg);
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.15s ease;
}

.admin-product-wiz__prev-item:hover .admin-product-wiz__prev-del {
  opacity: 1;
}

.admin-product-wiz__prev-del i,
.admin-product-wiz__prev-del svg {
  width: 12px;
  height: 12px;
}

.admin-product-wiz__prev-badge {
  position: absolute;
  left: 4px;
  bottom: 4px;
  padding: 2px 7px;
  border-radius: 999px;
  background: var(--hdr-accent);
  color: var(--hdr-btn-fg);
  font-size: 10px;
  font-weight: 800;
  pointer-events: none;
}

.admin-product-wiz__field-hint i,
.admin-product-wiz__field-hint svg {
  width: 13px;
  height: 13px;
  vertical-align: -2px;
  margin-right: 4px;
}

.admin-product-wiz__images.is-shake {
  animation: adminProductWizShake 0.42s ease;
}

.admin-product-wiz__fb-block {
  margin-bottom: 18px;
  padding: 14px;
  border: 1px solid var(--hdr-field-border);
  border-radius: 14px;
  background: color-mix(in srgb, var(--hdr-bg) 35%, var(--hdr-field));
}

.admin-product-wiz__fb-block:last-of-type {
  margin-bottom: 0;
}

.admin-product-wiz__fb-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}

.admin-product-wiz__fb-title {
  margin: 0;
  color: var(--hdr-text);
  font-size: 14px;
  font-weight: 700;
}

.admin-product-wiz__fb-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-height: 8px;
}

.admin-product-wiz__badge-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.admin-product-wiz__badge-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  padding: 12px;
  border: 1px dashed var(--hdr-field-border);
  border-radius: 12px;
  background: var(--hdr-field);
}

.admin-product-wiz__badge-slot {
  flex: 0 0 auto;
  min-width: 64px;
  color: var(--hdr-muted);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.02em;
}

.admin-product-wiz__badge-picks {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 8px;
}

.admin-product-wiz__badge-pick {
  width: 48px;
  height: 48px;
  padding: 4px;
  border: 1px solid var(--hdr-field-border);
  border-radius: 12px;
  background: color-mix(in srgb, var(--hdr-bg) 55%, var(--hdr-field));
  cursor: pointer;
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.admin-product-wiz__badge-pick img {
  width: 36px;
  height: 36px;
  object-fit: contain;
  display: block;
  pointer-events: none;
}

.admin-product-wiz__badge-pick:hover,
.admin-product-wiz__badge-pick:focus-visible {
  border-color: color-mix(in srgb, var(--hdr-accent) 40%, var(--hdr-field-border));
  outline: none;
}

.admin-product-wiz__badge-pick.is-selected {
  border-color: var(--hdr-accent);
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--hdr-accent) 25%, transparent);
}

.admin-product-wiz__badge-pick:disabled {
  cursor: default;
  opacity: 1;
}

.admin-product-wiz__badge-text input[readonly] {
  cursor: default;
  color: var(--hdr-text);
}

.admin-product-wiz__badge-text {
  flex: 1 1 200px;
  min-width: 180px;
}

.admin-product-wiz__fb-row {
  display: flex;
  gap: 10px;
  align-items: center;
  padding: 10px 12px;
  border: 1px dashed var(--hdr-field-border);
  border-radius: 12px;
  background: var(--hdr-field);
  animation: adminProductWizIn 0.18s ease;
}

.admin-product-wiz__fb-fields {
  display: flex;
  flex: 1;
  flex-wrap: wrap;
  gap: 10px;
  align-items: flex-start;
  min-width: 0;
}

.admin-product-wiz__fb-fields > .admin-users-float {
  flex: 1 1 160px;
  min-width: 140px;
}

.admin-product-wiz__fb-rm {
  flex: 0 0 45px;
  width: 45px;
  height: 45px;
  min-width: 45px;
  min-height: 45px;
  padding: 0;
  border: 1px solid var(--hdr-field-border);
  border-radius: 12px;
  background: color-mix(in srgb, var(--hdr-bg) 55%, var(--hdr-field));
  color: var(--hdr-muted);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: center;
  cursor: pointer;
  box-sizing: border-box;
}

.admin-product-wiz__fb-rm:hover,
.admin-product-wiz__fb-rm:focus-visible {
  color: var(--hdr-accent);
  border-color: color-mix(in srgb, var(--hdr-accent) 40%, var(--hdr-field-border));
  outline: none;
}

.admin-product-wiz__fb-rm i,
.admin-product-wiz__fb-rm svg {
  width: 18px;
  height: 18px;
}

.admin-product-wiz__fb-block.is-error {
  border-color: var(--hdr-accent);
}

.admin-product-wiz__fb-block.is-shake {
  animation: adminProductWizShake 0.42s ease;
}

.admin-product-wiz__req {
  color: var(--hdr-accent);
  font-size: 11px;
}

.admin-product-wiz__hint {
  color: var(--hdr-muted);
  font-size: 11px;
  font-weight: 500;
}

.admin-product-wiz__hint-block {
  margin: 10px 2px 0;
  color: var(--hdr-muted);
  font-size: 0.86rem;
  line-height: 1.45;
}

.admin-product-wiz__hint-block a {
  color: var(--hdr-accent);
  font-weight: 650;
  text-decoration: none;
}

.admin-product-wiz__gunun-packages {
  margin: 0 0 14px;
  padding: 12px 14px;
  border: 1px solid color-mix(in srgb, var(--hdr-border) 85%, transparent);
  border-radius: 12px;
  background: color-mix(in srgb, var(--hdr-surface) 92%, var(--hdr-accent) 8%);
}

.admin-product-wiz__gunun-packages .admin-product-wiz__field-hint {
  margin: 0 0 10px;
}

.admin-product-wiz__gunun-pkg-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 14px;
}

.admin-product-wiz__gunun-pkg {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 34px;
  padding: 6px 10px;
  border-radius: 10px;
  border: 1px solid color-mix(in srgb, var(--hdr-border) 80%, transparent);
  background: var(--hdr-surface, #fff);
  font-size: 0.86rem;
  font-weight: 600;
  color: var(--hdr-text);
  cursor: pointer;
  user-select: none;
}

.admin-product-wiz__gunun-pkg input {
  width: 16px;
  height: 16px;
  accent-color: var(--hdr-accent);
  cursor: pointer;
}

.admin-product-wiz__card-body .admin-users-float.is-error input,
.admin-product-wiz__card-body .admin-users-float.is-error select,
.admin-product-wiz__card-body .admin-users-float.is-error .register-custom-select__btn,
.admin-product-wiz__discount.is-error input {
  border-color: var(--hdr-accent);
}

.admin-product-wiz__error {
  margin: 6px 2px 0;
  color: var(--hdr-accent);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.35;
}

.admin-product-wiz__error[hidden] {
  display: none !important;
}

.admin-product-wiz__hitbot {
  margin-top: 14px;
  padding: 14px;
  border: 1px solid var(--hdr-field-border);
  border-radius: 12px;
  background: color-mix(in srgb, var(--hdr-field) 55%, var(--hdr-bg));
  display: grid;
  gap: 12px;
}

.admin-product-wiz__hitbot--compact {
  padding: 10px;
  gap: 0;
}

.admin-product-wiz__hitbot[hidden] {
  display: none !important;
}

.admin-product-wiz__order-note {
  margin-top: 14px;
  padding: 14px;
  border: 1px solid var(--hdr-field-border);
  border-radius: 12px;
  background: color-mix(in srgb, var(--hdr-field) 55%, var(--hdr-bg));
  display: grid;
  gap: 12px;
}

.admin-product-wiz__order-note[hidden] {
  display: none !important;
}

.admin-product-wiz__order-note-head {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  flex-wrap: wrap;
}

.admin-product-wiz__order-note-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
}

.admin-product-wiz__hitbot-pricing {
  display: grid;
  gap: 12px;
}

.admin-product-wiz__hitbot-pricing[hidden],
.admin-product-wiz__default-pricing[hidden] {
  display: none !important;
}

.admin-product-wiz__row[hidden],
.admin-product-wiz__row[data-admin-product-wiz-stock-type][hidden] {
  display: none !important;
}

.admin-product-wiz__hitbot-pricing-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.admin-product-wiz__hitbot-price-row {
  display: grid;
  gap: 10px;
  padding: 12px;
  border: 1px dashed var(--hdr-field-border);
  border-radius: 12px;
  background: var(--hdr-bg);
  min-width: 0;
}

.admin-product-wiz__hitbot-price-row[hidden] {
  display: none !important;
}

.admin-product-wiz__hitbot-price-row-label {
  font-size: 0.86rem;
  font-weight: 750;
  color: var(--hdr-text);
}

.admin-product-wiz__hitbot-pricing-empty {
  margin: 0;
  color: var(--hdr-muted);
  font-size: 0.86rem;
  font-weight: 600;
}

@media (max-width: 900px) {
  .admin-product-wiz__hitbot-pricing-list {
    grid-template-columns: 1fr;
  }
}

.admin-product-wiz__hitbot-pair {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  align-items: start;
}

.admin-product-wiz__hitbot-list--3 .admin-product-wiz__hitbot-pair {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.admin-product-wiz__hitbot-row {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
  align-items: start;
  padding: 12px;
  border: 1px dashed var(--hdr-field-border);
  border-radius: 12px;
  background: var(--hdr-bg);
  min-width: 0;
}

.admin-product-wiz__hitbot-row--compact {
  padding: 8px 12px;
  gap: 0;
  align-items: center;
}

.admin-product-wiz__hitbot-row--free {
  grid-template-columns: 1fr;
}

.admin-product-wiz__hitbot-prices {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

@media (max-width: 900px) {
  .admin-product-wiz__hitbot-pair,
  .admin-product-wiz__hitbot-list--3 .admin-product-wiz__hitbot-pair {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 720px) {
  .admin-product-wiz__hitbot-prices {
    grid-template-columns: 1fr;
  }
}

.admin-product-wiz__card-body .admin-users-float.is-shake,
.admin-product-wiz__discount.is-shake {
  animation: adminProductWizShake 0.42s ease;
}

@keyframes adminProductWizShake {
  0%,
  100% {
    transform: translateX(0);
  }
  20% {
    transform: translateX(-6px);
  }
  40% {
    transform: translateX(6px);
  }
  60% {
    transform: translateX(-4px);
  }
  80% {
    transform: translateX(4px);
  }
}

.admin-product-wiz__summary {
  display: flex;
  flex-direction: column;
}

.admin-product-wiz__sum-row {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  padding: 10px 0;
  border-bottom: 1px solid var(--hdr-field-border);
}

.admin-product-wiz__sum-row:last-child {
  border-bottom: none;
}

.admin-product-wiz__sum-key {
  flex-shrink: 0;
  min-width: 130px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: var(--hdr-muted);
}

.admin-product-wiz__sum-val {
  font-size: 13px;
  font-weight: 500;
  color: var(--hdr-text);
  text-align: right;
  word-break: break-word;
}

.admin-product-wiz__sum-val--ok {
  color: var(--hdr-login);
}

.admin-product-wiz__sum-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin: 2px;
  padding: 3px 10px;
  border: 1px solid var(--hdr-field-border);
  border-radius: 8px;
  background: color-mix(in srgb, var(--hdr-field) 70%, var(--hdr-bg));
  font-size: 12px;
}

.admin-product-wiz__sum-imgs {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.admin-product-wiz__sum-img {
  width: 52px;
  height: 52px;
  border: 1px solid var(--hdr-field-border);
  border-radius: 8px;
  object-fit: cover;
}

.admin-product-wiz__nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 18px;
  border-top: 1px dashed var(--hdr-field-border);
  background: color-mix(in srgb, var(--hdr-bg) 45%, var(--hdr-field));
  border-radius: 0 0 16px 16px;
}

.admin-product-wiz__nav-center {
  font-size: 12px;
  font-weight: 700;
  color: var(--hdr-muted);
  white-space: nowrap;
}

.admin-product-wiz__nav-right {
  display: flex;
  gap: 8px;
}

.admin-product-wiz__nav-hidden {
  visibility: hidden;
  pointer-events: none;
}

@media (max-width: 720px) {
  .admin-product-wiz__row {
    grid-template-columns: 1fr;
  }

  .admin-product-wiz__nav {
    flex-wrap: wrap;
  }

  .admin-product-wiz__nav-center {
    order: -1;
    width: 100%;
    text-align: center;
  }
}

.admin-reviews {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.admin-reviews__empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin: 0 16px 16px;
  padding: 36px 16px;
  border: 1px dashed var(--hdr-line);
  border-radius: 14px;
  background: var(--hdr-page-bg);
  color: var(--hdr-search-fg);
  text-align: center;
  font-weight: 650;
}

.admin-reviews__empty-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 46px;
  border-radius: 12px;
  border: 1px solid var(--hdr-line);
  background: var(--hdr-header-bg);
  color: var(--hdr-register);
}

.admin-reviews__empty-icon i,
.admin-reviews__empty-icon svg {
  width: 22px;
  height: 22px;
}

.admin-reviews__empty p {
  margin: 0;
}

.admin-reviews__list {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 0 16px 16px;
}

.admin-reviews__item {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  padding: 14px;
  border: 1px solid var(--hdr-line);
  border-radius: 14px;
  background: var(--hdr-page-bg);
  box-sizing: border-box;
}

.admin-reviews__item.is-pinned {
  border-color: var(--hdr-register);
}

.admin-reviews__item-main {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  min-width: 0;
  flex: 1 1 auto;
}

.admin-reviews__avatar {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  object-fit: cover;
  flex-shrink: 0;
  border: 1px solid var(--hdr-line);
  background: var(--hdr-header-bg);
}

.admin-reviews__content {
  min-width: 0;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.admin-reviews__top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 6px 12px;
}

.admin-reviews__who {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.admin-reviews__who strong {
  color: var(--hdr-btn-fg);
  font-size: 14px;
  font-weight: 800;
}

.admin-reviews__status {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 10px;
  border-radius: var(--hdr-btn-radius, 10px);
  border: 1px solid var(--hdr-line);
  background: var(--hdr-header-bg);
  color: var(--hdr-search-fg);
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
}

.admin-reviews__status--approved {
  border-color: var(--hdr-login);
  background: color-mix(in srgb, var(--hdr-login) 14%, var(--hdr-page-bg));
  color: var(--hdr-login);
}

.admin-reviews__status--pending {
  border-color: var(--hdr-register);
  background: color-mix(in srgb, var(--hdr-register) 12%, var(--hdr-page-bg));
  color: var(--hdr-register);
}

.admin-reviews__status--rejected {
  border-color: var(--hdr-line);
  background: var(--hdr-page-bg);
  color: var(--hdr-search-fg);
}

.admin-reviews__who time {
  color: var(--hdr-search-fg);
  font-size: 12px;
  font-weight: 600;
}

.admin-reviews__pin-tag {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  min-height: 28px;
  padding: 0 10px;
  border-radius: var(--hdr-btn-radius, 10px);
  border: 1px solid var(--hdr-register);
  background: color-mix(in srgb, var(--hdr-register) 12%, var(--hdr-page-bg));
  color: var(--hdr-register);
  font-size: 12px;
  font-weight: 700;
}

.admin-reviews__pin-tag i,
.admin-reviews__pin-tag svg {
  width: 12px;
  height: 12px;
}

.admin-reviews__product a,
.admin-reviews__product {
  color: var(--hdr-info);
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
}

.admin-reviews__product a:hover {
  color: var(--hdr-info-hover, var(--hdr-info));
  text-decoration: underline;
  text-underline-offset: 2px;
}

.admin-reviews__body {
  margin: 0;
  color: var(--hdr-btn-fg);
  font-size: 14px;
  line-height: 1.45;
}

.admin-reviews__scores {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.admin-reviews__scores span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 28px;
  padding: 0 10px;
  border-radius: var(--hdr-btn-radius, 10px);
  border: 1px solid var(--hdr-line);
  background: var(--hdr-header-bg);
  color: var(--hdr-search-fg);
  font-size: 12px;
  font-weight: 650;
}

.admin-reviews__scores strong {
  color: var(--hdr-btn-fg);
  font-weight: 800;
}

.admin-reviews__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  flex: 0 0 auto;
}

.admin-reviews__actions .admin-users-btn {
  min-height: 32px;
  padding: 0 10px;
  gap: 6px;
  font-size: 12px;
  border-radius: 8px;
}

.admin-reviews__actions .admin-users-btn i,
.admin-reviews__actions .admin-users-btn svg {
  width: 15px;
  height: 15px;
  display: block;
}

.admin-reviews__pager {
  padding: 0 16px 16px;
}

.admin-reviews__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

.admin-reviews__grid--scores {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.admin-reviews__check {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--hdr-btn-fg);
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
  user-select: none;
}

.admin-reviews__check input {
  width: 16px;
  height: 16px;
  accent-color: var(--hdr-register);
}

.admin-reviews__modal-form {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.admin-reviews__modal-actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 4px;
}

.admin-reviews .admin-users-modal__dialog--edit {
  width: min(100%, 560px);
}

@media (max-width: 900px) {
  .admin-reviews__item {
    flex-direction: column;
  }

  .admin-reviews__actions {
    width: 100%;
    justify-content: flex-start;
  }
}

@media (max-width: 720px) {
  .admin-reviews__grid,
  .admin-reviews__grid--scores {
    grid-template-columns: 1fr;
  }
}

.admin-stock {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.admin-stock-table {
  table-layout: fixed;
  width: 100%;
}

.admin-stock-table--list {
  min-width: 720px !important;
}

.admin-stock-table--detail {
  min-width: 520px;
}

.admin-stock-table__col {
  vertical-align: middle;
  box-sizing: border-box;
}

.admin-stock-table__col--name {
  width: auto;
  text-align: left;
}

.admin-stock-table__col--type,
.admin-stock-table__col--status {
  width: 168px;
  text-align: center !important;
}

.admin-stock-table__col--actions {
  width: 132px;
  text-align: center !important;
}

.admin-stock-table th.admin-stock-table__col--type,
.admin-stock-table th.admin-stock-table__col--status,
.admin-stock-table th.admin-stock-table__col--actions {
  letter-spacing: 0.04em;
}

.admin-stock-table td.admin-stock-table__col--type,
.admin-stock-table td.admin-stock-table__col--status,
.admin-stock-table td.admin-stock-table__col--actions {
  padding-left: 10px;
  padding-right: 10px;
}

.admin-stock-table__badge {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
  margin: 0 auto;
  max-width: 100%;
  vertical-align: middle;
  white-space: nowrap;
}

.admin-stock-table__col--type .admin-stock-table__badge {
  white-space: normal;
  text-align: center;
  line-height: 1.25;
}

.admin-stock-table__badge i,
.admin-stock-table__badge svg {
  width: 13px;
  height: 13px;
  flex-shrink: 0;
}

.admin-stock-table td.admin-stock-table__col--actions .admin-users-btn {
  margin: 0 auto;
}

.admin-users-card__body {
  padding: 14px 16px 16px;
}

.admin-stock-item {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.admin-stock-item__icon {
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  border-radius: 10px;
  overflow: hidden;
  display: grid;
  place-items: center;
  background: var(--hdr-page-bg);
  border: 1px solid var(--hdr-line);
}

.admin-stock-item__icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.admin-stock-item__icon i,
.admin-stock-item__icon svg {
  width: 18px;
  height: 18px;
  color: var(--hdr-search-fg);
}

.admin-stock-item__text {
  min-width: 0;
}

.admin-stock-item__name {
  display: block;
  font-weight: 700;
  color: var(--hdr-btn-fg);
}

.admin-stock-page,
.admin-product-wiz-page {
  display: flex;
  flex-direction: column;
  gap: 14px;
  width: 100%;
  box-sizing: border-box;
}

.admin-stock-detail__stack {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.admin-stock-block {
  overflow: hidden;
}

.admin-stock-block__header {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 10px;
  padding: 14px 16px;
  border-bottom: 1px solid var(--hdr-line);
}

.admin-stock-block__header-main {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  min-width: 0;
}

.admin-stock-block__header .admin-users-card__title {
  margin: 0;
  font-size: 0.95rem;
}

.admin-stock-block__header--tools {
  gap: 12px;
}

.admin-stock-block__header--sold {
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.admin-stock-block__header--sold .admin-users-card__title {
  flex: 1 1 auto;
  min-width: 0;
  line-height: 1.25;
}

.admin-stock-transfer {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.admin-stock-transfer__hint {
  margin: 0;
  color: var(--hdr-search-fg);
  font-size: 13px;
  line-height: 1.45;
}

.admin-stock-transfer__empty {
  margin: 0;
  color: var(--hdr-register);
  font-size: 13px;
  font-weight: 600;
}

.admin-stock-block__tools {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  width: 100%;
}

.admin-stock-block__tools--sold {
  width: auto;
  max-width: 100%;
  margin-left: auto;
  flex: 0 0 auto;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: center;
}

.admin-stock-block__search {
  flex: 1 1 220px;
  min-width: 180px;
  max-width: 100%;
}

.admin-stock-block__search input,
.admin-stock [data-admin-stock-list] .admin-users-search__field input,
.admin-stock .admin-users-search__field input {
  height: 38px;
  border-color: var(--hdr-line);
  background: var(--hdr-search-bg);
}

.admin-stock-block__tools form {
  margin: 0;
}

.admin-stock-block .admin-users-table-wrap {
  border-top: 0;
}

@media (max-width: 640px) {
  .admin-users-pagination {
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
  }

  .admin-users-pagination__nav {
    justify-content: flex-end;
  }

  .admin-stock-table--detail {
    min-width: 460px;
  }

  .admin-stock-table th.admin-stock-table__col--size,
  .admin-stock-table td.admin-stock-table__col--size {
    width: 72px;
    min-width: 72px;
    font-size: 0.72rem;
  }

  .admin-stock-table th.admin-stock-table__col--actions,
  .admin-stock-table td.admin-stock-table__col--actions {
    width: 56px;
    min-width: 56px;
    padding-left: 4px;
    padding-right: 4px;
  }

  .admin-stock-table--detail td.admin-stock-table__col--actions .admin-users-btn span {
    display: none;
  }

  .admin-stock-table--detail td.admin-stock-table__col--actions .admin-users-btn {
    min-width: 36px;
    width: 36px;
    height: 36px;
    padding: 0;
    justify-content: center;
  }

  .admin-stock-table th.admin-stock-table__col--file,
  .admin-stock-table td.admin-stock-table__col--file {
    min-width: 140px;
  }

  .admin-stock-item__name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

.admin-stock-add__label {
  display: block;
  margin-bottom: 8px;
  font-size: 12px;
  font-weight: 700;
  color: var(--hdr-btn-fg);
}

.admin-stock-zip-extract {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin: 10px 0 0;
  font-weight: 600;
  line-height: 1.35;
  cursor: pointer;
}

.admin-stock-zip-extract input {
  margin-top: 2px;
  flex: 0 0 auto;
}

.admin-stock-add__textarea {
  width: 100%;
  max-width: none;
  display: block;
  min-height: 220px;
  margin: 0 0 10px;
  padding: 10px 12px;
  border: 1px solid var(--hdr-line);
  border-radius: 10px;
  background: var(--hdr-page-bg);
  color: var(--hdr-btn-fg);
  font: inherit;
  font-size: 13px;
  line-height: 1.45;
  resize: vertical;
  box-sizing: border-box;
}

.admin-stock-add__textarea:focus {
  outline: none;
  border-color: var(--hdr-search-focus, var(--hdr-register));
}

.admin-stock-add__submit {
  display: inline-flex;
  width: 100%;
  max-width: none;
  margin: 0;
  justify-content: center;
}

.admin-stock-mode-badge {
  display: inline-flex;
  margin-top: 6px;
}

.admin-stock-drop {
  display: grid;
  gap: 8px;
  justify-items: center;
  max-width: 560px;
  margin: 0 auto;
  padding: 22px 14px;
  border: 2px dashed var(--hdr-line);
  border-radius: 14px;
  background: var(--hdr-page-bg);
  text-align: center;
  cursor: pointer;
  transition: border-color 0.15s ease, background 0.15s ease;
}

.admin-stock-drop.is-drag-over,
.admin-stock-drop:focus-visible {
  border-color: var(--hdr-search-focus, var(--hdr-register));
  background: var(--hdr-menu-hover);
  outline: none;
}

.admin-stock-drop i,
.admin-stock-drop svg {
  width: 28px;
  height: 28px;
  color: var(--hdr-search-fg);
}

.admin-stock-drop__title {
  margin: 0;
  font-size: 14px;
  font-weight: 700;
  color: var(--hdr-btn-fg);
}

.admin-stock-drop__sub {
  margin: 0;
  font-size: 12px;
  color: var(--hdr-search-fg);
}

.admin-stock-upload-progress {
  margin-top: 10px;
}

.admin-stock-upload-progress__bar {
  height: 6px;
  border-radius: 4px;
  overflow: hidden;
  background: var(--hdr-line);
}

.admin-stock-upload-progress__bar span {
  display: block;
  height: 100%;
  width: 0;
  background: var(--hdr-register);
  transition: width 0.15s ease;
}

.admin-stock-upload-progress p {
  margin: 6px 0 0;
  font-size: 12px;
  color: var(--hdr-search-fg);
}

.admin-stock-table td.admin-stock-table__col--actions .admin-users-btn,
.admin-stock-table td.admin-stock-table__col--actions form {
  display: inline-flex;
  justify-content: center;
  margin: 0 auto;
}

.admin-stock-table--detail td.admin-stock-table__col--actions .admin-users-btn {
  min-width: 72px;
}

.admin-stock-table__check {
  width: 44px;
  text-align: center !important;
}

.admin-stock-table__check input[type="checkbox"] {
  display: block;
  margin: 0 auto;
}

.admin-stock-table th.admin-stock-table__col--num,
.admin-stock-table td.admin-stock-table__col--num {
  width: 52px;
  text-align: center !important;
}

.admin-stock-table th.admin-stock-table__col--size,
.admin-stock-table td.admin-stock-table__col--size,
.admin-stock-table th.admin-stock-table__col--date,
.admin-stock-table td.admin-stock-table__col--date {
  width: 120px;
  text-align: center !important;
  white-space: nowrap;
}

.admin-stock-table th.admin-stock-table__col--file,
.admin-stock-table td.admin-stock-table__col--file {
  width: auto;
  min-width: 160px;
  max-width: 0;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-stock-table td.admin-stock-table__col--file .admin-stock-file-name {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
  vertical-align: middle;
}

.admin-stock-file-name__text {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-stock-table__muted {
  color: var(--hdr-search-fg);
  font-size: 12px;
}

.admin-stock-file-name {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
}

.admin-stock-file-name i,
.admin-stock-file-name svg {
  width: 15px;
  height: 15px;
  flex-shrink: 0;
  color: var(--hdr-accent);
}

.admin-stock-file-name--sold {
  color: var(--hdr-muted);
  text-decoration: line-through;
}

.admin-stock-file-name--sold i,
.admin-stock-file-name--sold svg {
  color: var(--hdr-login);
}

.admin-stock-suppliers {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.admin-stock-suppliers .admin-users-search__field input {
  height: 38px;
  border-color: var(--hdr-line);
  background: var(--hdr-search-bg);
}

.admin-stock-suppliers-table {
  table-layout: fixed;
  width: 100%;
  min-width: 720px !important;
}

.admin-stock-suppliers-table__col--count {
  width: 160px;
  text-align: center !important;
  vertical-align: middle;
}

.admin-stock-suppliers-table__col--cost {
  width: 140px;
  text-align: center !important;
  vertical-align: middle;
  white-space: nowrap;
  color: var(--hdr-btn-fg);
  font-weight: 700;
}

.admin-stock-suppliers__context .admin-users-card__header {
  align-items: flex-start;
  gap: 14px;
}

.admin-stock-suppliers__context-main {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 14px;
  min-width: 0;
  flex: 1 1 auto;
}

.admin-stock-suppliers__thumb {
  width: 48px;
  height: 48px;
}

.admin-stock-suppliers__chips {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.admin-stock-suppliers__chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 30px;
  padding: 0 12px;
  border-radius: var(--hdr-btn-radius, 10px);
  border: 1px solid var(--hdr-line);
  background: var(--hdr-page-bg);
  color: var(--hdr-search-fg);
  font-size: 12px;
  font-weight: 700;
}

.admin-stock-suppliers__chip i,
.admin-stock-suppliers__chip svg {
  width: 14px;
  height: 14px;
}

.admin-stock-suppliers__chip--min {
  border-color: var(--hdr-login);
  background: color-mix(in srgb, var(--hdr-login) 14%, var(--hdr-page-bg));
  color: var(--hdr-login);
}

.admin-stock-suppliers__chip--avg {
  color: var(--hdr-btn-fg);
}

.admin-stock-suppliers__chip--max {
  border-color: var(--hdr-info);
  background: color-mix(in srgb, var(--hdr-info) 14%, var(--hdr-page-bg));
  color: var(--hdr-info);
}

.admin-stock-suppliers__header-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}

.admin-stock-suppliers__form-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(140px, 200px) 40px;
  gap: 12px;
  padding: 0 2px 10px;
  margin-bottom: 4px;
  border-bottom: 1px solid var(--hdr-line);
  color: var(--hdr-search-fg);
  font-size: 12px;
  font-weight: 700;
}

.admin-stock-suppliers__form-head-action {
  width: 40px;
}

.admin-stock-suppliers__row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(140px, 200px) 40px;
  gap: 12px;
  align-items: center;
  margin-bottom: 12px;
}

.admin-stock-suppliers__col-remove {
  display: flex;
  align-items: center;
  justify-content: center;
}

.admin-stock-suppliers__form-actions {
  margin-top: 8px;
  padding-top: 14px;
  border-top: 1px solid var(--hdr-line);
}

.admin-stock-suppliers__empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin: 0 16px 16px;
  padding: 36px 16px;
  border: 1px dashed var(--hdr-line);
  border-radius: 14px;
  background: var(--hdr-page-bg);
  text-align: center;
}

.admin-stock-suppliers__empty-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 46px;
  border-radius: 12px;
  border: 1px solid var(--hdr-line);
  background: var(--hdr-header-bg);
  color: var(--hdr-register);
}

.admin-stock-suppliers__empty-icon i,
.admin-stock-suppliers__empty-icon svg {
  width: 22px;
  height: 22px;
}

.admin-stock-suppliers__empty h3 {
  margin: 0;
  color: var(--hdr-btn-fg);
  font-size: 15px;
  font-weight: 800;
}

.admin-stock-suppliers__empty p {
  margin: 0;
  max-width: 420px;
  color: var(--hdr-search-fg);
  font-size: 13px;
  line-height: 1.45;
}

.admin-stock-suppliers-detail-table__num {
  width: 48px;
  text-align: center !important;
  color: var(--hdr-search-fg);
  font-weight: 700;
}

.admin-stock-suppliers__supplier-cell {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.admin-stock-suppliers__supplier-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 10px;
  border: 1px solid var(--hdr-line);
  background: var(--hdr-page-bg);
  color: var(--hdr-register);
  flex-shrink: 0;
}

.admin-stock-suppliers__supplier-icon i,
.admin-stock-suppliers__supplier-icon svg {
  width: 16px;
  height: 16px;
}

.admin-stock-suppliers__supplier-link {
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--hdr-btn-fg);
  font-weight: 600;
  text-decoration: none;
}

.admin-stock-suppliers__supplier-link:hover {
  color: var(--hdr-info);
  text-decoration: underline;
  text-underline-offset: 2px;
}

.admin-stock-suppliers__cost-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 30px;
  padding: 0 12px;
  border-radius: var(--hdr-btn-radius, 10px);
  border: 1px solid var(--hdr-line);
  background: var(--hdr-page-bg);
  color: var(--hdr-btn-fg);
  font-size: 13px;
  font-weight: 700;
  white-space: nowrap;
}

.admin-stock-suppliers__cost-badge.is-best {
  border-color: var(--hdr-login);
  background: color-mix(in srgb, var(--hdr-login) 14%, var(--hdr-page-bg));
  color: var(--hdr-login);
}

.admin-stock-suppliers__best-label {
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  opacity: 0.9;
}

.admin-stock-suppliers__footer-info {
  color: var(--hdr-search-fg);
  font-size: 13px;
  font-weight: 600;
}

@media (max-width: 720px) {
  .admin-stock-suppliers__form-head,
  .admin-stock-suppliers__row {
    grid-template-columns: 1fr;
  }

  .admin-stock-suppliers__form-head-action,
  .admin-stock-suppliers__form-head span:last-child {
    display: none;
  }

  .admin-stock-suppliers__col-remove {
    justify-content: flex-start;
  }

  .admin-stock-suppliers__header-actions {
    width: 100%;
  }

  .admin-stock-suppliers__context .admin-users-card__header {
    flex-direction: column;
  }
}

.admin-orders-user {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.admin-orders-table th,
.admin-orders-table td {
  text-align: center;
  vertical-align: middle;
}

.admin-orders-table .admin-orders-user {
  align-items: center;
  margin: 0 auto;
  text-align: center;
}

.admin-orders-table__product {
  min-width: 180px;
  max-width: 320px;
  line-height: 1.4;
}

.admin-orders-table__amount {
  min-width: 96px;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
  font-weight: 700;
  color: var(--hdr-login);
}

.admin-orders-table__date {
  min-width: 168px;
  white-space: nowrap;
}

.admin-orders-table__status {
  min-width: 112px;
}

.admin-orders-table__actions {
  width: 1%;
  white-space: nowrap;
}

.admin-orders-table__actions .admin-users-actions {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: max-content;
  margin-inline: auto;
}

.admin-orders-table__actions .admin-users-actions__form {
  display: contents;
  margin: 0;
}

.admin-orders-table__actions.admin-users-table__actions-cell {
  padding-inline: 12px;
}

.admin-orders-table__status .admin-orders-badge {
  margin: 0 auto;
}

.admin-users-icon-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  min-width: 36px;
  min-height: 36px;
  padding: 0;
  border-radius: var(--hdr-btn-radius, 10px);
  border: 1px solid var(--hdr-ghost-border);
  background: transparent;
  color: var(--hdr-search-fg);
  text-decoration: none;
  box-sizing: border-box;
  cursor: pointer;
  line-height: 0;
  flex-shrink: 0;
  aspect-ratio: 1;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.admin-users-icon-btn i,
.admin-users-icon-btn svg {
  width: 16px;
  height: 16px;
  display: block;
  flex-shrink: 0;
  pointer-events: none;
}

.admin-users-icon-btn:hover {
  color: var(--hdr-btn-fg);
  border-color: var(--hdr-ghost-border);
  background: transparent;
}

.admin-users-icon-btn--danger {
  width: 36px;
  height: 36px;
  min-width: 36px;
  min-height: 36px;
  border: 1px solid var(--hdr-register);
  border-radius: 10px;
  background: var(--hdr-register);
  color: var(--hdr-btn-fg);
  box-shadow: none;
}

.admin-users-icon-btn--danger i,
.admin-users-icon-btn--danger svg {
  width: 16px;
  height: 16px;
  display: block;
  color: var(--hdr-btn-fg);
}

.admin-users-icon-btn--danger:hover {
  background: var(--hdr-register-hover);
  color: var(--hdr-btn-fg);
  border-color: var(--hdr-register-hover);
  transform: none;
  box-shadow: none;
  filter: brightness(1.04);
}

.admin-users-icon-btn--danger:hover i,
.admin-users-icon-btn--danger:hover svg {
  color: var(--hdr-btn-fg);
}

/* Admin genel: ikon butonları kare kalsın, lucide SVG ortalansın. */
.is-admin-panel .admin-users-icon-btn,
.is-admin-panel .admin-users-icon-btn--danger {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  line-height: 0;
  aspect-ratio: 1;
  box-sizing: border-box;
}

.is-admin-panel .admin-users-icon-btn i,
.is-admin-panel .admin-users-icon-btn svg,
.is-admin-panel .admin-users-btn i,
.is-admin-panel .admin-users-btn svg,
.is-admin-panel .admin-side__link-icon i,
.is-admin-panel .admin-side__link-icon svg,
.is-admin-panel .admin-users-float > i,
.is-admin-panel .admin-users-float > svg,
.is-admin-panel .admin-page-crumbs i,
.is-admin-panel .admin-page-crumbs svg {
  display: block;
  flex-shrink: 0;
  overflow: visible;
}

.admin-orders-user strong {
  font-size: var(--hdr-font-sm, 14px);
  color: var(--hdr-btn-fg);
}

.admin-orders-user span {
  color: var(--hdr-search-fg);
  font-size: 12px;
}

.admin-orders-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 32px;
  padding: 0 12px;
  border-radius: var(--hdr-btn-radius, 10px);
  border: 1px solid var(--hdr-line);
  background: var(--hdr-page-bg);
  color: var(--hdr-search-fg);
  font-size: var(--hdr-font-xs, 12px);
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
  box-sizing: border-box;
}

.admin-orders-badge--beklemede {
  border-color: var(--admin-warn);
  background: color-mix(in srgb, var(--admin-warn) 14%, var(--hdr-page-bg));
  color: var(--admin-warn);
}

.admin-orders-badge--tamamlandi {
  border-color: var(--hdr-login);
  background: color-mix(in srgb, var(--hdr-login) 14%, var(--hdr-page-bg));
  color: var(--hdr-login);
}

.admin-orders-badge--iptal {
  border-color: var(--hdr-register);
  background: color-mix(in srgb, var(--hdr-register) 12%, var(--hdr-page-bg));
  color: var(--hdr-register);
}

.admin-orders-badge--iade {
  border-color: var(--hdr-info);
  background: color-mix(in srgb, var(--hdr-info) 14%, var(--hdr-page-bg));
  color: var(--hdr-info);
}

.admin-orders-detail-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 320px);
  gap: 14px;
  align-items: stretch;
}

.admin-orders-detail-grid > .admin-users-card {
  display: flex;
  flex-direction: column;
  min-height: 100%;
  height: 100%;
}

.admin-orders-detail-body {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  gap: 14px;
  padding: 0 16px 16px;
}

.admin-orders-item {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  border: 1px solid var(--hdr-line);
  border-radius: 14px;
  padding: 14px;
  background: var(--hdr-page-bg);
  box-sizing: border-box;
  min-width: 0;
}

.admin-orders-item__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.admin-orders-item__head h2 {
  margin: 0 0 4px;
  color: var(--hdr-btn-fg);
  font-size: var(--hdr-font, 15px);
  font-weight: 800;
  line-height: 1.35;
}

.admin-orders-item__head p {
  margin: 0;
  color: var(--hdr-search-fg);
  font-size: var(--hdr-font-sm, 13px);
}

.admin-orders-fields,
.admin-orders-files {
  margin-top: 14px;
}

.admin-orders-fields {
  flex: 1 1 auto;
}

.admin-orders-fields h3,
.admin-orders-files h3 {
  margin: 0 0 10px;
  color: var(--hdr-btn-fg);
  font-size: var(--hdr-font-sm, 13px);
  font-weight: 800;
}

.admin-orders-fields dl {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px 12px;
  margin: 0;
}

.admin-orders-fields dl > div {
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid var(--hdr-line);
  border-radius: 10px;
  background: var(--hdr-header-bg);
}

.admin-orders-fields dt {
  color: var(--hdr-search-fg);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.01em;
}

.admin-orders-fields dd {
  margin: 4px 0 0;
  color: var(--hdr-btn-fg);
  font-weight: 650;
  font-size: var(--hdr-font-sm, 14px);
  line-height: 1.35;
  word-break: break-word;
}

.admin-orders-fields dd a {
  color: var(--hdr-register);
  text-decoration: none;
  word-break: break-all;
}

.admin-orders-fields dd a:hover {
  color: var(--hdr-register-hover);
  text-decoration: underline;
}

.admin-orders-muted {
  margin: 0 0 10px;
  color: var(--hdr-search-fg);
  font-size: var(--hdr-font-sm, 13px);
}

.admin-orders-file-list {
  list-style: none;
  margin: 0 0 12px;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.admin-orders-file-list li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 8px 10px;
  border-radius: 10px;
  border: 1px solid var(--hdr-line);
  background: var(--hdr-header-bg);
  font-size: var(--hdr-font-sm, 13px);
  color: var(--hdr-btn-fg);
}

.admin-orders-file-list__name {
  min-width: 0;
  flex: 1 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 650;
}

.admin-orders-file-list__actions {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
}

.admin-orders-upload {
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
  gap: 10px;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

.admin-orders-upload__file {
  display: flex;
  align-items: center;
  gap: 10px;
  flex: 1 1 auto;
  min-width: 0;
  width: auto;
  max-width: none;
  min-height: 42px;
  padding: 4px 12px 4px 4px;
  border: 1px solid var(--hdr-ghost-border);
  border-radius: 10px;
  background: transparent;
  box-sizing: border-box;
}

.admin-orders-upload__pick {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  flex: 0 0 auto;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid color-mix(in srgb, var(--hdr-register) 55%, var(--hdr-ghost-border));
  border-radius: var(--hdr-btn-radius, 10px);
  background: transparent;
  color: var(--hdr-btn-fg);
  font: inherit;
  font-size: var(--hdr-font-sm, 13px);
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
  box-sizing: border-box;
  transition: border-color 0.15s ease, color 0.15s ease, background 0.15s ease;
}

.admin-orders-upload__pick i,
.admin-orders-upload__pick svg {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
  color: var(--hdr-register);
}

.admin-orders-upload__pick:hover {
  border-color: var(--hdr-register);
  background: color-mix(in srgb, var(--hdr-register) 10%, transparent);
  color: var(--hdr-btn-fg);
}

.admin-orders-upload__name {
  min-width: 0;
  flex: 1 1 auto;
  max-width: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--hdr-search-fg);
  font-size: 12px;
  font-weight: 600;
}

.admin-orders-upload__name.is-selected {
  color: var(--hdr-btn-fg);
  font-weight: 700;
}

.admin-orders-upload .admin-users-btn {
  flex: 0 0 auto;
  align-self: stretch;
  min-height: 42px;
  padding: 0 14px;
}

.admin-orders-side > .admin-users-card__body {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  padding: 0 16px 16px;
}

.admin-orders-side .admin-orders-status {
  margin-top: auto;
}

.admin-orders-meta {
  display: grid;
  gap: 10px;
  margin: 0 0 16px;
}

.admin-orders-meta dt {
  color: var(--hdr-search-fg);
  font-size: 12px;
  font-weight: 700;
}

.admin-orders-meta dd {
  margin: 2px 0 0;
  color: var(--hdr-btn-fg);
  font-weight: 700;
  word-break: break-word;
}

.admin-orders-status {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 4px;
}

.admin-orders-status__label {
  margin: 0;
  color: var(--hdr-search-fg);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
}

.admin-orders-status__control {
  position: relative;
  width: 100%;
  min-width: 0;
  z-index: 1;
}

.admin-orders-status__control:has(.register-custom-select.is-open) {
  z-index: 20;
}

.admin-orders-status__control > select,
.admin-orders-status__control .register-custom-select {
  position: relative;
  width: 100%;
}

.admin-orders-status__control > select {
  height: 42px;
  padding: 0 36px 0 12px;
  border: 1px solid var(--hdr-line);
  border-radius: var(--hdr-btn-radius, 10px);
  background: var(--hdr-page-bg);
  color: var(--hdr-btn-fg);
  font: inherit;
  font-size: var(--hdr-font-sm, 14px);
  font-weight: 600;
  box-sizing: border-box;
  appearance: none;
  cursor: pointer;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23a3a3a3' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 16px 16px;
}

.admin-orders-status__control > select:focus {
  outline: none;
  border-color: var(--hdr-search-focus, var(--hdr-register));
}

.admin-orders-status__control .register-custom-select__btn {
  display: flex;
  align-items: center;
  width: 100%;
  height: 42px;
  padding: 0 36px 0 12px;
  border: 1px solid var(--hdr-line);
  border-radius: var(--hdr-btn-radius, 10px);
  background: var(--hdr-page-bg);
  color: var(--hdr-btn-fg);
  font: inherit;
  font-size: var(--hdr-font-sm, 14px);
  font-weight: 600;
  line-height: 1.25;
  text-align: left;
  cursor: pointer;
  box-sizing: border-box;
}

.admin-orders-status__control .register-custom-select.is-open .register-custom-select__btn,
.admin-orders-status__control .register-custom-select__btn:focus,
.admin-orders-status__control .register-custom-select__btn:focus-visible {
  outline: none;
  border-color: var(--hdr-search-focus, var(--hdr-register));
}

.admin-orders-status__control .register-custom-select__value {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-orders-status__control .register-custom-select__chev {
  position: absolute;
  right: 12px;
  top: 50%;
  display: inline-flex;
  transform: translateY(-50%);
  color: var(--hdr-muted);
  pointer-events: none;
}

.admin-orders-status__control .register-custom-select.is-open .register-custom-select__chev {
  transform: translateY(-50%) rotate(180deg);
}

.admin-orders-status__control .register-custom-select__native {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  opacity: 0;
  pointer-events: none;
  clip: rect(0, 0, 0, 0);
  overflow: hidden;
}

.admin-orders-status .admin-users-btn {
  width: 100%;
  justify-content: center;
  margin-top: 4px;
}

@media (max-width: 960px) {
  .admin-orders-detail-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .admin-orders-fields dl {
    grid-template-columns: 1fr;
  }
}

.admin-side__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 20px;
  height: 20px;
  padding: 0 6px;
  margin-left: auto;
  border-radius: 999px;
  background: var(--hdr-register);
  color: var(--hdr-btn-fg);
  font-size: 0.68rem;
  font-weight: 800;
  line-height: 1;
  flex-shrink: 0;
}

.admin-side__badge[hidden] {
  display: none !important;
}

.admin-telafi-customer,
.admin-telafi-product {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 2px;
  min-width: 0;
}

.admin-telafi-customer strong {
  font-size: var(--hdr-font-sm, 14px);
  font-weight: 700;
  color: var(--hdr-btn-fg);
  word-break: break-all;
}

.admin-telafi-product strong {
  font-size: var(--hdr-font-sm, 14px);
  color: var(--hdr-btn-fg);
  line-height: 1.35;
}

.admin-telafi-status {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 32px;
  padding: 0 12px;
  border-radius: var(--hdr-btn-radius, 10px);
  border: 1px solid var(--hdr-line);
  background: var(--hdr-page-bg);
  color: var(--hdr-search-fg);
  font-size: var(--hdr-font-xs, 12px);
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
  box-sizing: border-box;
}

.admin-telafi-status i,
.admin-telafi-status svg {
  width: 15px;
  height: 15px;
  flex-shrink: 0;
  color: inherit;
  stroke-width: 1.75;
}

.admin-telafi-status--beklemede {
  border-color: var(--admin-warn);
  background: color-mix(in srgb, var(--admin-warn) 14%, var(--hdr-page-bg));
  color: var(--admin-warn);
}

.admin-telafi-status--beklemede i,
.admin-telafi-status--beklemede svg {
  color: var(--admin-warn);
}

.admin-telafi-status--cozuldu {
  border-color: var(--hdr-login);
  background: color-mix(in srgb, var(--hdr-login) 14%, var(--hdr-page-bg));
  color: var(--hdr-login);
}

.admin-telafi-status--cozuldu i,
.admin-telafi-status--cozuldu svg {
  color: var(--hdr-login);
}

.admin-telafi-status--iade {
  border-color: var(--hdr-info);
  background: color-mix(in srgb, var(--hdr-info) 14%, var(--hdr-page-bg));
  color: var(--hdr-info);
}

.admin-telafi-status--iade i,
.admin-telafi-status--iade svg {
  color: var(--hdr-info);
}

.admin-telafi-status--iptal {
  border-color: var(--hdr-register);
  background: color-mix(in srgb, var(--hdr-register) 12%, var(--hdr-page-bg));
  color: var(--hdr-register);
}

.admin-telafi-status--iptal i,
.admin-telafi-status--iptal svg {
  color: var(--hdr-register);
}

.admin-telafi-table {
  min-width: 640px;
}

.admin-telafi-table th,
.admin-telafi-table td {
  vertical-align: middle;
}

.admin-telafi-table th:nth-child(3),
.admin-telafi-table td:nth-child(3) {
  text-align: center;
}

.admin-telafi-table .admin-users-table__actions-head,
.admin-telafi-table .admin-users-table__actions-cell {
  width: 1%;
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
}

.admin-telafi-ops {
  display: inline-flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-width: 0;
  padding: 0;
  margin: 0 auto;
  isolation: isolate;
}

.admin-telafi-ops__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  min-width: 34px;
  min-height: 34px;
  padding: 0;
  border-radius: var(--hdr-btn-radius, 10px);
  border: 1px solid var(--hdr-ghost-border);
  background: transparent;
  color: var(--hdr-search-fg);
  font: inherit;
  cursor: pointer;
  box-sizing: border-box;
  position: relative;
  z-index: 1;
  flex-shrink: 0;
  text-decoration: none;
  line-height: 0;
  aspect-ratio: 1;
  transition: border-color 0.15s ease, background 0.15s ease, color 0.15s ease;
}

.admin-telafi-ops__btn i,
.admin-telafi-ops__btn svg {
  width: 15px;
  height: 15px;
  display: block;
  flex-shrink: 0;
  pointer-events: none;
}

.admin-telafi-ops__btn--info:hover {
  border-color: var(--hdr-ghost-border);
  background: transparent;
  color: var(--hdr-btn-fg);
}

.admin-telafi-ops__btn--manage {
  color: var(--hdr-info);
  border-color: color-mix(in srgb, var(--hdr-info) 40%, var(--hdr-line));
  background: color-mix(in srgb, var(--hdr-info) 12%, var(--hdr-page-bg));
}

.admin-telafi-ops__btn--manage:hover {
  color: var(--hdr-btn-fg);
  border-color: var(--hdr-info);
  background: var(--hdr-info);
}

.admin-telafi-ops__btn--refund {
  color: var(--hdr-register);
  border-color: color-mix(in srgb, var(--hdr-register) 40%, var(--hdr-line));
  background: color-mix(in srgb, var(--hdr-register) 12%, var(--hdr-page-bg));
}

.admin-telafi-ops__btn--refund:hover {
  color: var(--hdr-btn-fg);
  border-color: var(--hdr-register);
  background: var(--hdr-register);
}

.admin-telafi-ops__form {
  display: inline-flex;
  margin: 0;
  padding: 0;
}

.admin-telafi-ops__btn--delete {
  color: var(--hdr-register);
  border-color: color-mix(in srgb, var(--hdr-register) 40%, var(--hdr-line));
  background: color-mix(in srgb, var(--hdr-register) 12%, var(--hdr-page-bg));
}

.admin-telafi-ops__btn--delete:hover {
  color: var(--hdr-btn-fg);
  border-color: var(--hdr-register);
  background: var(--hdr-register);
}

.admin-telafi-modal-body {
  gap: 14px;
}

.admin-users-modal[data-telafi-modal="info"] .admin-users-modal__dialog {
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.admin-users-modal[data-telafi-modal="info"] .admin-users-modal__dialog::-webkit-scrollbar {
  display: none;
}

.admin-telafi-meta {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin: 0;
}

.admin-telafi-meta dt {
  margin: 0 0 2px;
  color: var(--hdr-search-fg);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.01em;
}

.admin-telafi-meta dd {
  margin: 0;
  color: var(--hdr-btn-fg);
  font-size: var(--hdr-font-sm, 14px);
  font-weight: 650;
  word-break: break-word;
}

.admin-telafi-block h3 {
  margin: 0 0 8px;
  color: var(--hdr-btn-fg);
  font-size: var(--hdr-font-sm, 13px);
  font-weight: 800;
}

.admin-telafi-message {
  margin: 0;
  padding: 12px 14px;
  border: 1px solid var(--hdr-line);
  border-radius: 12px;
  background: var(--hdr-page-bg);
  color: var(--hdr-btn-fg);
  white-space: pre-wrap;
  line-height: 1.45;
  font-size: var(--hdr-font-sm, 14px);
}

.admin-telafi-lines,
.admin-telafi-file-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.admin-telafi-lines li,
.admin-telafi-file-list li {
  padding: 10px 12px;
  border: 1px solid var(--hdr-line);
  border-radius: 10px;
  background: var(--hdr-page-bg);
  color: var(--hdr-btn-fg);
  font-size: var(--hdr-font-sm, 13px);
  word-break: break-word;
}

.admin-telafi-file-list li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.admin-telafi-file-list__actions {
  display: inline-flex;
  gap: 8px;
  flex-shrink: 0;
}

.admin-telafi-file-list__actions a {
  color: var(--hdr-register);
  font-weight: 750;
  text-decoration: none;
  font-size: 12px;
}

.admin-telafi-file-list__actions a:hover {
  color: var(--hdr-register-hover);
  text-decoration: underline;
}

.admin-telafi-hint {
  margin: 0;
  color: var(--hdr-search-fg);
  font-size: var(--hdr-font-sm, 13px);
  line-height: 1.4;
}

.admin-telafi-mode {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.admin-telafi-mode__btn {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 12px;
  border-radius: var(--hdr-btn-radius, 10px);
  border: 1px solid var(--hdr-ghost-border);
  background: transparent;
  color: var(--hdr-search-fg);
  font: inherit;
  font-size: var(--hdr-font-xs, 12px);
  font-weight: 700;
  cursor: pointer;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.admin-telafi-mode__btn.is-active,
.admin-telafi-mode__btn:hover {
  color: var(--hdr-btn-fg);
  border-color: var(--hdr-register);
  background: var(--hdr-register);
}

.admin-telafi-form {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.admin-telafi-upload {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.admin-telafi-upload__label {
  font-size: var(--hdr-font-sm, 13px);
  font-weight: 700;
  color: var(--hdr-search-fg);
}

.admin-telafi-upload__file {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  min-height: 42px;
  padding: 4px 10px 4px 4px;
  border: 1px solid var(--hdr-ghost-border);
  border-radius: 10px;
  background: transparent;
  box-sizing: border-box;
}

.admin-telafi-upload__pick {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  flex: 0 0 auto;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid var(--hdr-ghost-border);
  border-radius: var(--hdr-btn-radius, 10px);
  background: transparent;
  color: var(--hdr-btn-fg);
  font: inherit;
  font-size: var(--hdr-font-sm, 13px);
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
  box-sizing: border-box;
  transition: border-color 0.15s ease, color 0.15s ease;
}

.admin-telafi-upload__pick i,
.admin-telafi-upload__pick svg {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
  color: var(--hdr-register);
}

.admin-telafi-upload__pick:hover {
  border-color: var(--hdr-ghost-border);
  background: transparent;
  color: var(--hdr-btn-fg);
}

.admin-telafi-upload__name {
  min-width: 0;
  flex: 1 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--hdr-search-fg);
  font-size: 12px;
  font-weight: 600;
}

.admin-telafi-upload__name.is-selected {
  color: var(--hdr-btn-fg);
  font-weight: 700;
}

.admin-telafi-form__actions .admin-users-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.admin-telafi-form__actions .admin-users-btn i,
.admin-telafi-form__actions .admin-users-btn svg {
  width: 15px;
  height: 15px;
  flex-shrink: 0;
}

.admin-telafi-form[hidden] {
  display: none !important;
}

.admin-telafi-qty-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

.admin-telafi-refund-qty-row {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
}

.admin-telafi-refund-qty-row.is-mixed {
  grid-template-columns: 1fr 1fr;
}

.admin-telafi-refund-qty-row > [hidden] {
  display: none !important;
}

.admin-telafi-field {
  display: flex;
  flex-direction: column;
  gap: 6px;
  font-size: var(--hdr-font-sm, 13px);
  font-weight: 700;
  color: var(--hdr-search-fg);
}

.admin-telafi-field input,
.admin-telafi-field textarea {
  min-height: 42px;
  padding: 10px 12px;
  border: 1px solid var(--hdr-line);
  border-radius: 10px;
  background: var(--hdr-page-bg);
  color: var(--hdr-btn-fg);
  font: inherit;
  font-size: var(--hdr-font-sm, 14px);
  font-weight: 600;
  box-sizing: border-box;
}

.admin-telafi-field input[type='number'] {
  -moz-appearance: textfield;
  appearance: textfield;
}

.admin-telafi-field input[type='number']::-webkit-outer-spin-button,
.admin-telafi-field input[type='number']::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.admin-telafi-field input[readonly] {
  cursor: default;
  background: var(--hdr-header-bg);
}

.admin-telafi-field input:focus,
.admin-telafi-field textarea:focus {
  outline: none;
  border-color: var(--hdr-search-focus, var(--hdr-register));
  box-shadow: none;
}

.admin-telafi-field textarea {
  min-height: 96px;
  resize: vertical;
}

.admin-telafi-form__actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  flex-wrap: wrap;
  padding-top: 4px;
}

@media (max-width: 720px) {
  .admin-telafi-meta {
    grid-template-columns: 1fr;
  }

  .admin-telafi-qty-row {
    grid-template-columns: 1fr;
  }
}

.admin-settings {
  gap: 14px;
}

.admin-settings__panel[hidden] {
  display: none;
}

.admin-settings__form {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 18px;
}

.admin-settings__section-title {
  margin: 4px 0 0;
  color: var(--hdr-text);
  font-size: 0.92rem;
  font-weight: 750;
  line-height: 1.3;
}

.admin-settings__section-title:not(:first-of-type) {
  margin-top: 8px;
  padding-top: 14px;
  border-top: 1px dashed var(--hdr-line);
}

.admin-settings__hint {
  margin: -4px 0 2px;
  color: var(--hdr-muted, color-mix(in srgb, var(--hdr-text) 62%, transparent));
  font-size: 0.78rem;
  line-height: 1.45;
}

.admin-settings__switch {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0;
  padding: 12px 14px;
  border: 1px solid var(--hdr-line);
  border-radius: 12px;
  background: var(--hdr-search-bg);
  cursor: pointer;
  box-sizing: border-box;
}

.admin-settings__switch input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
  pointer-events: none;
}

.admin-settings__switch-ui {
  position: relative;
  flex-shrink: 0;
  width: 46px;
  height: 26px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--hdr-search-fg) 22%, var(--hdr-page-bg));
  border: 1px solid var(--hdr-line);
  transition: background 0.15s ease, border-color 0.15s ease;
}

.admin-settings__switch-ui::after {
  content: '';
  position: absolute;
  top: 2px;
  left: 2px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: var(--hdr-btn-fg);
  transition: transform 0.15s ease;
}

.admin-settings__switch input:checked + .admin-settings__switch-ui {
  background: var(--hdr-register);
  border-color: var(--hdr-register);
}

.admin-settings__switch input:checked + .admin-settings__switch-ui::after {
  transform: translateX(20px);
}

.admin-settings__switch-copy {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.admin-settings__switch-copy strong {
  color: var(--hdr-btn-fg);
  font-size: 0.9rem;
  font-weight: 800;
}

.admin-settings__switch-copy span {
  color: var(--hdr-search-fg);
  font-size: 0.78rem;
  font-weight: 600;
}

.admin-settings__hint code {
  font-size: 0.85em;
  padding: 0.05em 0.35em;
  border-radius: 4px;
  background: color-mix(in srgb, var(--hdr-field) 80%, var(--hdr-bg));
}

.admin-settings__form .admin-product-wiz__row + .admin-product-wiz__row {
  margin-top: 0;
}

.admin-product-wiz__row--3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.admin-users-float--textarea > i,
.admin-users-float--textarea > svg {
  top: 18px;
  transform: none;
}

.admin-users-float--textarea textarea {
  width: 100%;
  min-height: 112px;
  padding: 22px 12px 10px 40px;
  border: 1px solid var(--hdr-line);
  border-radius: 12px;
  background: var(--hdr-page-bg);
  color: var(--hdr-btn-fg);
  font-size: var(--hdr-font-sm, 13px);
  font-weight: 600;
  line-height: 1.45;
  box-sizing: border-box;
  resize: vertical;
  caret-color: var(--hdr-btn-fg);
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.admin-users-float--textarea textarea:focus {
  outline: none;
  border-color: var(--hdr-search-focus, var(--hdr-register));
  box-shadow: none;
}

.admin-users-float--textarea label {
  top: 12px;
  transform: none;
  font-size: 0.68rem;
}

.admin-users-float--textarea textarea:placeholder-shown:not(:focus) + label {
  top: 18px;
  font-size: var(--hdr-font-sm, 13px);
  transform: none;
}

.admin-settings__actions {
  display: flex;
  justify-content: flex-end;
  padding-top: 4px;
}

@media (max-width: 720px) {
  .admin-settings__form {
    padding: 14px;
  }

  .admin-product-wiz__row--3 {
    grid-template-columns: 1fr;
  }
}

.admin-settings__rank-table-wrap {
  overflow-x: auto;
  border: 1px solid var(--hdr-line);
  border-radius: 12px;
  background: var(--hdr-page-bg);
}

.admin-settings__rank-table {
  width: 100%;
  border-collapse: collapse;
  min-width: 520px;
}

.admin-settings__rank-table th,
.admin-settings__rank-table td {
  padding: 12px 14px;
  text-align: left;
  border-bottom: 1px solid var(--hdr-line);
  vertical-align: middle;
}

.admin-settings__rank-table th {
  font-size: 0.82rem;
  font-weight: 800;
  color: var(--hdr-search-fg);
  background: var(--hdr-page-bg);
}

.admin-settings__rank-table tbody tr:last-child td {
  border-bottom: 0;
}

.admin-settings__rank-cell {
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 700;
  color: var(--hdr-text);
}

.admin-settings__rank-cell img {
  width: 36px;
  height: 36px;
  object-fit: contain;
  flex-shrink: 0;
}

.admin-settings__rank-input {
  width: 100%;
  max-width: 180px;
  padding: 10px 12px;
  border: 1px solid var(--hdr-line);
  border-radius: 10px;
  background: var(--hdr-page-bg);
  color: var(--hdr-btn-fg);
  font: inherit;
  box-sizing: border-box;
}

.admin-home-form {
  gap: 16px;
}

.admin-home-section {
  display: flex;
  flex-direction: column;
  border: 1px solid var(--hdr-line);
  border-radius: 14px;
  background: var(--hdr-header-bg);
  overflow: hidden;
}

.admin-home-section__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 16px;
  border-bottom: 1px solid var(--hdr-line);
  background: var(--hdr-page-bg);
}

.admin-home-section__head--actions {
  align-items: center;
}

.admin-home-section__title {
  margin: 0;
  color: var(--hdr-text);
  font-size: 15px;
  font-weight: 750;
  line-height: 1.3;
}

.admin-home-section__desc {
  margin: 4px 0 0;
  color: var(--hdr-muted);
  font-size: 13px;
  line-height: 1.4;
}

.admin-home-section__body {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 14px 16px;
}

.admin-home-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 14px;
  border: 1px solid var(--hdr-line);
  border-radius: 12px;
  background: var(--hdr-page-bg);
}

.admin-home-row--stack {
  flex-direction: column;
  align-items: stretch;
}

.admin-home-row__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.admin-home-row__copy {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.admin-home-row__copy strong {
  color: var(--hdr-text);
  font-size: 14px;
  font-weight: 700;
}

.admin-home-row__copy span {
  color: var(--hdr-muted);
  font-size: 12px;
  line-height: 1.35;
}

.admin-home-row__control {
  flex: 0 0 auto;
  width: min(180px, 42vw);
}

.admin-home-slides {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.admin-home-slide {
  border: 1px solid var(--hdr-line);
  border-radius: 12px;
  background: var(--hdr-page-bg);
  overflow: hidden;
}

.admin-home-slide.is-passive {
  opacity: 0.72;
}

.admin-home-slide__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 10px 12px;
  border-bottom: 1px solid var(--hdr-line);
  background: var(--hdr-header-bg);
}

.admin-home-slide.is-collapsed .admin-home-slide__head {
  border-bottom: 0;
}

.admin-home-slide__toggle {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  border: 0;
  background: transparent;
  color: var(--hdr-text);
  font: inherit;
  font-weight: 700;
  cursor: pointer;
  text-align: left;
}

.admin-home-slide__toggle i,
.admin-home-slide__toggle svg {
  width: 16px;
  height: 16px;
  flex: 0 0 auto;
  color: var(--hdr-muted);
  transition: transform 0.18s ease;
}

.admin-home-slide.is-collapsed .admin-home-slide__toggle i,
.admin-home-slide.is-collapsed .admin-home-slide__toggle svg {
  transform: rotate(-90deg);
}

.admin-home-slide__toggle span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-home-slide__head-actions {
  display: inline-flex;
  gap: 6px;
  flex: 0 0 auto;
}

.admin-home-slide__body {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 12px;
}

.admin-home-slide__meta {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.admin-home-slots {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.admin-home-slot {
  position: relative;
  display: flex;
  align-items: stretch;
  min-height: 64px;
  border: 1px solid var(--hdr-ghost-border);
  border-radius: 10px;
  background: transparent;
  overflow: hidden;
  transition: border-color 0.15s ease;
}

.admin-home-slot:hover {
  border-color: var(--hdr-line);
}

.admin-home-slot.has-file {
  border-color: var(--hdr-line);
  background: var(--hdr-menu-bg);
}

.admin-home-slot.is-uploading {
  opacity: 0.65;
  pointer-events: none;
}

.admin-home-slot__hit {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 10px;
  cursor: pointer;
  box-sizing: border-box;
}

.admin-home-slot__preview {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  flex: 0 0 auto;
  border-radius: 8px;
  border: 1px solid var(--hdr-line);
  background: var(--hdr-header-bg);
  overflow: hidden;
}

.admin-home-slot__preview img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.admin-home-slot__preview i,
.admin-home-slot__preview svg {
  width: 18px;
  height: 18px;
  color: var(--hdr-muted);
}

.admin-home-slot__text {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.admin-home-slot__label {
  color: var(--hdr-text);
  font-size: 13px;
  font-weight: 700;
}

.admin-home-slot__size {
  color: var(--hdr-muted);
  font-size: 11px;
  font-variant-numeric: tabular-nums;
}

.admin-home-slot__file {
  color: var(--hdr-muted);
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-home-slot__clear {
  position: absolute;
  top: 6px;
  right: 6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border: 1px solid var(--hdr-ghost-border);
  border-radius: 8px;
  background: transparent;
  color: var(--hdr-muted);
  cursor: pointer;
}

.admin-home-slot__clear:hover {
  color: var(--hdr-register);
  border-color: color-mix(in srgb, var(--hdr-register) 40%, var(--hdr-line));
}

.admin-home-slot__clear i,
.admin-home-slot__clear svg {
  width: 14px;
  height: 14px;
}

@media (max-width: 720px) {
  .admin-home-row,
  .admin-home-row__top {
    flex-direction: column;
    align-items: stretch;
  }

  .admin-home-row__control {
    width: 100%;
  }

  .admin-home-slide__meta,
  .admin-home-slots {
    grid-template-columns: 1fr;
  }

  .admin-home-section__head--actions {
    flex-direction: column;
    align-items: stretch;
  }
}

.admin-settings__pay {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.admin-settings__pay-block + .admin-settings__pay-block {
  border-top: 1px solid var(--hdr-line);
}

.admin-settings__pay-head {
  align-items: center;
}

.admin-settings__pay-head .admin-users-card__desc {
  margin: 0;
}

.admin-settings__pay-table {
  min-width: 780px;
}

.admin-settings__pay-logo {
  display: block;
  width: 40px;
  height: 40px;
  object-fit: contain;
  border-radius: 10px;
  background: var(--hdr-page-bg);
  border: 1px solid var(--hdr-line);
  padding: 3px;
  box-sizing: border-box;
}

.admin-settings__pay-logo-empty {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 10px;
  background: var(--hdr-page-bg);
  color: var(--hdr-search-fg);
  border: 1px solid var(--hdr-line);
}

.admin-settings__pay-logo-empty i,
.admin-settings__pay-logo-empty svg {
  width: 18px;
  height: 18px;
}

.admin-settings__pay-mono {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 0.78rem;
  word-break: break-all;
  max-width: 260px;
}

.admin-settings__pay-badge {
  display: inline-flex;
  align-items: center;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight: 800;
  line-height: 1.2;
}

.admin-settings__pay-badge.is-on {
  color: var(--hdr-login);
  background: color-mix(in srgb, var(--hdr-login) 14%, var(--hdr-field));
}

.admin-settings__pay-badge.is-off {
  color: var(--hdr-muted);
  background: color-mix(in srgb, var(--hdr-muted) 12%, var(--hdr-field));
}

.admin-settings__pay-actions {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}

.admin-settings__pay-inline-form {
  margin: 0;
  display: contents;
}

.admin-settings__pay-form {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.admin-settings__pay-drop {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: 100%;
  min-height: 120px;
  padding: 20px 16px;
  border: 2px dashed var(--hdr-field-border);
  border-radius: 14px;
  background: color-mix(in srgb, var(--hdr-bg) 45%, var(--hdr-field));
  text-align: center;
  cursor: pointer;
  box-sizing: border-box;
  transition: border-color 0.15s ease, background 0.15s ease;
}

.admin-settings__pay-drop:hover,
.admin-settings__pay-drop.is-dragover,
.admin-settings__pay-drop:focus-within {
  border-color: color-mix(in srgb, var(--hdr-accent) 45%, var(--hdr-field-border));
  background: color-mix(in srgb, var(--hdr-accent) 6%, var(--hdr-field));
}

.admin-settings__pay-drop.has-file {
  border-style: solid;
  border-color: color-mix(in srgb, var(--hdr-login) 35%, var(--hdr-field-border));
}

.admin-settings__pay-drop-icon {
  display: inline-flex;
  color: var(--hdr-muted);
}

.admin-settings__pay-drop-icon i,
.admin-settings__pay-drop-icon svg {
  width: 32px;
  height: 32px;
}

.admin-settings__pay-drop-title {
  color: var(--hdr-text);
  font-size: 0.9rem;
  font-weight: 800;
  line-height: 1.3;
}

.admin-settings__pay-drop-sub {
  color: var(--hdr-muted);
  font-size: 0.78rem;
  font-weight: 600;
  line-height: 1.35;
  max-width: 28em;
}

.admin-settings__pay-preview,
.admin-settings__pay-preview-row {
  display: flex;
  gap: 10px;
  align-items: center;
}

.admin-settings__pay-preview img {
  width: 56px;
  height: 56px;
  object-fit: contain;
  border-radius: 12px;
  background: var(--hdr-page-bg);
  border: 1px solid var(--hdr-line);
  padding: 4px;
  box-sizing: border-box;
}

@media (max-width: 720px) {
  .admin-settings__pay-actions .admin-users-btn span {
    display: none;
  }

  .admin-settings__pay-mono {
    max-width: 140px;
  }
}

.admin-odeme-user {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.admin-odeme-user strong {
  font-weight: 700;
  color: var(--hdr-btn-fg);
  word-break: break-word;
}

.admin-odeme-user span {
  font-size: 12px;
  color: var(--hdr-search-fg);
}

.admin-odeme-amount {
  white-space: nowrap;
  font-weight: 700;
  color: var(--hdr-login);
  font-variant-numeric: tabular-nums;
}

.admin-odeme-sender {
  display: inline-block;
  max-width: 160px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: bottom;
  font-size: var(--hdr-font-sm, 13px);
  color: var(--hdr-search-fg);
}

.admin-odeme-status {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 10px;
  border-radius: var(--hdr-btn-radius, 10px);
  border: 1px solid var(--hdr-line);
  background: var(--hdr-page-bg);
  color: var(--hdr-search-fg);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.01em;
  line-height: 1;
  white-space: nowrap;
  box-sizing: border-box;
}

.admin-odeme-status.is-wait {
  border-color: var(--admin-warn);
  background: color-mix(in srgb, var(--admin-warn) 14%, var(--hdr-page-bg));
  color: var(--admin-warn);
}

.admin-odeme-status.is-ok {
  border-color: var(--hdr-login);
  background: color-mix(in srgb, var(--hdr-login) 20%, var(--hdr-page-bg));
  color: var(--hdr-login);
}

.admin-odeme-status.is-bad {
  border-color: var(--hdr-register);
  background: color-mix(in srgb, var(--hdr-register) 22%, var(--hdr-page-bg));
  color: var(--hdr-register);
}

.admin-odeme-status.is-info {
  border-color: var(--hdr-info);
  background: color-mix(in srgb, var(--hdr-info) 20%, var(--hdr-page-bg));
  color: var(--hdr-info);
}

.admin-odeme-table {
  min-width: 760px;
}

.admin-odeme-table th,
.admin-odeme-table td {
  vertical-align: middle;
}

.admin-odeme-table th:nth-child(5),
.admin-odeme-table td:nth-child(5),
.admin-odeme-table th:nth-child(6),
.admin-odeme-table td:nth-child(6) {
  text-align: center;
}

.admin-odeme-table td:nth-child(6) .admin-odeme-status {
  margin-inline: auto;
}

.admin-odeme-table .admin-users-table__actions-head,
.admin-odeme-table .admin-users-table__actions-cell {
  width: 1%;
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
}

.admin-odeme-table .admin-users-actions {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: max-content;
  margin-inline: auto;
}

.admin-odeme-table .admin-users-actions__form {
  display: contents !important;
}

.admin-odeme-modal__dialog {
  width: min(100%, 520px);
}

.admin-odeme-modal__body {
  gap: 16px;
}

.admin-odeme-modal__hero {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  padding: 16px;
  border: 1px solid var(--hdr-line);
  border-radius: 14px;
  background: var(--hdr-page-bg);
}

.admin-odeme-modal__amount {
  margin: 0;
  color: var(--hdr-login);
  font-size: 1.55rem;
  font-weight: 800;
  line-height: 1.15;
  letter-spacing: -0.02em;
}

.admin-odeme-modal__hero-meta {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 0;
  color: var(--hdr-search-fg);
  font-size: var(--hdr-font-sm, 13px);
  font-weight: 600;
}

.admin-odeme-modal__meta {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px 14px;
  margin: 0;
}

.admin-odeme-modal__meta > div {
  min-width: 0;
}

.admin-odeme-modal__meta dt {
  margin: 0 0 3px;
  color: var(--hdr-search-fg);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.01em;
}

.admin-odeme-modal__meta dd {
  margin: 0;
  color: var(--hdr-btn-fg);
  font-size: var(--hdr-font-sm, 14px);
  font-weight: 650;
  word-break: break-word;
}

.admin-odeme-modal__form {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.admin-odeme-modal__label {
  font-size: var(--hdr-font-sm, 13px);
  font-weight: 650;
  color: var(--hdr-btn-fg);
}

.admin-odeme-modal__label span {
  color: var(--hdr-search-fg);
  font-weight: 500;
}

.admin-odeme-modal__textarea {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid var(--hdr-line);
  border-radius: 12px;
  background: var(--hdr-page-bg);
  color: var(--hdr-btn-fg);
  font: inherit;
  padding: 12px 14px;
  resize: vertical;
  min-height: 72px;
}

.admin-odeme-modal__textarea:focus {
  outline: none;
  border-color: var(--hdr-search-focus, var(--hdr-register));
  box-shadow: none;
}

.admin-odeme-modal__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 6px;
}

.admin-odeme-modal__actions .admin-users-btn:focus-visible {
  outline: 2px solid var(--hdr-search-focus, var(--hdr-register));
  outline-offset: 2px;
}

@media (max-width: 720px) {
  .admin-odeme-modal__meta {
    grid-template-columns: 1fr;
  }

  .admin-odeme-modal__actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
  }

  .admin-odeme-modal__actions .admin-users-btn {
    width: 100%;
    min-width: 0;
    justify-content: center;
    padding: 0 12px;
  }

  .admin-odeme-modal__actions .admin-users-btn span {
    display: inline;
  }

  .admin-odeme-modal__actions .admin-odeme-modal__btn--reject {
    order: 1;
  }

  .admin-odeme-modal__actions .admin-odeme-modal__btn--approve {
    order: 2;
  }

  .admin-odeme-modal__actions .admin-odeme-modal__btn--delete {
    grid-column: 1 / -1;
    order: 3;
  }
}

.admin-odeme-modal__meta > .admin-bize-sat-meta-wide {
  grid-column: 1 / -1;
}

.admin-odeme-modal__meta > .admin-bize-sat-meta-wide dd {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.admin-cekilis-actions {
  display: inline-flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
  white-space: nowrap;
}

.admin-cekilis-actions form {
  display: contents;
  margin: 0;
}

.admin-cekilis-actions .admin-users-btn {
  flex: 0 0 auto;
  width: auto;
  min-width: 0;
  min-height: 30px;
  padding: 0 10px;
  font-size: 12px;
  white-space: nowrap;
}

.admin-cekilisler {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.admin-cekilisler .admin-users-card__desc strong {
  color: var(--hdr-register);
  font-weight: 800;
}

.admin-cekilisler-form {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(0, 1.2fr) 90px 130px auto;
  gap: 10px;
  align-items: end;
  padding: 14px 16px 16px;
  box-sizing: border-box;
}

.admin-cekilisler-field {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
  font-size: 12px;
  font-weight: 650;
  color: var(--hdr-search-fg);
}

.admin-cekilisler-field__mode {
  font-weight: 500;
  color: var(--hdr-register);
}

.admin-cekilisler-field input,
.admin-cekilisler-field select {
  width: 100%;
  min-height: 40px;
  padding: 0 12px;
  border: 1px solid var(--hdr-line);
  border-radius: var(--hdr-btn-radius, 10px);
  background: var(--hdr-field, var(--hdr-search-bg));
  color: var(--hdr-btn-fg);
  font: inherit;
  font-size: var(--hdr-font-sm, 14px);
  font-weight: 600;
  box-sizing: border-box;
  color-scheme: dark;
}

.admin-cekilisler-field input:focus {
  outline: none;
  border-color: var(--hdr-search-focus, var(--hdr-register));
  box-shadow: none;
}

.admin-cekilisler-form__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.admin-cekilisler-form__actions .admin-users-btn {
  min-height: 40px;
}

.admin-cekilisler-empty-hint {
  margin: 0;
  padding: 0 16px 16px;
  color: var(--hdr-search-fg);
  font-size: var(--hdr-font-sm, 13px);
  line-height: 1.4;
}

.admin-cekilisler-toolbar {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-left: auto;
  min-width: 0;
}

.admin-cekilisler-table {
  min-width: 860px;
}

.admin-cekilisler-table td strong {
  color: var(--hdr-btn-fg);
  font-weight: 700;
}

.admin-cekilisler-join {
  color: var(--hdr-btn-fg);
  font-weight: 700;
}

.admin-cekilisler-join-real {
  display: block;
  margin-top: 2px;
  font-size: 12px;
  color: var(--hdr-search-fg);
}

.admin-cekilisler-table .admin-users-table__actions-head,
.admin-cekilisler-table .admin-users-table__actions-cell {
  width: 1%;
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
}

@media (max-width: 1100px) {
  .admin-cekilisler-form {
    grid-template-columns: 1fr 1fr;
  }

  .admin-cekilisler-field--title,
  .admin-cekilisler-form__actions {
    grid-column: 1 / -1;
  }
}

@media (max-width: 720px) {
  .admin-cekilisler .admin-cekilisler-create > .admin-users-card__header,
  .admin-cekilisler .admin-users-card:not(.admin-cekilisler-create) > .admin-users-card__header {
    display: none;
  }

  .admin-cekilisler-form {
    grid-template-columns: 1fr;
    padding: 12px 14px 14px;
  }

  .admin-cekilisler-field--title,
  .admin-cekilisler-form__actions {
    grid-column: auto;
  }

  .admin-cekilisler-form__actions .admin-users-btn {
    flex: 1 1 auto;
    justify-content: center;
  }

  .admin-cekilisler-form__actions .admin-users-btn span {
    display: inline;
  }

  .admin-cekilis-actions {
    justify-content: flex-end;
  }

  .admin-cekilis-actions .admin-users-btn span {
    display: inline;
  }
}

.admin-cekilisler-note {
  margin-top: 4px;
  max-width: 220px;
  color: var(--hdr-muted, #9aa3b2);
  font-size: 0.78rem;
  line-height: 1.35;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-kimlik {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.admin-kimlik .admin-users-card__desc {
  letter-spacing: normal;
  word-spacing: normal;
}

.admin-kimlik .admin-users-card__desc strong,
.admin-reviews .admin-users-card__desc strong {
  color: var(--hdr-register);
  font-weight: 800;
}

.admin-kimlik-toolbar,
.admin-kripto-toolbar,
.admin-odeme-toolbar,
.admin-orders-toolbar,
.admin-reviews-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex: 1 1 280px;
  margin-left: auto;
  min-width: 0;
}

.admin-kimlik-toolbar .admin-users-search,
.admin-kripto-toolbar .admin-users-search,
.admin-odeme-toolbar .admin-users-search,
.admin-orders-toolbar .admin-users-search,
.admin-reviews-toolbar .admin-users-search {
  flex: 0 1 220px;
  width: 220px;
  max-width: 100%;
  margin-left: 0;
}

.admin-kimlik-toolbar .admin-users-search__field input,
.admin-kripto-toolbar .admin-users-search__field input,
.admin-odeme-toolbar .admin-users-search__field input,
.admin-orders-toolbar .admin-users-search__field input,
.admin-reviews-toolbar .admin-users-search__field input {
  height: 38px;
  border-color: var(--hdr-line);
  background: var(--hdr-page-bg);
}

.admin-kimlik-toolbar .admin-users-btn,
.admin-kripto-toolbar .admin-users-btn,
.admin-odeme-toolbar .admin-users-btn,
.admin-orders-toolbar .admin-users-btn,
.admin-reviews-toolbar .admin-users-btn {
  flex: 0 0 auto;
  min-height: 38px;
  padding: 0 12px;
  font-size: var(--hdr-font-sm, 13px);
}

.admin-kimlik-table {
  min-width: 720px;
}

.admin-kimlik-table .admin-users-table__actions-head,
.admin-kimlik-table .admin-users-table__actions-cell {
  width: 1%;
  white-space: nowrap;
  text-align: center;
}

.admin-kimlik-modal__dialog {
  width: min(100%, 720px);
}

.admin-kimlik-modal__body {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.admin-kimlik-doc {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 12px;
  border-radius: 12px;
  border: 1px solid var(--hdr-line);
  background: var(--hdr-page-bg);
  box-sizing: border-box;
}

.admin-kimlik-doc__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.admin-kimlik-doc__head strong {
  color: var(--hdr-btn-fg);
  font-size: var(--hdr-font-sm, 14px);
  font-weight: 700;
}

.admin-kimlik-doc__head a {
  color: var(--hdr-register);
  font-size: var(--hdr-font-sm, 13px);
  font-weight: 650;
  text-decoration: none;
}

.admin-kimlik-doc__head a:hover {
  color: var(--hdr-register-hover);
  text-decoration: underline;
}

.admin-kimlik-doc__frame {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 220px;
  max-height: 420px;
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid var(--hdr-line);
  background: var(--hdr-page-bg);
}

.admin-kimlik-doc__frame img,
.admin-kimlik-doc__frame iframe {
  display: block;
  width: 100%;
  max-height: 420px;
  height: auto;
  min-height: 0;
  object-fit: contain;
  background: var(--hdr-page-bg);
  border: 0;
}

.admin-kimlik-doc__frame iframe {
  min-height: 280px;
  height: 360px;
}

.admin-kimlik-doc__frame img[hidden],
.admin-kimlik-doc__frame iframe[hidden],
.admin-kimlik-doc__frame [hidden] {
  display: none !important;
}

.admin-kimlik-doc__empty {
  margin: 0;
  padding: 48px 16px;
  text-align: center;
  color: var(--hdr-search-fg);
  font-size: var(--hdr-font-sm, 13px);
}

.admin-kimlik-actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  flex-wrap: wrap;
}

.admin-kimlik-actions .admin-users-btn {
  min-height: 38px;
}

.admin-kimlik-delete {
  margin-top: 4px;
  padding-top: 10px;
  border-top: 1px solid var(--hdr-line);
}

@media (max-width: 720px) {
  .admin-kimlik .admin-users-card__header {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
  }

  .admin-kimlik .admin-users-card__title-wrap {
    display: block;
    flex: none;
  }

  .admin-kimlik .admin-users-card__title {
    text-align: left;
  }

  .admin-kimlik-toolbar {
    display: flex;
    width: 100%;
    margin-left: 0;
    flex: none;
  }

  .admin-kimlik-toolbar .admin-select,
  .admin-kimlik-toolbar .admin-users-btn {
    display: none !important;
  }

  .admin-kimlik-toolbar .admin-users-search {
    width: 100%;
    max-width: none;
    flex: 1 1 auto;
  }

  .admin-odeme-toolbar {
    display: none;
  }

  .admin-reviews-toolbar {
    width: 100%;
    margin-left: 0;
    flex: none;
  }

  .admin-reviews-toolbar .admin-users-search {
    flex: 1 1 100%;
    width: 100%;
    max-width: none;
  }

  .admin-orders-toolbar {
    display: flex;
    width: 100%;
    margin-left: 0;
    flex: none;
  }

  .admin-orders-toolbar .admin-select,
  .admin-orders-toolbar .admin-users-btn {
    display: none !important;
  }

  .admin-orders-toolbar .admin-users-search {
    width: 100%;
    max-width: none;
    flex: 1 1 auto;
  }

  .admin-kripto-toolbar {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    grid-template-areas:
      'direction status'
      'search search'
      'action action';
    width: 100%;
    margin-left: 0;
    flex: none;
  }

  .admin-kripto-toolbar .admin-select:first-of-type {
    grid-area: direction;
    width: 100%;
    min-width: 0;
  }

  .admin-kripto-toolbar .admin-select:last-of-type {
    grid-area: status;
    width: 100%;
    min-width: 0;
  }

  .admin-kripto-toolbar .admin-users-btn {
    grid-area: action;
  }

  .admin-kripto-toolbar .admin-users-btn span {
    display: inline;
  }

  .admin-kripto-toolbar .admin-users-search {
    grid-area: search;
    width: 100%;
    max-width: none;
  }

  .admin-kimlik-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
  }

  .admin-kimlik-actions [data-admin-kimlik-close] {
    grid-column: 1 / -1;
    order: 3;
  }

  .admin-kimlik-actions .admin-users-btn--danger {
    order: 1;
  }

  .admin-kimlik-actions .admin-users-btn--ok {
    order: 2;
  }

  .admin-kimlik-actions .admin-users-btn {
    width: 100%;
    min-width: 0;
    justify-content: center;
    padding: 0 12px;
  }

  .admin-kimlik-actions .admin-users-btn span {
    display: inline;
  }
}

.admin-bize-sat {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.admin-bize-sat .admin-users-card__desc {
  letter-spacing: normal;
  word-spacing: normal;
}

.admin-bize-sat .admin-users-card__desc strong {
  color: var(--hdr-register);
  font-weight: 800;
}

.admin-bize-sat-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex: 1 1 280px;
  margin-left: auto;
  min-width: 0;
  padding: 0;
  border: 0;
  box-sizing: border-box;
}

.admin-bize-sat-toolbar .admin-users-search {
  flex: 0 1 220px;
  width: 220px;
  max-width: 100%;
  min-width: 140px;
  margin-left: 0;
}

.admin-bize-sat-toolbar .admin-users-search__field {
  width: 100%;
  max-width: none;
  min-width: 0;
}

.admin-bize-sat-toolbar .admin-users-search__field input {
  height: 38px;
  border-color: var(--hdr-line);
  background: var(--hdr-page-bg);
}

.admin-bize-sat-toolbar .admin-users-btn {
  flex: 0 0 auto;
  min-height: 38px;
  padding: 0 12px;
  font-size: var(--hdr-font-sm, 13px);
  white-space: nowrap;
}

.admin-bize-sat-price {
  color: var(--hdr-login);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.admin-bize-sat-table {
  min-width: 720px;
}

.admin-bize-sat-table td strong:not(.admin-bize-sat-price) {
  color: var(--hdr-btn-fg);
  font-weight: 700;
}

.admin-bize-sat-table .admin-users-table__actions-head,
.admin-bize-sat-table .admin-users-table__actions-cell {
  width: 1%;
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
  padding-inline: 12px;
}

.admin-bize-sat-table .admin-users-actions {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: max-content;
  margin-inline: auto;
}

.admin-bize-sat-table .admin-users-actions__form {
  display: contents;
  margin: 0;
}

.admin-bize-sat-table .admin-users-actions .admin-users-btn {
  width: auto;
  flex-shrink: 0;
}

.admin-bize-sat-table .admin-users-actions .admin-users-icon-btn {
  width: 32px;
  height: 32px;
  min-width: 32px;
  min-height: 32px;
  padding: 0;
  flex-shrink: 0;
}

.admin-bize-sat-modal__dialog {
  width: min(100%, 520px);
}

.admin-bize-sat .admin-odeme-modal__meta a {
  color: var(--hdr-register);
  font-weight: 650;
  text-decoration: none;
  word-break: break-all;
}

.admin-bize-sat .admin-odeme-modal__meta a:hover {
  color: var(--hdr-register-hover);
  text-decoration: underline;
}

.admin-bize-sat-modal__actions .admin-users-btn {
  min-height: 38px;
}

@media (max-width: 720px) {
  .admin-bize-sat .admin-users-card__header {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
  }

  .admin-bize-sat .admin-users-card__title-wrap {
    display: block;
    flex: none;
  }

  .admin-bize-sat .admin-users-card__title {
    text-align: left;
  }

  .admin-bize-sat-toolbar {
    display: flex;
    width: 100%;
    margin-left: 0;
    flex: none;
  }

  .admin-bize-sat-toolbar .admin-select,
  .admin-bize-sat-toolbar .admin-users-btn {
    display: none !important;
  }

  .admin-bize-sat-toolbar .admin-users-search {
    width: 100%;
    max-width: none;
    flex: 1 1 auto;
  }

  .admin-bize-sat-modal__actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
  }

  .admin-bize-sat-modal__actions .admin-users-btn {
    width: 100%;
    min-width: 0;
    justify-content: center;
    padding: 0 12px;
  }

  .admin-bize-sat-modal__actions .admin-users-btn span {
    display: inline;
  }
}

.admin-destek {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.admin-destek .admin-users-card__desc strong {
  color: var(--hdr-register);
  font-weight: 800;
}

.admin-destek-card {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 0;
  min-height: 0;
  border: 0;
  background: transparent;
  overflow: visible;
  box-shadow: none;
}

.admin-destek-card > .admin-users-card__header {
  flex: 0 0 auto;
  padding: 14px 16px;
  border: 1px solid var(--hdr-line);
  border-radius: 14px;
  background: var(--hdr-header-bg);
}

.admin-destek-layout {
  flex: 1 1 auto;
  height: min(68vh, 680px);
  min-height: 420px;
  max-height: min(72vh, 720px);
  display: grid;
  grid-template-columns: minmax(240px, 300px) minmax(0, 1fr);
  gap: 14px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  overflow: hidden;
  align-items: stretch;
  box-sizing: border-box;
}

.admin-destek-sidebar {
  height: 100%;
  min-height: 0;
  max-height: 100%;
  border: 1px solid var(--hdr-line);
  border-radius: 14px;
  background: var(--hdr-header-bg);
  overflow: hidden;
  box-sizing: border-box;
}

.admin-destek-sidebar__head {
  display: grid;
  gap: 10px;
  padding: 12px 14px;
  border-bottom: 1px solid var(--hdr-line);
}

.admin-destek-sidebar__head h2 {
  margin: 0;
  color: var(--hdr-btn-fg);
  font-size: 14px;
  font-weight: 800;
}

.admin-destek-sidebar .admin-users-search {
  width: 100%;
  margin: 0;
}

.admin-destek-sidebar .admin-users-search__field {
  width: 100%;
  max-width: none;
}

.admin-destek-sidebar .admin-users-search__field input {
  height: 38px;
  border-color: var(--hdr-line);
  background: var(--hdr-search-bg);
}

.admin-destek-send {
  width: 100%;
  justify-content: center;
}

.admin-destek-locked,
.admin-destek-placeholder {
  color: var(--hdr-search-fg);
}

.admin-destek-locked i,
.admin-destek-locked svg,
.admin-destek-placeholder i,
.admin-destek-placeholder svg {
  color: var(--hdr-register);
}

.admin-destek-locked h3,
.admin-destek-placeholder h2 {
  color: var(--hdr-btn-fg);
}

@media (max-width: 860px) {
  .admin-destek-card {
    min-height: 0;
  }

  .admin-destek-layout {
    grid-template-columns: 1fr;
    height: min(75vh, 720px);
    min-height: 360px;
  }

  .admin-destek-layout.active-chat-selected .admin-destek-sidebar {
    display: none;
  }

  .admin-destek-layout:not(.active-chat-selected) .admin-destek-main {
    display: none;
  }

  .admin-destek-actions {
    width: 100%;
  }

  .admin-destek-actions .admin-users-btn {
    flex: 1 1 auto;
    justify-content: center;
  }

  .admin-destek-actions .admin-users-btn span {
    display: inline;
  }
}

@media (max-width: 720px) {
  .admin-destek-card > .admin-users-card__header {
    display: none;
  }

  .admin-destek-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 100%;
  }

  .admin-destek-actions .admin-odeme-status {
    grid-column: 1 / -1;
    justify-self: start;
  }

  .admin-destek-action-form {
    display: contents;
  }

  .admin-destek-actions .admin-users-btn--ok {
    order: 1;
  }

  .admin-destek-actions .admin-users-btn--danger {
    order: 2;
  }
}

.admin-hediye {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.admin-hediye-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  align-items: stretch;
}

.admin-hediye-card {
  min-width: 0;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.admin-hediye-card > .admin-users-card__header {
  flex: 0 0 auto;
}

.admin-hediye-form {
  display: flex;
  flex-direction: column;
  gap: 12px;
  flex: 1 1 auto;
  padding: 14px 16px 16px;
  box-sizing: border-box;
}

.admin-hediye-form__row {
  display: grid;
  grid-template-columns: 100px minmax(0, 1fr);
  gap: 10px;
  align-items: end;
}

.admin-hediye-field {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
  font-size: 12px;
  font-weight: 650;
  color: var(--hdr-search-fg);
}

.admin-hediye-field em {
  font-style: normal;
  font-weight: 500;
  color: var(--hdr-muted);
}

.admin-hediye-field input,
.admin-hediye-field select {
  width: 100%;
  min-height: 40px;
  padding: 0 12px;
  border: 1px solid var(--hdr-line);
  border-radius: var(--hdr-btn-radius, 10px);
  background: var(--hdr-field, var(--hdr-search-bg));
  color: var(--hdr-btn-fg);
  font: inherit;
  font-size: var(--hdr-font-sm, 14px);
  font-weight: 600;
  box-sizing: border-box;
  outline: none;
  caret-color: var(--hdr-search-focus);
}

.admin-hediye-field input::placeholder {
  color: var(--hdr-search-fg);
  font-weight: 500;
}

.admin-hediye-field input:focus {
  border-color: var(--hdr-search-focus, var(--hdr-register));
  box-shadow: none;
}

.admin-hediye-field .admin-select .register-custom-select__btn {
  background: var(--hdr-field, var(--hdr-search-bg));
}

.admin-hediye-submit {
  width: 100%;
  justify-content: center;
  min-height: 40px;
  margin-top: auto;
}

.admin-hediye-hint {
  margin: 0;
  color: var(--hdr-search-fg);
  font-size: var(--hdr-font-sm, 13px);
  line-height: 1.4;
}

.admin-hediye-table {
  min-width: 720px;
}

.admin-hediye-table td strong {
  color: var(--hdr-btn-fg);
  font-weight: 700;
}

.admin-hediye-detail {
  display: block;
  color: var(--hdr-btn-fg);
  font-weight: 600;
}

.admin-hediye-note {
  display: block;
  margin-top: 2px;
  color: var(--hdr-search-fg);
  font-size: 12px;
  line-height: 1.35;
}

.admin-hediye-amount {
  color: var(--hdr-login);
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

@media (max-width: 900px) {
  .admin-hediye-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 720px) {
  .admin-hediye-card > .admin-users-card__header {
    display: none;
  }

  .admin-hediye-form__row {
    grid-template-columns: 90px minmax(0, 1fr);
  }

  .admin-hediye-submit span {
    display: inline;
  }
}

.admin-kripto {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.admin-kripto-stats {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
}

.admin-kripto-stat {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
  padding: 14px;
  border: 1px solid var(--hdr-line);
  border-radius: 14px;
  background: var(--hdr-header-bg);
  box-shadow: none;
  box-sizing: border-box;
}

.admin-kripto-stat strong {
  color: var(--hdr-btn-fg);
  font-size: 1rem;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: -0.01em;
  word-break: break-word;
}

.admin-kripto-stat span {
  color: var(--hdr-search-fg);
  font-size: var(--hdr-font-sm, 13px);
  font-weight: 500;
  line-height: 1.3;
}

.admin-kripto-settings {
  margin: 0;
  min-width: 0;
}

.admin-kripto-main {
  display: grid;
  grid-template-columns: minmax(320px, 0.9fr) minmax(0, 1.4fr);
  gap: 14px;
  align-items: stretch;
}

.admin-kripto-main > .admin-users-card {
  display: flex;
  flex-direction: column;
  min-height: 100%;
}

.admin-kripto-requests .admin-users-table-wrap {
  flex: 1 1 auto;
}

.admin-kripto-settings__form {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 14px 16px 16px;
  flex: 1 1 auto;
}

.admin-kripto-settings__toggle {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--hdr-btn-fg);
  font-size: var(--hdr-font-sm, 13px);
  font-weight: 650;
}

.admin-kripto-settings__toggle input {
  width: 16px;
  height: 16px;
  accent-color: var(--hdr-login);
}

.admin-kripto-settings__status {
  display: flex;
  flex-direction: column;
  gap: 6px;
  color: var(--hdr-btn-fg);
  font-size: var(--hdr-font-xs, 12px);
  font-weight: 650;
}

.admin-kripto-settings__status select {
  width: 100%;
  min-height: 40px;
  padding: 0 12px;
  border: 1px solid var(--hdr-line);
  border-radius: 10px;
  background: var(--hdr-search-bg, transparent);
  color: var(--hdr-btn-fg);
  font: inherit;
  font-size: var(--hdr-font-sm, 13px);
}

.admin-kripto-settings__form > .admin-users-btn {
  align-self: stretch;
  width: 100%;
  justify-content: center;
  margin-top: auto;
}

.admin-kripto-settings__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
}

.admin-kripto-settings__grid label {
  display: flex;
  flex-direction: column;
  gap: 4px;
  font-size: 12px;
  color: var(--hdr-search-fg);
  font-weight: 650;
}

.admin-kripto-settings__grid input {
  min-height: 40px;
  padding: 0 10px;
  border: 1px solid var(--hdr-line);
  border-radius: var(--hdr-btn-radius, 10px);
  background: var(--hdr-page-bg);
  color: var(--hdr-btn-fg);
  font: inherit;
  font-size: var(--hdr-font-sm, 14px);
  font-weight: 600;
  box-sizing: border-box;
}

.admin-kripto-settings__grid input:focus {
  outline: none;
  border-color: var(--hdr-search-focus, var(--hdr-register));
  box-shadow: none;
}

.admin-kripto .admin-users-table td strong {
  color: var(--hdr-btn-fg);
  font-weight: 700;
}

.admin-kripto .admin-users-table td:nth-child(4) strong {
  color: var(--hdr-login);
  font-variant-numeric: tabular-nums;
}

.admin-kripto-net {
  margin-top: 2px;
  font-size: 12px;
  color: var(--hdr-search-fg);
}

.admin-kripto-dialog {
  width: min(560px, calc(100vw - 24px));
  max-height: min(90vh, 720px);
  padding: 0;
  border: 1px solid var(--hdr-line);
  border-radius: var(--hdr-modal-radius, 14px);
  background: var(--hdr-header-bg);
  color: var(--hdr-btn-fg);
  box-shadow: none;
}

.admin-kripto-dialog::backdrop {
  background: rgba(0, 0, 0, 0.62);
}

.admin-kripto-dialog__form {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 16px;
}

.admin-kripto-dialog__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}

.admin-kripto-dialog__head h2 {
  margin: 0;
  color: var(--hdr-btn-fg);
  font-size: var(--hdr-modal-title-size, 15px);
  font-weight: 800;
  line-height: 1.25;
}

.admin-kripto-dialog__head p {
  margin: 4px 0 0;
  color: var(--hdr-search-fg);
  font-size: var(--hdr-font-sm, 13px);
}

.admin-kripto-dialog__head .admin-users-btn {
  width: 36px;
  height: 36px;
  min-height: 36px;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--hdr-search-fg);
}

.admin-kripto-dialog__head .admin-users-btn:hover {
  color: var(--hdr-btn-fg);
  background: transparent;
}

.admin-kripto-dialog__meta {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  padding: 12px 14px;
  border-radius: 12px;
  background: var(--hdr-page-bg);
  border: 1px solid var(--hdr-line);
  font-size: 12px;
  color: var(--hdr-search-fg);
}

.admin-kripto-dialog__meta strong {
  display: block;
  margin-top: 2px;
  color: var(--hdr-btn-fg);
  font-size: var(--hdr-font-sm, 13px);
  font-weight: 700;
  word-break: break-word;
}

.admin-kripto-dialog__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

.admin-kripto-dialog__grid label {
  display: flex;
  flex-direction: column;
  gap: 4px;
  font-size: 12px;
  font-weight: 650;
  color: var(--hdr-search-fg);
}

.admin-kripto-dialog__grid input,
.admin-kripto-dialog__grid select,
.admin-kripto-dialog__grid textarea {
  min-height: 40px;
  padding: 8px 10px;
  border: 1px solid var(--hdr-line);
  border-radius: var(--hdr-btn-radius, 10px);
  background: var(--hdr-page-bg);
  color: var(--hdr-btn-fg);
  font: inherit;
  font-size: var(--hdr-font-sm, 14px);
  font-weight: 600;
  box-sizing: border-box;
}

.admin-kripto-dialog__grid input:focus,
.admin-kripto-dialog__grid select:focus,
.admin-kripto-dialog__grid textarea:focus {
  outline: none;
  border-color: var(--hdr-search-focus, var(--hdr-register));
  box-shadow: none;
}

.admin-kripto-dialog__grid textarea {
  min-height: 84px;
  resize: vertical;
}

.admin-kripto-dialog__full {
  grid-column: 1 / -1;
}

.admin-kripto-dialog__foot {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}

.admin-kripto-dialog__foot .admin-users-btn {
  min-height: 38px;
  padding: 0 12px;
  font-size: var(--hdr-font-sm, 14px);
}

@media (max-width: 1100px) {
  .admin-kripto-main {
    grid-template-columns: 1fr;
  }

  .admin-kripto-settings__grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 960px) {
  .admin-kripto-stats {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 640px) {
  .admin-kripto-stats,
  .admin-kripto-settings__grid,
  .admin-kripto-dialog__grid,
  .admin-kripto-dialog__meta {
    grid-template-columns: 1fr;
  }
}

.site-maintenance {
  position: relative;
  isolation: isolate;
  min-height: 100vh;
  min-height: 100dvh;
  display: grid;
  place-items: center;
  padding: clamp(24px, 5vw, 48px) 16px;
  box-sizing: border-box;
  overflow: hidden;
  background:
    radial-gradient(120% 80% at 50% -10%, rgba(229, 47, 51, 0.16), transparent 55%),
    radial-gradient(80% 50% at 100% 100%, rgba(172, 30, 30, 0.12), transparent 50%),
    linear-gradient(180deg, #0c0f14 0%, #0a0c10 55%, #08090c 100%);
  font-family: 'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.site-maintenance__glow {
  position: absolute;
  inset: auto 0 18% 0;
  height: 280px;
  margin: auto;
  max-width: 520px;
  border-radius: 999px;
  background: radial-gradient(closest-side, rgba(229, 47, 51, 0.18), transparent 72%);
  filter: blur(18px);
  pointer-events: none;
  z-index: 0;
  animation: site-maintenance-glow 4.8s ease-in-out infinite;
}

.site-maintenance__panel {
  position: relative;
  z-index: 1;
  width: min(100%, 460px);
  padding: clamp(28px, 4vw, 40px) clamp(22px, 4vw, 36px) clamp(26px, 4vw, 34px);
  border: 1px solid color-mix(in srgb, var(--hdr-line) 88%, #fff 12%);
  border-radius: 22px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.03), transparent 34%),
    color-mix(in srgb, var(--hdr-header-bg, #11141a) 92%, #000 8%);
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.02) inset,
    0 28px 60px rgba(0, 0, 0, 0.42);
  text-align: center;
  box-sizing: border-box;
  animation: site-maintenance-rise 0.55s ease-out both;
}

.site-maintenance__brand {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: 0 auto 22px;
  line-height: 0;
}

.site-maintenance__brand img {
  display: block;
  width: auto;
  height: clamp(40px, 8vw, 52px);
  max-width: min(100%, 220px);
  object-fit: contain;
  object-position: center;
}

.site-maintenance__status {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 30px;
  margin: 0 auto 16px;
  padding: 0 12px;
  border-radius: 999px;
  border: 1px solid color-mix(in srgb, var(--hdr-register) 42%, transparent);
  background: color-mix(in srgb, var(--hdr-register) 12%, transparent);
  color: #ffb4b6;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.02em;
}

.site-maintenance__pulse {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--hdr-register, #e52f33);
  box-shadow: 0 0 0 0 rgba(229, 47, 51, 0.55);
  animation: site-maintenance-pulse 1.8s ease-out infinite;
  flex-shrink: 0;
}

.site-maintenance__title {
  margin: 0 0 4px;
  color: var(--hdr-btn-fg, #fdfcfd);
  font-size: clamp(1.45rem, 3.4vw, 1.85rem);
  font-weight: 800;
  letter-spacing: -0.02em;
  line-height: 1.2;
}

.site-maintenance__bar {
  position: relative;
  width: min(100%, 220px);
  height: 3px;
  margin: 26px auto 0;
  overflow: hidden;
  border-radius: 999px;
  background: color-mix(in srgb, var(--hdr-line, #2d303a) 80%, transparent);
}

.site-maintenance__bar span {
  position: absolute;
  inset: 0 auto 0 0;
  width: 42%;
  border-radius: inherit;
  background: linear-gradient(90deg, transparent, var(--hdr-register, #e52f33), transparent);
  animation: site-maintenance-bar 1.7s ease-in-out infinite;
}

@keyframes site-maintenance-rise {
  from {
    opacity: 0;
    transform: translateY(14px) scale(0.985);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@keyframes site-maintenance-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(229, 47, 51, 0.55);
  }
  70% {
    box-shadow: 0 0 0 10px rgba(229, 47, 51, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(229, 47, 51, 0);
  }
}

@keyframes site-maintenance-bar {
  0% {
    transform: translateX(-120%);
  }
  100% {
    transform: translateX(280%);
  }
}

@keyframes site-maintenance-glow {
  0%,
  100% {
    opacity: 0.55;
    transform: scale(0.96);
  }
  50% {
    opacity: 1;
    transform: scale(1.04);
  }
}

@media (prefers-reduced-motion: reduce) {
  .site-maintenance__panel,
  .site-maintenance__pulse,
  .site-maintenance__bar span,
  .site-maintenance__glow {
    animation: none;
  }
}

body.site-maintenance-login .site-main--secure-login {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px 16px;
  box-sizing: border-box;
}

body.site-maintenance-login .login-modal-root,
body.site-maintenance-login .login-modal-root[hidden],
body.site-maintenance-login .login-modal-root.is-open {
  position: static;
  inset: auto;
  display: block !important;
  width: 100%;
  max-width: 420px;
  margin: 0 auto;
  z-index: 1;
}

body.site-maintenance-login .login-modal__backdrop {
  display: none;
}

body.site-maintenance-login .login-modal__close {
  display: none;
}

body.site-maintenance-login .login-modal {
  position: static;
}

body.site-maintenance-login .login-modal__dialog {
  position: static;
  transform: none;
  width: 100%;
  max-width: none;
  margin: 0;
}

.site-main--404 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: min(68vh, 640px);
  padding: clamp(28px, 5vw, 48px) 16px;
  box-sizing: border-box;
}

.site-404 {
  width: min(100%, 520px);
  margin: 0 auto;
}

.site-404__panel {
  position: relative;
  padding: clamp(28px, 4vw, 40px) clamp(22px, 4vw, 32px);
  border: 1px solid var(--hdr-line);
  border-radius: var(--hdr-modal-radius, 14px);
  background: var(--hdr-header-bg);
  text-align: center;
  overflow: hidden;
  animation: site-404-rise 0.45s ease-out both;
}

.site-404__panel::before {
  content: '';
  position: absolute;
  inset: 0 0 auto 0;
  height: 2px;
  background: linear-gradient(90deg, transparent, var(--hdr-register), transparent);
  opacity: 0.85;
  pointer-events: none;
}

.site-404__code {
  margin: 0 0 10px;
  font-size: clamp(56px, 12vw, 88px);
  font-weight: 800;
  line-height: 0.95;
  letter-spacing: -0.04em;
  color: color-mix(in srgb, var(--hdr-register) 72%, var(--hdr-btn-fg));
  opacity: 0.92;
}

.site-404__title {
  margin: 0 0 10px;
  font-size: clamp(20px, 3.2vw, 26px);
  font-weight: 800;
  line-height: 1.2;
  color: var(--hdr-btn-fg);
}

.site-404__text {
  margin: 0 0 22px;
  font-size: var(--hdr-font-sm, 13px);
  font-weight: 500;
  line-height: 1.5;
  color: var(--hdr-search-fg);
}

.site-404__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: center;
}

.site-404__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  min-width: 120px;
  padding: 0 16px;
  border-radius: var(--hdr-btn-radius);
  font: inherit;
  font-size: var(--hdr-font-sm, 13px);
  font-weight: 700;
  text-decoration: none;
  box-sizing: border-box;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.site-404__btn--primary {
  border: 1px solid var(--hdr-register);
  background: var(--hdr-register);
  color: var(--hdr-btn-fg);
}

.site-404__btn--primary:hover,
.site-404__btn--primary:focus-visible {
  background: var(--hdr-register-hover);
  border-color: var(--hdr-register-hover);
  color: var(--hdr-btn-fg);
  outline: none;
}

.site-404__btn--ghost {
  border: 1px solid var(--hdr-line);
  background: var(--hdr-page-bg);
  color: var(--hdr-btn-fg);
}

.site-404__btn--ghost:hover,
.site-404__btn--ghost:focus-visible {
  border-color: var(--hdr-line);
  background: var(--hdr-page-bg);
  color: var(--hdr-btn-fg);
  outline: none;
}

@keyframes site-404-rise {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (prefers-reduced-motion: reduce) {
  .site-404__panel {
    animation: none;
  }
}

.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container:not(.ql-disabled) li[data-list=checked] > .ql-ui,.ql-container:not(.ql-disabled) li[data-list=unchecked] > .ql-ui{cursor:pointer}.ql-clipboard{left:-100000px;height:1px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{box-sizing:border-box;counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;line-height:1.42;height:100%;outline:none;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word}.ql-editor > *{cursor:text}.ql-editor p,.ql-editor ol,.ql-editor pre,.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{margin:0;padding:0}@supports (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-set:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor table{border-collapse:collapse}.ql-editor td{border:1px solid var(--border-color);padding:2px 5px}.ql-editor ol{padding-left:1.5em}.ql-editor li{list-style-type:none;padding-left:1.5em;position:relative}.ql-editor li > .ql-ui:before{display:inline-block;margin-left:-1.5em;margin-right:.3em;text-align:right;white-space:nowrap;width:1.2em}.ql-editor li[data-list=checked] > .ql-ui,.ql-editor li[data-list=unchecked] > .ql-ui{color:var(--text-secondary)}.ql-editor li[data-list=bullet] > .ql-ui:before{content:'\2022'}.ql-editor li[data-list=checked] > .ql-ui:before{content:'\2611'}.ql-editor li[data-list=unchecked] > .ql-ui:before{content:'\2610'}@supports (counter-set:none){.ql-editor li[data-list]{counter-set:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list]{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered]{counter-increment:list-0}.ql-editor li[data-list=ordered] > .ql-ui:before{content:counter(list-0, decimal) '. '}.ql-editor li[data-list=ordered].ql-indent-1{counter-increment:list-1}.ql-editor li[data-list=ordered].ql-indent-1 > .ql-ui:before{content:counter(list-1, lower-alpha) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-set:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-2{counter-increment:list-2}.ql-editor li[data-list=ordered].ql-indent-2 > .ql-ui:before{content:counter(list-2, lower-roman) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-set:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-3{counter-increment:list-3}.ql-editor li[data-list=ordered].ql-indent-3 > .ql-ui:before{content:counter(list-3, decimal) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-set:list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-4{counter-increment:list-4}.ql-editor li[data-list=ordered].ql-indent-4 > .ql-ui:before{content:counter(list-4, lower-alpha) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-set:list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-5{counter-increment:list-5}.ql-editor li[data-list=ordered].ql-indent-5 > .ql-ui:before{content:counter(list-5, lower-roman) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-set:list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-6{counter-increment:list-6}.ql-editor li[data-list=ordered].ql-indent-6 > .ql-ui:before{content:counter(list-6, decimal) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-set:list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-reset:list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-7{counter-increment:list-7}.ql-editor li[data-list=ordered].ql-indent-7 > .ql-ui:before{content:counter(list-7, lower-alpha) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-set:list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-reset:list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-8{counter-increment:list-8}.ql-editor li[data-list=ordered].ql-indent-8 > .ql-ui:before{content:counter(list-8, lower-roman) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-set:list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-reset:list-9}}.ql-editor li[data-list=ordered].ql-indent-9{counter-increment:list-9}.ql-editor li[data-list=ordered].ql-indent-9 > .ql-ui:before{content:counter(list-9, decimal) '. '}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor li.ql-direction-rtl{padding-right:1.5em}.ql-editor li.ql-direction-rtl > .ql-ui:before{margin-left:.3em;margin-right:-1.5em;text-align:left}.ql-editor table{table-layout:fixed;width:100%}.ql-editor table td{outline:none}.ql-editor .ql-code-block-container{font-family:monospace}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:var(--black-fixed)}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:var(--accent)}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:var(--white-fixed)}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:var(--accent)}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor .ql-ui{position:absolute}.ql-editor.ql-blank::before{color:var(--text-secondary);content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}.ql-snow.ql-toolbar:after,.ql-snow .ql-toolbar:after{clear:both;content:'';display:table}.ql-snow.ql-toolbar button,.ql-snow .ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px}.ql-snow.ql-toolbar button svg,.ql-snow .ql-toolbar button svg{float:left;height:100%}.ql-snow.ql-toolbar button:active:hover,.ql-snow .ql-toolbar button:active:hover{outline:none}.ql-snow.ql-toolbar input.ql-image[type=file],.ql-snow .ql-toolbar input.ql-image[type=file]{display:none}.ql-snow.ql-toolbar button:hover,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar button:focus,.ql-snow .ql-toolbar button:focus,.ql-snow.ql-toolbar button.ql-active,.ql-snow .ql-toolbar button.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item.ql-selected{color:var(--accent)}.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill{fill:var(--accent)}.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter{stroke:var(--accent)}@media (pointer:coarse){.ql-snow.ql-toolbar button:hover:not(.ql-active),.ql-snow .ql-toolbar button:hover:not(.ql-active){color:var(--text-primary)}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:var(--text-primary)}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:var(--text-primary)}}.ql-snow{box-sizing:border-box}.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{display:inline-block;vertical-align:middle}.ql-snow .ql-formats:after{clear:both;content:'';display:table}.ql-snow .ql-stroke{fill:none;stroke:var(--text-primary);stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ql-snow .ql-stroke-miter{fill:none;stroke:var(--text-primary);stroke-miterlimit:10;stroke-width:2}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:var(--text-primary)}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-thin,.ql-snow .ql-stroke.ql-thin{stroke-width:1}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid var(--border-color);margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-snow .ql-editor code,.ql-snow .ql-editor .ql-code-block-container{background-color:var(--bg-secondary);color:var(--text-primary);overflow:visible;margin-bottom:5px;margin-top:5px;padding:5px 10px;border-radius:3px;}.ql-snow .ql-editor code{font-size:85%;padding:2px 4px}.ql-snow .ql-editor .ql-code-block-container{background-color:var(--bg-secondary);color:var(--text-primary);overflow:visible;margin-bottom:5px;margin-top:5px;padding:5px 10px;border-radius:3px;}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:var(--text-primary);display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle}.ql-snow .ql-picker-label{cursor:pointer;display:inline-block;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}.ql-snow .ql-picker-label::before{display:inline-block;line-height:22px}.ql-snow .ql-picker-options{background-color:var(--bg-card);border:1px solid var(--border-color);display:none;min-width:100%;padding:4px 8px;position:absolute;white-space:nowrap;box-shadow:0 4px 15px var(--shadow-medium);border-radius:8px;}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding-bottom:5px;padding-top:5px}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:var(--text-dimmed);z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:var(--text-dimmed)}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:var(--text-dimmed)}.ql-snow .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-snow .ql-icon-picker .ql-picker-item{height:24px;width:24px;padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-snow .ql-color-picker .ql-picker-item{border:1px solid transparent;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{position:absolute;margin-top:-9px;right:0;top:50%;width:18px}.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-label::before,.ql-snow .ql-picker.ql-header .ql-picker-item::before{content:'Normal'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before{content:'Heading 1'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before{content:'Heading 2'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before{content:'Heading 3'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before{content:'Heading 4'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before{content:'Heading 5'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before{content:'Heading 6'}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-label::before,.ql-snow .ql-picker.ql-font .ql-picker-item::before{content:'Sans Serif'}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before{content:'Serif'}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before{content:'Monospace'}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-label::before,.ql-snow .ql-picker.ql-size .ql-picker-item::before{content:'Normal'}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before{content:'Small'}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before{content:'Large'}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before{content:'Huge'}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:var(--bg-card)}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:var(--black-fixed)}.ql-code-block-container{position:relative}.ql-code-block-container .ql-ui{right:5px;top:5px}.ql-toolbar.ql-snow{border:1px solid var(--border-color);box-sizing:border-box;font-family:'Helvetica Neue','Helvetica','Arial',sans-serif;padding:8px}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid transparent}.ql-toolbar.ql-snow .ql-picker-options{background-color:var(--bg-card);border:1px solid var(--border-color);display:none;min-width:100%;padding:4px 8px;position:absolute;white-space:nowrap;box-shadow:0 4px 15px var(--shadow-medium);border-radius:8px;}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label{border-color:var(--text-dimmed)}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:var(--text-dimmed)}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow + .ql-container.ql-snow{border-top:0}.ql-snow .ql-tooltip{background-color:var(--bg-card);border:1px solid var(--border-color);box-shadow:0 4px 15px var(--shadow-medium);color:var(--text-primary);padding:5px 12px;white-space:nowrap}.ql-snow .ql-tooltip::before{content:"Visit URL:";line-height:26px;margin-right:8px}.ql-snow .ql-tooltip input[type=text]{display:none;border:1px solid var(--border-color);font-size:13px;height:26px;margin:0;padding:3px 5px;width:170px}.ql-snow .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top}.ql-snow .ql-tooltip a.ql-action::after{border-right:1px solid #ccc;content:'Edit';margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove::before{content:'Remove';margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action::after{border-right:0;content:'Save';padding-right:0}.ql-snow .ql-tooltip[data-mode=link]::before{content:"Enter link:"}.ql-snow .ql-tooltip[data-mode=formula]::before{content:"Enter formula:"}.ql-snow .ql-tooltip[data-mode=video]::before{content:"Enter video:"}.ql-snow a{color:var(--accent)}.ql-container.ql-snow{border:1px solid var(--border-color)}
.ql-snow .ql-picker-options .ql-picker-item:hover { background-color: var(--glass-highlight) !important; color: var(--accent) !important; }
.ql-snow .ql-picker-options .ql-picker-item:hover .ql-stroke { stroke: var(--accent) !important; }
.ql-snow .ql-picker-options .ql-picker-item:hover .ql-fill { fill: var(--accent) !important; }
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { background-color: var(--bg-card); }
.ql-editor.ql-blank::before { color: var(--text-dimmed) !important; }