.not-set {
  color: #c55;
  font-style: italic;
}

a.asc:after,
a.desc:after {
  content: '';
  display: inline-block;
  width: 0;
  height: 0;
  margin: 4px 4px 2px;
  border: solid 5px transparent;
  background: transparent;
}

a.asc:after {
  border-bottom: solid 7px #212529;
  border-top-width: 0;
}

a.desc:after {
  border-top: solid 7px #212529;
  border-bottom-width: 0;
}

.grid-view th,
.grid-view td:last-child {
  white-space: nowrap;
}

.grid-view .filters input,
.grid-view .filters select {
  min-width: 50px;
}

.hint-block {
  display: block;
  margin-top: 5px;
  color: #999;
}

.error-summary {
  color: #a94442;
  background: #fdf7f7;
  border-left: 3px solid #eed3d7;
  padding: 10px 20px;
  margin: 0 0 15px;
}

.breadcrumb-item > a {
  text-decoration: none;
}

.digimall-auth-body {
  min-height: 100vh;
  overflow-x: hidden;
}

.digimall-auth-pages {
  align-items: center;
  display: flex;
  min-height: 100vh;
  padding: 48px 0;
}

.digimall-auth-wrap {
  margin: 0 auto;
  max-width: 520px;
  padding: 0 16px;
  width: 100%;
}

.digimall-auth-column {
  margin: 0 auto;
  max-width: 500px;
  width: 100%;
}

.digimall-auth-logo img {
  max-width: 174px;
  object-fit: contain;
}

.digimall-auth-card {
  border: 0;
  border-radius: 8px;
  box-shadow: 0 18px 45px rgba(15, 34, 58, .14);
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  overflow: hidden;
  width: 100%;
}

.digimall-auth-card .card-body {
  background: #fff;
}

.digimall-auth-icon {
  align-items: center;
  background: #eef2ff;
  border-radius: 50%;
  color: #5b73e8;
  display: flex;
  font-size: 30px;
  height: 64px;
  justify-content: center;
  width: 64px;
}

.digimall-auth-form .form-label {
  color: #343a40;
  font-weight: 600;
}

.digimall-auth-form .form-control {
  border-color: #e4e8f0;
  min-height: 44px;
}

.digimall-auth-form .form-control:focus {
  border-color: #a7b4f4;
  box-shadow: 0 0 0 .15rem rgba(91, 115, 232, .14);
}

.digimall-auth-form .form-check {
  margin-bottom: 0;
}

.digimall-auth-form .invalid-feedback {
  font-size: 12px;
}

.digimall-auth-recaptcha {
  margin-top: 18px;
  overflow-x: auto;
  padding-bottom: 2px;
}

.digimall-auth-code-input {
  font-size: 22px;
  font-weight: 600;
  letter-spacing: .12em;
  text-align: center;
}

.digimall-auth-links {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: center;
}

.digimall-auth-footer {
  color: #495057;
}

.email-verification-page {
  margin: 0 auto 40px;
  max-width: 760px;
  width: 100%;
}

.email-verification-card {
  align-items: flex-start;
  background: #fff;
  border: 1px solid #e8ecf4;
  border-radius: 8px;
  box-shadow: 0 10px 28px rgba(15, 34, 58, .08);
  display: grid;
  gap: 20px;
  grid-template-columns: auto minmax(0, 1fr);
  padding: 28px;
}

.email-verification-card__icon {
  align-items: center;
  border-radius: 16px;
  display: flex;
  flex: 0 0 auto;
  font-size: 30px;
  height: 58px;
  justify-content: center;
  width: 58px;
}

.email-verification-card--pending .email-verification-card__icon {
  background: rgba(241, 180, 76, .16);
  color: #d99318;
}

.email-verification-card--verified .email-verification-card__icon {
  background: rgba(52, 195, 143, .14);
  color: #1f9d73;
}

.email-verification-card__top {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.email-verification-card__top h1 {
  color: #22252f;
  font-size: 26px;
  font-weight: 700;
  line-height: 1.25;
  margin: 0;
}

.email-verification-badge {
  align-items: center;
  border-radius: 999px;
  display: inline-flex;
  font-size: 12px;
  font-weight: 700;
  gap: 5px;
  line-height: 1;
  padding: 8px 10px;
  white-space: nowrap;
}

.email-verification-badge i {
  font-size: 15px;
  line-height: 1;
}

.email-verification-badge--pending {
  background: rgba(241, 180, 76, .16);
  color: #b87510;
}

.email-verification-badge--verified {
  background: rgba(52, 195, 143, .14);
  color: #1f9d73;
}

.email-verification-card__lead {
  color: #5f6678;
  font-size: 14px;
  line-height: 1.6;
  margin: 14px 0 0;
  max-width: 560px;
}

.email-verification-address {
  background: #f8f9fc;
  border: 1px solid #e7ebf4;
  border-radius: 8px;
  display: inline-flex;
  flex-direction: column;
  gap: 5px;
  margin-top: 18px;
  min-width: min(360px, 100%);
  padding: 13px 15px;
}

.email-verification-address span {
  color: #74788d;
  font-size: 12px;
  line-height: 1.35;
}

.email-verification-address strong {
  color: #22252f;
  font-size: 15px;
  font-weight: 700;
  overflow-wrap: anywhere;
}

.email-verification-note {
  align-items: flex-start;
  background: rgba(241, 180, 76, .12);
  border: 1px solid rgba(241, 180, 76, .28);
  border-radius: 8px;
  color: #7a5313;
  display: flex;
  font-size: 13px;
  gap: 9px;
  line-height: 1.5;
  margin-top: 18px;
  max-width: 560px;
  padding: 12px 14px;
}

.email-verification-note i {
  font-size: 18px;
  line-height: 1.25;
}

.email-verification-note--success {
  background: rgba(52, 195, 143, .1);
  border-color: rgba(52, 195, 143, .24);
  color: #1f7d5e;
}

.email-verification-card__actions {
  margin-top: 22px;
}

.email-verification-submit {
  align-items: center;
  display: inline-flex;
  gap: 7px;
}

.digimall-minible {
  background: #f3f5f9;
  min-height: 100vh;
}

.digimall-minible #layout-wrapper {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

.digimall-minible[data-layout=horizontal] .main-content {
  display: flex;
  flex: 1 0 auto;
  flex-direction: column;
  margin-left: 0 !important;
  min-height: 100vh;
}

.digimall-minible #page-topbar {
  left: 0 !important;
}

.digimall-minible .navbar-brand-box {
  width: 230px;
}

.digimall-minible .logo-lg img {
  max-width: 150px;
  object-fit: contain;
}

.digimall-minible .page-content {
  flex: 1 0 auto;
  margin-top: 0 !important;
  padding: 149px 24px 24px !important;
}

.digimall-minible .page-title-box {
  padding-bottom: 18px;
}

.digimall-minible .breadcrumb {
  background: transparent;
  padding: 0;
}

.digimall-minible .app-search {
  min-width: 320px;
}

.digimall-minible .app-search .mdi {
  color: #7f89a8;
  font-size: 18px;
  pointer-events: none;
  position: absolute;
  right: 18px;
  top: 50%;
  transform: translateY(-50%);
}

.digimall-minible .app-search .form-control {
  padding-right: 44px;
}

.digimall-minible .app-search .form-control::placeholder {
  color: rgba(255, 255, 255, .72);
  opacity: 1;
}

.account-settings-page {
  margin: 0 auto 36px;
  max-width: 980px;
  width: 100%;
}

.account-settings-section {
  background: #fff;
  border: 1px solid #e8ecf4;
  border-radius: 8px;
  box-shadow: 0 8px 24px rgba(15, 34, 58, .07);
  overflow: hidden;
}

.account-settings-section + .account-settings-section {
  margin-top: 16px;
}

.account-settings-section__header {
  background: #fbfcff;
  border-bottom: 1px solid #eff2f7;
  padding: 16px 20px;
}

.account-settings-section__header h3 {
  color: #22252f;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.35;
  margin: 0;
}

.account-settings-list {
  display: flex;
  flex-direction: column;
}

.account-settings-row {
  align-items: center;
  display: grid;
  gap: 16px;
  grid-template-columns: minmax(0, 1fr) minmax(130px, auto) minmax(128px, auto);
  padding: 16px 20px;
}

.account-settings-row + .account-settings-row {
  border-top: 1px solid #eff2f7;
}

.account-settings-row__main {
  min-width: 0;
}

.account-settings-row__label {
  align-items: center;
  color: #22252f;
  display: flex;
  font-size: 14px;
  font-weight: 700;
  gap: 8px;
  line-height: 1.35;
}

.account-settings-row__label i {
  color: #5b73e8;
  font-size: 18px;
  line-height: 1;
}

.account-settings-row__value {
  color: #74788d;
  font-size: 13px;
  line-height: 1.45;
  margin-top: 4px;
  overflow-wrap: anywhere;
}

.account-settings-row__status {
  justify-self: start;
}

.account-settings-row__action {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}

.account-settings-action {
  min-width: 112px;
}

.account-settings-badge {
  align-items: center;
  border-radius: 999px;
  display: inline-flex;
  font-size: 12px;
  font-weight: 700;
  gap: 5px;
  line-height: 1;
  padding: 8px 10px;
  white-space: nowrap;
}

.account-settings-badge i {
  font-size: 15px;
  line-height: 1;
}

.account-settings-badge--success {
  background: rgba(52, 195, 143, .14);
  color: #1f9d73;
}

.account-settings-badge--danger {
  background: rgba(244, 106, 106, .14);
  color: #e24a4a;
}

.account-settings-badge--warning {
  background: rgba(241, 180, 76, .18);
  color: #b67a12;
}

.account-settings-badge--info {
  background: rgba(80, 165, 241, .14);
  color: #2d8bd4;
}

.account-settings-badge--neutral {
  background: #f3f5f9;
  color: #495057;
}

.telegram-binding-page {
  margin: 0 auto 36px;
  max-width: 760px;
  width: 100%;
}

.telegram-status-card {
  align-items: flex-start;
  background: #fff;
  border: 1px solid #e8ecf4;
  border-radius: 8px;
  box-shadow: 0 8px 24px rgba(15, 34, 58, .07);
  display: grid;
  gap: 20px;
  grid-template-columns: auto minmax(0, 1fr) auto;
  padding: 24px;
}

.telegram-status-card__icon {
  align-items: center;
  background: rgba(80, 165, 241, .14);
  border-radius: 14px;
  color: #2d8bd4;
  display: flex;
  flex: 0 0 auto;
  font-size: 28px;
  height: 54px;
  justify-content: center;
  width: 54px;
}

.telegram-status-card__top {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.telegram-status-card__top h2 {
  color: #22252f;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.3;
  margin: 0;
}

.telegram-status-badge {
  align-items: center;
  background: rgba(52, 195, 143, .14);
  border-radius: 999px;
  color: #1f9d73;
  display: inline-flex;
  font-size: 12px;
  font-weight: 700;
  gap: 5px;
  line-height: 1;
  padding: 8px 10px;
  white-space: nowrap;
}

.telegram-status-badge i {
  font-size: 15px;
  line-height: 1;
}

.telegram-status-badge--muted {
  background: rgba(116, 120, 141, .12);
  color: #5f667a;
}

.telegram-status-badge--pending {
  background: rgba(241, 180, 76, .16);
  color: #b67a12;
}

.telegram-status-card__content {
  min-width: 0;
}

.telegram-status-card__account {
  align-items: baseline;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 14px;
}

.telegram-status-card__account span {
  color: #74788d;
  font-size: 13px;
  line-height: 1.35;
}

.telegram-status-card__account strong a {
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
}

.telegram-status-card__hint {
  color: #74788d;
  font-size: 13px;
  line-height: 1.5;
  margin: 10px 0 0;
  max-width: 520px;
}

.telegram-status-card__actions {
  align-items: flex-start;
  display: flex;
  justify-content: flex-end;
}

.telegram-status-card__actions--stacked {
  align-items: stretch;
  flex-direction: column;
  gap: 10px;
}

.telegram-status-card__primary,
.telegram-status-card__secondary {
  align-items: center;
  display: inline-flex;
  gap: 6px;
  justify-content: center;
  white-space: nowrap;
}

.telegram-status-card__disconnect {
  align-items: center;
  display: inline-flex;
  gap: 6px;
  white-space: nowrap;
}

.telegram-status-card--setup,
.telegram-status-card--empty,
.telegram-status-card--confirm {
  grid-template-columns: auto minmax(0, 1fr);
}

.telegram-status-card--empty,
.telegram-status-card--confirm {
  grid-template-columns: auto minmax(0, 1fr) auto;
}

.telegram-setup-steps {
  display: grid;
  gap: 12px;
  margin-top: 18px;
}

.telegram-setup-step {
  align-items: center;
  background: #fbfcff;
  border: 1px solid #edf0f7;
  border-radius: 8px;
  display: grid;
  gap: 12px;
  grid-template-columns: auto minmax(0, 1fr) auto;
  padding: 12px;
}

.telegram-setup-step__number {
  align-items: center;
  background: rgba(85, 110, 230, .12);
  border-radius: 50%;
  color: #556ee6;
  display: flex;
  font-size: 13px;
  font-weight: 700;
  height: 28px;
  justify-content: center;
  width: 28px;
}

.telegram-setup-step__body {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.telegram-setup-step__body strong {
  color: #22252f;
  font-size: 13px;
  line-height: 1.35;
}

.telegram-setup-step__body span {
  color: #74788d;
  font-size: 12px;
  line-height: 1.45;
}

.telegram-setup-step__button {
  align-items: center;
  display: inline-flex;
  gap: 6px;
  justify-content: center;
  white-space: nowrap;
}

.telegram-manual {
  margin-top: 16px;
}

.telegram-manual__toggle {
  align-items: center;
  color: #556ee6;
  display: inline-flex;
  font-size: 13px;
  font-weight: 700;
  gap: 4px;
  text-decoration: none;
}

.telegram-manual__toggle:hover {
  color: #4053b9;
}

.telegram-manual__toggle i {
  font-size: 16px;
  transition: transform .16s ease;
}

.telegram-manual__toggle[aria-expanded="true"] i {
  transform: rotate(180deg);
}

.telegram-manual__panel {
  background: #fbfcff;
  border: 1px solid #e8ecf4;
  border-radius: 8px;
  margin-top: 10px;
  padding: 14px;
}

.telegram-manual__panel h3 {
  color: #22252f;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.35;
  margin: 0 0 10px;
}

.telegram-manual__list {
  color: #495057;
  font-size: 13px;
  line-height: 1.5;
  margin: 0 0 12px 18px;
  padding: 0;
}

.telegram-manual__list code {
  background: #f2f4fb;
  border-radius: 5px;
  color: #22252f;
  padding: 2px 5px;
}

.telegram-manual-command {
  align-items: center;
  background: #fff;
  border: 1px solid #dde3f0;
  border-radius: 8px;
  display: flex;
  gap: 10px;
  padding: 10px;
}

.telegram-manual-command code {
  color: #22252f;
  display: block;
  flex: 1 1 auto;
  font-size: 13px;
  line-height: 1.4;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.telegram-copy-button {
  flex: 0 0 auto;
}

.telegram-copy-button--copied {
  background: rgba(52, 195, 143, .12);
  border-color: rgba(52, 195, 143, .45);
  color: #1f9d73;
}

.telegram-token-warning {
  align-items: flex-start;
  background: rgba(241, 180, 76, .12);
  border: 1px solid rgba(241, 180, 76, .24);
  border-radius: 8px;
  color: #7a5615;
  display: flex;
  font-size: 12px;
  gap: 8px;
  line-height: 1.45;
  margin-top: 10px;
  padding: 10px 12px;
}

.telegram-token-warning i {
  font-size: 16px;
  line-height: 1;
  margin-top: 1px;
}

.telegram-token-expired {
  align-items: center;
  background: rgba(241, 180, 76, .12);
  border: 1px solid rgba(241, 180, 76, .24);
  border-radius: 8px;
  color: #7a5615;
  display: grid;
  gap: 12px;
  grid-template-columns: auto minmax(0, 1fr) auto;
  margin-top: 18px;
  padding: 14px;
}

.telegram-token-expired > i {
  font-size: 22px;
}

.telegram-token-expired strong,
.telegram-token-expired span {
  display: block;
}

.telegram-token-expired strong {
  color: #5e4211;
  font-size: 13px;
  margin-bottom: 2px;
}

.telegram-token-expired span {
  font-size: 12px;
  line-height: 1.45;
}

.telegram-disconnect-modal .modal-content {
  border: 0;
  border-radius: 8px;
  box-shadow: 0 18px 48px rgba(15, 34, 58, .22);
}

.telegram-disconnect-modal__title {
  align-items: center;
  display: inline-flex;
  gap: 8px;
}

.telegram-disconnect-modal__title i {
  color: #f46a6a;
  font-size: 20px;
}

.telegram-disconnect-modal__body {
  color: #495057;
  font-size: 14px;
  line-height: 1.55;
}

.telegram-disconnect-modal__body p {
  margin-bottom: 14px;
}

.telegram-disconnect-modal__notice {
  background: rgba(244, 106, 106, .08);
  border: 1px solid rgba(244, 106, 106, .22);
  border-radius: 8px;
  color: #6c3b3b;
  padding: 12px 14px;
}

.telegram-disconnect-modal__form {
  display: flex;
  gap: 10px;
  justify-content: flex-end;
  margin-top: 20px;
}

.deposit-page {
  margin: 0 auto 36px;
  max-width: 1180px;
  width: 100%;
}

.deposit-card,
.deposit-history-card {
  background: #fff;
  border: 1px solid #e8ecf4;
  border-radius: 8px;
  box-shadow: 0 8px 24px rgba(15, 34, 58, .07);
  overflow: hidden;
}

.deposit-history-card {
  margin-top: 18px;
}

.deposit-card__header,
.deposit-history-card__header {
  align-items: center;
  background: #fbfcff;
  border-bottom: 1px solid #eff2f7;
  display: flex;
  justify-content: space-between;
  padding: 18px 22px;
}

.deposit-card__header h3,
.deposit-history-card__header h3 {
  color: #22252f;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.3;
  margin: 0;
}

.deposit-card__header p,
.deposit-history-card__header p {
  color: #74788d;
  font-size: 13px;
  line-height: 1.45;
  margin: 4px 0 0;
}

.deposit-card__body,
.deposit-history-card__body {
  padding: 22px;
}

.deposit-section-title {
  align-items: flex-start;
  display: flex;
  gap: 10px;
  margin-bottom: 14px;
}

.deposit-section-title--amount {
  margin-top: 24px;
}

.deposit-section-title__step {
  align-items: center;
  background: rgba(91, 115, 232, .12);
  border-radius: 50%;
  color: #5b73e8;
  display: inline-flex;
  flex: 0 0 auto;
  font-size: 13px;
  font-weight: 800;
  height: 26px;
  justify-content: center;
  line-height: 1;
  width: 26px;
}

.deposit-section-title h4 {
  color: #22252f;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.3;
  margin: 0;
}

.deposit-section-title p {
  color: #74788d;
  font-size: 13px;
  line-height: 1.45;
  margin: 2px 0 0;
}

.deposit-payment-options {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  max-width: 760px;
}

.deposit-payment-option {
  cursor: pointer;
  display: block;
  margin: 0;
}

.deposit-payment-card {
  background: #fff;
  border: 1px solid #dde4f0;
  border-radius: 8px;
  display: block;
  min-height: 150px;
  padding: 14px;
  position: relative;
  transition: border-color .16s ease, box-shadow .16s ease, background-color .16s ease;
}

.deposit-payment-option:hover .deposit-payment-card {
  border-color: #b8c4f5;
  box-shadow: 0 8px 18px rgba(15, 34, 58, .07);
}

.deposit-payment-radio:focus-visible + .deposit-payment-card {
  box-shadow: 0 0 0 .18rem rgba(91, 115, 232, .18);
}

.deposit-payment-radio:checked + .deposit-payment-card {
  background: #f8faff;
  border-color: #5b73e8;
  box-shadow: 0 10px 24px rgba(91, 115, 232, .14);
}

.deposit-payment-card__check {
  align-items: center;
  background: #5b73e8;
  border-radius: 50%;
  color: #fff;
  display: inline-flex;
  font-size: 13px;
  height: 22px;
  justify-content: center;
  opacity: 0;
  position: absolute;
  right: 12px;
  top: 12px;
  transform: scale(.85);
  transition: opacity .16s ease, transform .16s ease;
  width: 22px;
}

.deposit-payment-radio:checked + .deposit-payment-card .deposit-payment-card__check {
  opacity: 1;
  transform: scale(1);
}

.deposit-payment-card__head {
  align-items: center;
  display: flex;
  gap: 10px;
  padding-right: 28px;
}

.deposit-payment-card__icon {
  align-items: center;
  background: #f3f5f9;
  border-radius: 50%;
  display: inline-flex;
  flex: 0 0 auto;
  height: 42px;
  justify-content: center;
  padding: 7px;
  width: 42px;
}

.deposit-payment-card__icon img {
  display: block;
  max-height: 100%;
  max-width: 100%;
  object-fit: contain;
}

.deposit-payment-card__name {
  color: #22252f;
  display: flex;
  flex-wrap: wrap;
  font-size: 14px;
  gap: 6px;
  line-height: 1.35;
}

.deposit-payment-card__commission {
  align-self: center;
  background: rgba(241, 180, 76, .18);
  border-radius: 999px;
  color: #b67a12;
  font-size: 11px;
  font-weight: 800;
  padding: 3px 7px;
}

.deposit-payment-card__description {
  color: #495057;
  display: block;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.45;
  margin-top: 12px;
}

.deposit-payment-card__limits {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 10px;
}

.deposit-payment-card__limits span {
  background: #eef2ff;
  border-radius: 999px;
  color: #5b73e8;
  display: inline-flex;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  padding: 6px 9px;
}

.deposit-payment-card__warning {
  align-items: flex-start;
  color: #b67a12;
  display: flex;
  font-size: 12px;
  font-weight: 600;
  gap: 5px;
  line-height: 1.35;
  margin-top: 10px;
}

.deposit-amount-box {
  max-width: 560px;
}

.deposit-amount-field > label {
  color: #22252f;
  font-weight: 700;
}

.deposit-amount-control {
  display: flex;
  max-width: 520px;
}

.deposit-amount-input {
  border-bottom-right-radius: 0;
  border-right: 0;
  border-top-right-radius: 0;
  min-height: 44px;
}

.deposit-submit {
  align-items: center;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  display: inline-flex;
  font-weight: 700;
  gap: 7px;
  justify-content: center;
  min-height: 44px;
  min-width: 150px;
}

.deposit-commission-note {
  align-items: center;
  background: rgba(80, 165, 241, .12);
  border: 1px solid rgba(80, 165, 241, .26);
  border-radius: 8px;
  color: #2d6f9f;
  display: flex;
  flex-wrap: wrap;
  font-size: 13px;
  gap: 5px;
  line-height: 1.45;
  margin-top: 12px;
  padding: 10px 12px;
}

.deposit-history-empty {
  align-items: center;
  background: #fbfcff;
  border: 1px dashed #d7deec;
  border-radius: 8px;
  display: flex;
  gap: 14px;
  padding: 24px;
}

.deposit-history-empty__icon {
  align-items: center;
  background: rgba(91, 115, 232, .12);
  border-radius: 50%;
  color: #5b73e8;
  display: inline-flex;
  flex: 0 0 auto;
  font-size: 28px;
  height: 54px;
  justify-content: center;
  width: 54px;
}

.deposit-history-empty h4 {
  color: #22252f;
  font-size: 16px;
  font-weight: 700;
  margin: 0 0 4px;
}

.deposit-history-empty p {
  color: #74788d;
  font-size: 13px;
  line-height: 1.45;
  margin: 0;
}

.deposit-history-table {
  border-color: #eff2f7;
  margin-bottom: 0;
}

.deposit-history-table > :not(caption) > * > * {
  border-color: #eff2f7;
  padding: 13px 14px;
}

.guest-sync-page {
  display: flex;
  justify-content: center;
  margin: 0 auto 36px;
  width: 100%;
}

.guest-sync-card {
  background: #fff;
  border: 1px solid #e8ecf4;
  border-radius: 8px;
  box-shadow: 0 8px 24px rgba(15, 34, 58, .07);
  max-width: 640px;
  padding: 30px;
  text-align: center;
  width: 100%;
}

.guest-sync-card__icon {
  align-items: center;
  background: rgba(91, 115, 232, .12);
  border-radius: 50%;
  color: #5b73e8;
  display: inline-flex;
  font-size: 30px;
  height: 60px;
  justify-content: center;
  margin-bottom: 18px;
  width: 60px;
}

.guest-sync-card h2 {
  color: #22252f;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.25;
  margin: 0;
}

.guest-sync-card__lead {
  color: #74788d;
  font-size: 14px;
  line-height: 1.6;
  margin: 12px auto 0;
  max-width: 500px;
}

.guest-sync-summary {
  background: #fbfcff;
  border: 1px solid #e8ecf4;
  border-radius: 8px;
  display: grid;
  gap: 0;
  margin-top: 22px;
  overflow: hidden;
  text-align: left;
}

.guest-sync-summary__row {
  align-items: center;
  display: flex;
  gap: 14px;
  justify-content: space-between;
  padding: 14px 16px;
}

.guest-sync-summary__row + .guest-sync-summary__row {
  border-top: 1px solid #eff2f7;
}

.guest-sync-summary__row span {
  color: #74788d;
  font-size: 13px;
}

.guest-sync-summary__row strong {
  color: #22252f;
  font-size: 14px;
  overflow-wrap: anywhere;
  text-align: right;
}

.guest-sync-state {
  align-items: flex-start;
  border-radius: 8px;
  display: flex;
  gap: 12px;
  margin-top: 18px;
  padding: 14px 16px;
  text-align: left;
}

.guest-sync-state > i {
  flex: 0 0 auto;
  font-size: 21px;
  line-height: 1;
  margin-top: 1px;
}

.guest-sync-state strong,
.guest-sync-state span {
  display: block;
}

.guest-sync-state strong {
  color: #22252f;
  font-size: 14px;
  line-height: 1.35;
}

.guest-sync-state span {
  color: #74788d;
  font-size: 13px;
  line-height: 1.45;
  margin-top: 3px;
}

.guest-sync-state--ready {
  background: rgba(52, 195, 143, .12);
  border: 1px solid rgba(52, 195, 143, .24);
}

.guest-sync-state--ready > i {
  color: #20a879;
}

.guest-sync-state--empty {
  background: rgba(80, 165, 241, .12);
  border: 1px solid rgba(80, 165, 241, .25);
}

.guest-sync-state--empty > i {
  color: #2d8bd4;
}

.guest-sync-form {
  margin-top: 20px;
}

.guest-sync-submit {
  align-items: center;
  display: inline-flex;
  font-weight: 700;
  gap: 8px;
  justify-content: center;
  min-width: 250px;
}

.affiliate-join-page {
  margin: 0 auto 36px;
  max-width: 1320px;
  width: 100%;
}

.affiliate-join-card,
.affiliate-info-section,
.affiliate-rule-card {
  background: #fff;
  border: 1px solid #e8ecf4;
  border-radius: 8px;
  box-shadow: 0 8px 24px rgba(15, 34, 58, .07);
  overflow: hidden;
}

.affiliate-join-card__header {
  background: #fbfcff;
  border-bottom: 1px solid #eff2f7;
  padding: 21px 28px 18px;
}

.affiliate-join-card__header h1,
.affiliate-section-title h2,
.affiliate-rule-card__header h2 {
  color: #22252f;
  font-weight: 700;
  line-height: 1.25;
  margin: 0;
}

.affiliate-join-card__header h1 {
  font-size: 26px;
}

.affiliate-join-card__header p,
.affiliate-section-title p {
  color: #74788d;
  font-size: 14px;
  line-height: 1.55;
  margin: 8px 0 0;
  max-width: 720px;
}

.affiliate-join-card__body {
  padding: 23px 28px;
}

.affiliate-join-layout {
  align-items: flex-start;
  display: grid;
  gap: 22px;
  grid-template-columns: minmax(0, 720px) minmax(260px, 360px);
}

.affiliate-join-form-panel {
  max-width: 720px;
  width: 100%;
}

.affiliate-join-form .form-label {
  color: #22252f;
  font-weight: 700;
}

.affiliate-join-form .required > .form-label::after {
  color: #f46a6a;
  content: "*";
  font-size: 13px;
  margin-left: 4px;
}

.affiliate-join-form .form-control {
  border-color: #dfe5f1;
  min-height: 42px;
}

.affiliate-join-form .form-control:focus {
  border-color: #a7b4f4;
  box-shadow: 0 0 0 .15rem rgba(91, 115, 232, .14);
}

.affiliate-join-form textarea.form-control {
  min-height: 116px;
  resize: none;
}

.affiliate-join-form .form-text {
  color: #74788d;
  font-size: 12px;
  line-height: 1.45;
  margin-top: 7px;
}

.affiliate-join-consent-field {
  margin: 14px 0 0;
}

.affiliate-join-consent__line {
  align-items: center;
  background: #fbfcff;
  border: 1px solid #edf1f8;
  border-radius: 8px;
  color: #495057;
  display: flex;
  gap: 9px;
  margin: 0;
  min-height: 38px;
  padding: 9px 12px;
  transition: border-color .15s ease, background-color .15s ease, box-shadow .15s ease;
  width: 100%;
}

.affiliate-join-consent__line:hover {
  background: #fff;
  border-color: #dbe3f3;
  box-shadow: 0 4px 12px rgba(15, 34, 58, .04);
}

.affiliate-join-consent-field .form-check-input {
  border-color: #9da8c3;
  flex: 0 0 auto;
  height: 16px;
  margin: 0;
  width: 16px;
}

.affiliate-join-consent-field .form-check-input:checked {
  background-color: #5b73e8;
  border-color: #5b73e8;
}

.affiliate-join-consent__label {
  color: #495057;
  cursor: pointer;
  font-size: 13px;
  line-height: 1.35;
}

.affiliate-join-consent-field .invalid-feedback {
  display: block;
  margin-left: 0;
  margin-top: 6px;
}

.affiliate-join-actions {
  margin-top: 12px;
}

.affiliate-join-actions .btn {
  align-items: center;
  display: inline-flex;
  font-weight: 700;
  gap: 8px;
  min-width: 178px;
}

.affiliate-join-note {
  background: linear-gradient(180deg, #f7f9ff 0%, #fff 100%);
  border: 1px solid #e3e9f5;
  border-radius: 8px;
  padding: 16px 18px 17px;
}

.affiliate-join-note__icon,
.affiliate-join-guest__icon {
  align-items: center;
  background: rgba(91, 115, 232, .12);
  border-radius: 50%;
  color: #5b73e8;
  display: inline-flex;
  font-size: 22px;
  height: 40px;
  justify-content: center;
  margin-bottom: 11px;
  width: 40px;
}

.affiliate-join-note h2,
.affiliate-join-guest h2 {
  color: #22252f;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.3;
  margin: 0 0 9px;
}

.affiliate-join-note ul {
  color: #74788d;
  font-size: 13px;
  line-height: 1.55;
  margin: 0;
  padding-left: 18px;
}

.affiliate-join-note li + li {
  margin-top: 6px;
}

.affiliate-join-guest {
  align-items: flex-start;
  display: flex;
  gap: 16px;
  max-width: 640px;
}

.affiliate-join-guest__icon {
  flex: 0 0 auto;
  margin-bottom: 0;
}

.affiliate-join-guest p {
  color: #74788d;
  font-size: 14px;
  line-height: 1.55;
  margin: 0 0 14px;
}

.affiliate-join-guest__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.affiliate-info-section {
  margin-top: 18px;
  padding: 24px 28px 28px;
}

.affiliate-section-title {
  margin-bottom: 18px;
}

.affiliate-section-title h2,
.affiliate-rule-card__header h2 {
  font-size: 22px;
}

.affiliate-terms-grid {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.affiliate-term-card {
  background: #fbfcff;
  border: 1px solid #e8ecf4;
  border-radius: 8px;
  min-height: 150px;
  padding: 16px;
}

.affiliate-term-card__icon {
  align-items: center;
  border-radius: 50%;
  display: inline-flex;
  font-size: 21px;
  height: 38px;
  justify-content: center;
  margin-bottom: 12px;
  width: 38px;
}

.affiliate-term-card__label,
.affiliate-term-card__text {
  color: #74788d;
  display: block;
  font-size: 12px;
  line-height: 1.35;
}

.affiliate-term-card strong {
  color: #22252f;
  display: block;
  font-size: 24px;
  line-height: 1.2;
  margin: 6px 0 5px;
}

.affiliate-term-card--primary .affiliate-term-card__icon {
  background: rgba(91, 115, 232, .12);
  color: #5b73e8;
}

.affiliate-term-card--success .affiliate-term-card__icon {
  background: rgba(52, 195, 143, .14);
  color: #20a879;
}

.affiliate-term-card--warning .affiliate-term-card__icon {
  background: rgba(241, 180, 76, .18);
  color: #d89318;
}

.affiliate-term-card--info .affiliate-term-card__icon {
  background: rgba(80, 165, 241, .14);
  color: #2d8bd4;
}

.affiliate-method-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 10px;
}

.affiliate-method-badges span {
  background: #eef2ff;
  border-radius: 999px;
  color: #4f63d9;
  display: inline-flex;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  padding: 7px 9px;
}

.affiliate-rules-grid {
  display: grid;
  gap: 18px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: 18px;
}

.affiliate-rule-card {
  padding: 22px 24px;
}

.affiliate-rule-card__header {
  align-items: center;
  display: flex;
  gap: 10px;
  margin-bottom: 10px;
}

.affiliate-rule-card__header span {
  align-items: center;
  border-radius: 50%;
  display: inline-flex;
  flex: 0 0 auto;
  font-size: 22px;
  height: 40px;
  justify-content: center;
  width: 40px;
}

.affiliate-rule-card--allowed .affiliate-rule-card__header span {
  background: rgba(52, 195, 143, .14);
  color: #20a879;
}

.affiliate-rule-card--forbidden .affiliate-rule-card__header span {
  background: rgba(244, 106, 106, .13);
  color: #e35454;
}

.affiliate-rule-card__lead {
  color: #74788d;
  font-size: 13px;
  line-height: 1.45;
  margin: 0 0 16px 50px;
  max-width: 600px;
}

.affiliate-rule-list {
  display: grid;
  gap: 10px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.affiliate-rule-list li {
  color: #495057;
  font-size: 14px;
  line-height: 1.5;
  padding-left: 24px;
  position: relative;
}

.affiliate-rule-list li::before {
  font-family: "Material Design Icons";
  font-size: 16px;
  left: 0;
  line-height: 1;
  position: absolute;
  top: 3px;
}

.affiliate-rule-list li strong {
  color: #1f2d3d;
  font-weight: 700;
}

.affiliate-rule-card--allowed .affiliate-rule-list li::before {
  color: #20a879;
  content: "\F05E0";
}

.affiliate-rule-card--forbidden .affiliate-rule-list li::before {
  color: #e35454;
  content: "\F0159";
}

.affiliate-dashboard-page {
  margin: 0 auto 36px;
  max-width: 1320px;
  width: 100%;
}

.affiliate-dashboard-header {
  align-items: flex-end;
  display: flex;
  justify-content: space-between;
  margin-bottom: 18px;
}

.affiliate-dashboard-header h1 {
  color: #22252f;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.25;
  margin: 0;
}

.affiliate-dashboard-header p {
  color: #74788d;
  font-size: 14px;
  line-height: 1.55;
  margin: 7px 0 0;
}

.affiliate-dashboard-top {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(3, minmax(0, 1fr)) minmax(300px, 360px);
  margin-bottom: 18px;
}

.affiliate-dashboard-metric,
.affiliate-dashboard-actions,
.affiliate-ref-panel,
.affiliate-history-panel {
  background: #fff;
  border: 1px solid #e8ecf4;
  border-radius: 8px;
  box-shadow: 0 8px 24px rgba(15, 34, 58, .07);
}

.affiliate-dashboard-metric {
  min-height: 154px;
  overflow: hidden;
  padding: 18px;
  position: relative;
}

.affiliate-dashboard-metric::before {
  border-radius: 999px;
  content: "";
  height: 4px;
  left: 18px;
  position: absolute;
  right: 18px;
  top: 0;
}

.affiliate-dashboard-metric__icon {
  align-items: center;
  border-radius: 50%;
  display: inline-flex;
  font-size: 22px;
  height: 40px;
  justify-content: center;
  margin-bottom: 14px;
  width: 40px;
}

.affiliate-dashboard-metric__label,
.affiliate-dashboard-metric__hint {
  color: #74788d;
  display: block;
  font-size: 12px;
  line-height: 1.35;
}

.affiliate-dashboard-metric strong {
  color: #22252f;
  display: block;
  font-size: 26px;
  font-weight: 700;
  line-height: 1.15;
  margin: 7px 0 5px;
  word-break: break-word;
}

.affiliate-dashboard-metric--primary::before {
  background: #5b73e8;
}

.affiliate-dashboard-metric--primary .affiliate-dashboard-metric__icon {
  background: rgba(91, 115, 232, .12);
  color: #5b73e8;
}

.affiliate-dashboard-metric--success::before {
  background: #34c38f;
}

.affiliate-dashboard-metric--success .affiliate-dashboard-metric__icon {
  background: rgba(52, 195, 143, .14);
  color: #20a879;
}

.affiliate-dashboard-metric--info::before {
  background: #50a5f1;
}

.affiliate-dashboard-metric--info .affiliate-dashboard-metric__icon {
  background: rgba(80, 165, 241, .14);
  color: #2d8bd4;
}

.affiliate-dashboard-actions {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 18px;
}

.affiliate-dashboard-actions__header {
  align-items: flex-start;
  display: flex;
  gap: 12px;
}

.affiliate-dashboard-actions__header > span {
  align-items: center;
  background: rgba(91, 115, 232, .12);
  border-radius: 50%;
  color: #5b73e8;
  display: inline-flex;
  flex: 0 0 auto;
  font-size: 22px;
  height: 40px;
  justify-content: center;
  width: 40px;
}

.affiliate-dashboard-actions h2 {
  color: #22252f;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.25;
  margin: 0;
}

.affiliate-dashboard-actions p {
  color: #74788d;
  font-size: 13px;
  line-height: 1.45;
  margin: 7px 0 0;
}

.affiliate-dashboard-actions__buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 16px;
}

.affiliate-dashboard-actions__buttons .btn {
  align-items: center;
  display: inline-flex;
  font-weight: 700;
  gap: 7px;
}

.affiliate-ref-panel {
  margin-bottom: 18px;
  overflow: hidden;
}

.affiliate-ref-panel__header,
.affiliate-history-panel__header {
  align-items: center;
  background: #fbfcff;
  border-bottom: 1px solid #eff2f7;
  display: flex;
  gap: 18px;
  justify-content: space-between;
  padding: 20px 24px 18px;
}

.affiliate-ref-panel__header h2,
.affiliate-history-panel__header h2 {
  color: #22252f;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.25;
  margin: 0;
}

.affiliate-ref-panel__header p,
.affiliate-history-panel__header p {
  color: #74788d;
  font-size: 13px;
  line-height: 1.45;
  margin: 7px 0 0;
}

.affiliate-history-panel__note {
  max-width: 680px;
}

.affiliate-ref-panel__header code {
  background: #eef2ff;
  border-radius: 999px;
  color: #4f63d9;
  font-size: 12px;
  padding: 3px 7px;
}

.affiliate-ref-links {
  display: grid;
  gap: 0;
}

.affiliate-ref-link {
  align-items: center;
  display: grid;
  gap: 18px;
  grid-template-columns: minmax(240px, 340px) minmax(0, 1fr);
  padding: 18px 24px;
}

.affiliate-ref-link + .affiliate-ref-link {
  border-top: 1px solid #eff2f7;
}

.affiliate-ref-link__meta {
  align-items: center;
  display: flex;
  gap: 12px;
  min-width: 0;
}

.affiliate-ref-link__icon {
  align-items: center;
  background: rgba(80, 165, 241, .14);
  border-radius: 50%;
  color: #2d8bd4;
  display: inline-flex;
  flex: 0 0 auto;
  font-size: 20px;
  height: 38px;
  justify-content: center;
  width: 38px;
}

.affiliate-ref-link__meta strong,
.affiliate-operation__product-link {
  color: #22252f;
  display: block;
  font-weight: 700;
  line-height: 1.3;
}

.affiliate-ref-link__meta span:not(.affiliate-ref-link__icon) {
  color: #74788d;
  display: block;
  font-size: 12px;
  line-height: 1.4;
  margin-top: 3px;
}

.affiliate-ref-link__control {
  display: flex;
  min-width: 0;
}

.affiliate-ref-link__control .form-control {
  border-color: #dfe5f1;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  color: #495057;
  font-size: 13px;
  min-height: 42px;
}

.affiliate-ref-link__copy {
  align-items: center;
  background: #5b73e8;
  border: 1px solid #5b73e8;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  color: #fff;
  display: inline-flex;
  flex: 0 0 48px;
  justify-content: center;
  width: 48px;
}

.affiliate-ref-link__copy:hover,
.affiliate-ref-link__copy:focus {
  background: #4a60d9;
  border-color: #4a60d9;
  color: #fff;
}

.affiliate-history-panel {
  margin-top: 18px;
  overflow: hidden;
  scroll-margin-top: 132px;
}

.affiliate-history-filter-toggle {
  align-items: center;
  display: inline-flex;
  font-weight: 700;
  gap: 7px;
  white-space: nowrap;
}

.affiliate-history-filter-toggle .label_close {
  display: none;
}

.affiliate-history-filter-toggle.active .label_open {
  display: none;
}

.affiliate-history-filter-toggle.active .label_close {
  display: inline;
}

.affiliate-history-filter {
  background: #fff;
  border-bottom: 1px solid #eff2f7;
  display: none;
  padding: 20px 24px;
}

.affiliate-history-filter.filter-open {
  display: block;
}

.affiliate-history-form__grid {
  display: grid;
  gap: 14px 16px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.affiliate-history-form__grid .field-partnersearch-name {
  grid-column: span 2;
}

.affiliate-history-form .form-label {
  color: #22252f;
  font-size: 13px;
  font-weight: 700;
  margin-bottom: 6px;
}

.affiliate-history-form .form-control {
  border-color: #dfe5f1;
  min-height: 40px;
}

.affiliate-history-form .form-control:focus {
  border-color: #a7b4f4;
  box-shadow: 0 0 0 .15rem rgba(91, 115, 232, .14);
}

.affiliate-history-form__actions {
  border-top: 1px solid #eff2f7;
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  justify-content: flex-end;
  margin-top: 18px;
  padding-top: 16px;
}

.affiliate-history-form__actions .btn {
  align-items: center;
  display: inline-flex;
  font-weight: 700;
  gap: 7px;
  min-width: 112px;
  justify-content: center;
}

.affiliate-operation-list {
  display: grid;
}

.affiliate-operation {
  align-items: center;
  display: grid;
  gap: 18px;
  grid-template-columns: minmax(0, 1fr) minmax(560px, auto);
  padding: 18px 24px;
}

.affiliate-operation + .affiliate-operation {
  border-top: 1px solid #eff2f7;
}

.affiliate-operation__main {
  align-items: center;
  display: flex;
  gap: 13px;
  min-width: 0;
}

.affiliate-operation__icon {
  align-items: center;
  background: #f4f7fb;
  border-radius: 8px;
  color: #5b73e8;
  display: inline-flex;
  flex: 0 0 auto;
  font-size: 20px;
  height: 44px;
  justify-content: center;
  width: 44px;
}

.affiliate-operation__products {
  display: flex;
  flex-wrap: wrap;
  gap: 5px 10px;
  min-width: 0;
}

.affiliate-operation__product {
  min-width: 0;
}

.affiliate-operation__product-link {
  max-width: 520px;
  overflow: hidden;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.affiliate-operation__product-link:hover {
  color: #5b73e8;
}

.affiliate-operation__date {
  align-items: center;
  color: #74788d;
  display: inline-flex;
  font-size: 12px;
  gap: 5px;
  line-height: 1.35;
  margin-top: 7px;
}

.affiliate-operation__meta {
  align-items: center;
  display: grid;
  gap: 12px;
  grid-template-columns: 126px 126px 138px minmax(112px, auto);
}

.affiliate-operation__amount {
  background: #fbfcff;
  border: 1px solid #e8ecf4;
  border-radius: 8px;
  padding: 10px 12px;
}

.affiliate-operation__amount span {
  color: #74788d;
  display: block;
  font-size: 11px;
  line-height: 1.3;
  margin-bottom: 3px;
}

.affiliate-operation__amount strong {
  color: #22252f;
  display: block;
  font-size: 15px;
  line-height: 1.2;
  white-space: nowrap;
}

.affiliate-operation__amount--refund strong {
  color: #e35454;
}

.affiliate-operation__amount--net {
  background: #f4fff9;
  border-color: #d6f3e5;
}

.affiliate-operation__amount--net strong {
  color: #19a66a;
}

.affiliate-operation__status {
  justify-self: end;
}

.affiliate-operation-status {
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
  padding: 7px 10px;
}

.affiliate-history-summary {
  align-items: center;
  background: #fbfcff;
  border-top: 1px solid #eff2f7;
  display: flex;
  gap: 12px;
  justify-content: flex-end;
  padding: 14px 24px;
}

.affiliate-history-summary div {
  align-items: center;
  background: #fff;
  border: 1px solid #e8ecf4;
  border-radius: 8px;
  display: flex;
  gap: 8px;
  min-height: 38px;
  padding: 8px 11px;
}

.affiliate-history-summary span {
  color: #74788d;
  font-size: 12px;
}

.affiliate-history-summary strong {
  color: #22252f;
  font-size: 14px;
  white-space: nowrap;
}

.affiliate-history-summary__net {
  background: #f4fff9 !important;
  border-color: #d6f3e5 !important;
}

.affiliate-history-summary__net strong {
  color: #19a66a;
}

.affiliate-history-pagination {
  margin: 16px 24px 20px;
}

.affiliate-history-empty {
  align-items: center;
  display: flex;
  gap: 14px;
  padding: 26px 24px;
}

.affiliate-history-empty > span {
  align-items: center;
  background: rgba(80, 165, 241, .14);
  border-radius: 50%;
  color: #2d8bd4;
  display: inline-flex;
  flex: 0 0 auto;
  font-size: 22px;
  height: 42px;
  justify-content: center;
  width: 42px;
}

.affiliate-history-empty strong {
  color: #22252f;
  display: block;
  font-size: 16px;
  line-height: 1.35;
}

.affiliate-history-empty p {
  color: #74788d;
  font-size: 13px;
  line-height: 1.45;
  margin: 4px 0 0;
}

@media (max-width: 1199.98px) {
  .affiliate-dashboard-top {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .affiliate-dashboard-actions {
    grid-column: 1 / -1;
  }

  .affiliate-history-form__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .affiliate-history-form__grid .field-partnersearch-name {
    grid-column: span 2;
  }

  .affiliate-operation {
    grid-template-columns: minmax(0, 1fr);
  }

  .affiliate-operation__meta {
    justify-content: start;
  }

  .affiliate-operation__status {
    justify-self: start;
  }
}

@media (max-width: 991.98px) {
  .affiliate-dashboard-top {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .affiliate-ref-link {
    grid-template-columns: 1fr;
  }

  .affiliate-history-form__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .affiliate-history-form__grid .field-partnersearch-name {
    grid-column: span 2;
  }
}

@media (max-width: 767.98px) {
  .affiliate-dashboard-page {
    max-width: 100%;
  }

  .affiliate-dashboard-header,
  .affiliate-ref-panel__header,
  .affiliate-history-panel__header {
    align-items: flex-start;
    flex-direction: column;
  }

  .affiliate-dashboard-top,
  .affiliate-history-form__grid {
    grid-template-columns: 1fr;
  }

  .affiliate-history-form__grid .field-partnersearch-name {
    grid-column: auto;
  }

  .affiliate-ref-panel__header,
  .affiliate-history-panel__header,
  .affiliate-ref-link,
  .affiliate-history-filter,
  .affiliate-operation,
  .affiliate-history-summary,
  .affiliate-history-empty {
    padding-left: 18px;
    padding-right: 18px;
  }

  .affiliate-operation__meta {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .affiliate-operation__status {
    grid-column: 1 / -1;
  }

  .affiliate-history-summary {
    align-items: stretch;
    flex-direction: column;
  }

  .affiliate-history-summary div {
    justify-content: space-between;
  }
}

@media (max-width: 575.98px) {
  .affiliate-dashboard-actions__buttons .btn,
  .affiliate-history-filter-toggle,
  .affiliate-history-form__actions .btn {
    width: 100%;
  }

  .affiliate-ref-link__control {
    flex-direction: column;
  }

  .affiliate-ref-link__control .form-control {
    border-bottom-right-radius: 0;
    border-top-right-radius: 4px;
  }

  .affiliate-ref-link__copy {
    border-bottom-left-radius: 4px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    flex-basis: 40px;
    width: 100%;
  }

  .affiliate-operation__meta {
    grid-template-columns: 1fr;
  }

  .affiliate-operation__amount strong {
    white-space: normal;
  }
}

.affiliate-withdraw-page,
.blog-page,
.blog-pro-page,
.categories-page,
.order-view-page {
  margin: 0 auto 36px;
  max-width: 1320px;
  width: 100%;
}

.affiliate-withdraw-layout {
  display: grid;
  gap: 18px;
  grid-template-columns: minmax(360px, 430px) minmax(0, 1fr);
}

.affiliate-withdraw-card,
.affiliate-refusal-card,
.blog-hero-card,
.blog-category-card,
.blog-category-header-card,
.blog-post-card,
.blog-article-hero,
.blog-article-card,
.blog-pro-hero-card,
.blog-pro-category-header-card,
.blog-pro-category-card,
.blog-pro-post-card,
.blog-pro-sidebar,
.blog-pro-article-hero,
.blog-pro-article-card,
.categories-header,
.category-overview-card,
.order-view-hero,
.order-view-note,
.order-view-card {
  background: #fff;
  border: 1px solid #e8ecf4;
  border-radius: 8px;
  box-shadow: 0 8px 24px rgba(15, 34, 58, .07);
}

.affiliate-withdraw-card {
  overflow: hidden;
}

.affiliate-withdraw-card__header {
  align-items: flex-start;
  background: #fbfcff;
  border-bottom: 1px solid #eff2f7;
  display: flex;
  gap: 13px;
  padding: 20px 22px;
}

.affiliate-withdraw-card__header > span {
  align-items: center;
  background: rgba(91, 115, 232, .12);
  border-radius: 50%;
  color: #5b73e8;
  display: inline-flex;
  flex: 0 0 auto;
  font-size: 22px;
  height: 42px;
  justify-content: center;
  width: 42px;
}

.affiliate-withdraw-card__header--history > span {
  background: rgba(80, 165, 241, .14);
  color: #2d8bd4;
}

.affiliate-withdraw-card__header h2 {
  color: #22252f;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.25;
  margin: 0;
}

.affiliate-withdraw-card__header p {
  color: #74788d;
  font-size: 13px;
  line-height: 1.45;
  margin: 6px 0 0;
}

.affiliate-withdraw-summary {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  padding: 18px 22px 0;
}

.affiliate-withdraw-summary__item {
  border: 1px solid #e8ecf4;
  border-radius: 8px;
  padding: 13px 14px;
}

.affiliate-withdraw-summary__item span {
  color: #74788d;
  display: block;
  font-size: 12px;
  line-height: 1.35;
  margin-bottom: 4px;
}

.affiliate-withdraw-summary__item strong {
  color: #22252f;
  display: block;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
  white-space: nowrap;
}

.affiliate-withdraw-summary__item--success {
  background: rgba(52, 195, 143, .08);
  border-color: rgba(52, 195, 143, .22);
}

.affiliate-withdraw-summary__item--info {
  background: rgba(80, 165, 241, .08);
  border-color: rgba(80, 165, 241, .2);
}

.affiliate-withdraw-note {
  align-items: flex-start;
  background: #f4f7ff;
  border: 1px solid #dfe6ff;
  border-radius: 8px;
  color: #53647f;
  display: flex;
  gap: 9px;
  margin: 14px 22px 0;
  padding: 11px 12px;
}

.affiliate-withdraw-note i {
  color: #5b73e8;
  font-size: 18px;
  line-height: 1;
  margin-top: 1px;
}

.affiliate-withdraw-form {
  padding: 18px 22px 22px;
}

.affiliate-withdraw-form .form-label {
  color: #22252f;
  font-size: 13px;
  font-weight: 700;
  margin-bottom: 7px;
}

.affiliate-withdraw-form .form-control,
.affiliate-withdraw-form .form-select {
  border-color: #dfe5f1;
  min-height: 42px;
}

.affiliate-withdraw-form textarea.form-control {
  min-height: 96px;
  resize: vertical;
}

.affiliate-withdraw-form .hint-block {
  color: #74788d;
  font-size: 12px;
  line-height: 1.4;
  margin-top: 5px;
}

.affiliate-withdraw-form__actions {
  border-top: 1px solid #eff2f7;
  display: flex;
  justify-content: flex-end;
  margin-top: 4px;
  padding-top: 16px;
}

.affiliate-withdraw-form__actions .btn {
  align-items: center;
  display: inline-flex;
  font-weight: 700;
  gap: 7px;
  min-height: 42px;
}

.affiliate-payout-list {
  display: grid;
}

.affiliate-payout-row {
  align-items: start;
  display: grid;
  gap: 12px 14px;
  grid-template-columns: minmax(0, 1fr) auto auto;
  padding: 17px 22px;
}

.affiliate-payout-row + .affiliate-payout-row {
  border-top: 1px solid #eff2f7;
}

.affiliate-payout-row__main {
  align-items: center;
  display: flex;
  gap: 12px;
  min-width: 0;
}

.affiliate-payout-row__icon {
  align-items: center;
  background: rgba(91, 115, 232, .12);
  border-radius: 8px;
  color: #5b73e8;
  display: inline-flex;
  flex: 0 0 auto;
  font-size: 20px;
  height: 42px;
  justify-content: center;
  width: 42px;
}

.affiliate-payout-row__title {
  align-items: baseline;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.affiliate-payout-row__title strong {
  color: #22252f;
  font-size: 17px;
  font-weight: 700;
  white-space: nowrap;
}

.affiliate-payout-row__title span,
.affiliate-payout-row__meta,
.affiliate-payout-row__details span {
  color: #74788d;
  font-size: 12px;
  line-height: 1.35;
}

.affiliate-payout-row__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 5px 12px;
  margin-top: 5px;
}

.affiliate-payout-row__details {
  background: #fbfcff;
  border: 1px solid #eff2f7;
  border-radius: 8px;
  grid-column: 1 / -1;
  min-width: 0;
  padding: 9px 11px;
}

.affiliate-payout-row__details span,
.affiliate-payout-row__details strong {
  display: block;
}

.affiliate-payout-row__details strong {
  color: #22252f;
  font-size: 13px;
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.affiliate-payout-status {
  border-radius: 999px;
  display: inline-flex;
  font-size: 12px;
  font-weight: 700;
  padding: 7px 10px;
  white-space: nowrap;
}

.affiliate-payout-row__actions {
  display: flex;
  gap: 8px;
  justify-content: flex-end;
  justify-self: end;
}

.affiliate-payout-row__actions .btn {
  align-items: center;
  display: inline-flex;
  font-weight: 700;
  gap: 6px;
  white-space: nowrap;
}

.affiliate-withdraw-pagination {
  border-top: 1px solid #eff2f7;
  padding: 16px 22px;
}

.affiliate-refusal-page {
  margin: 0 auto 36px;
  max-width: 760px;
}

.affiliate-refusal-card {
  align-items: flex-start;
  display: flex;
  gap: 18px;
  padding: 24px;
}

.affiliate-refusal-card__icon {
  align-items: center;
  background: rgba(244, 106, 106, .12);
  border-radius: 50%;
  color: #f46a6a;
  display: inline-flex;
  flex: 0 0 auto;
  font-size: 28px;
  height: 52px;
  justify-content: center;
  width: 52px;
}

.affiliate-refusal-card__body {
  min-width: 0;
  width: 100%;
}

.affiliate-refusal-card__top {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.affiliate-refusal-card__top h1 {
  color: #22252f;
  font-size: 26px;
  font-weight: 700;
  line-height: 1.25;
  margin: 0;
}

.affiliate-refusal-badge {
  background: rgba(244, 106, 106, .12);
  border-radius: 999px;
  color: #e35454;
  font-size: 12px;
  font-weight: 700;
  padding: 6px 10px;
}

.affiliate-refusal-card__subtitle {
  color: #74788d;
  font-size: 14px;
  line-height: 1.55;
  margin: 10px 0 0;
}

.affiliate-refusal-reason {
  background: #fff8ee;
  border: 1px solid #ffe1b5;
  border-radius: 8px;
  margin-top: 18px;
  padding: 14px 16px;
}

.affiliate-refusal-reason span {
  color: #9d631c;
  display: block;
  font-size: 12px;
  font-weight: 700;
  margin-bottom: 5px;
  text-transform: uppercase;
}

.affiliate-refusal-reason strong {
  color: #22252f;
  display: block;
  font-size: 15px;
  line-height: 1.5;
}

.affiliate-refusal-card__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin-top: 18px;
}

.affiliate-refusal-card__actions .btn {
  align-items: center;
  display: inline-flex;
  font-weight: 700;
  gap: 7px;
}

.blog-hero-card,
.blog-category-header-card,
.blog-article-hero {
  margin-bottom: 18px;
  padding: 24px;
}

.blog-hero-card {
  align-items: center;
  display: flex;
  min-height: 148px;
}

.blog-hero-card__eyebrow,
.blog-category-header-card__eyebrow {
  align-items: center;
  color: #5b73e8;
  display: inline-flex;
  font-size: 13px;
  font-weight: 700;
  gap: 6px;
  margin-bottom: 8px;
}

.blog-hero-card h1,
.blog-category-header-card h1,
.blog-article-hero h1 {
  color: #22252f;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.25;
  margin: 0;
}

.blog-hero-card p,
.blog-category-header-card p,
.blog-article-hero p {
  color: #74788d;
  font-size: 15px;
  line-height: 1.55;
  margin: 9px 0 0;
  max-width: 720px;
}

.blog-category-grid {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.blog-category-card {
  display: flex;
  flex-direction: column;
  min-height: 220px;
  padding: 20px;
}

.blog-category-card__icon,
.blog-category-header-card__icon,
.blog-post-card__icon {
  align-items: center;
  background: #f4f7fb;
  border-radius: 10px;
  display: inline-flex;
  flex: 0 0 auto;
  height: 56px;
  justify-content: center;
  width: 56px;
}

.blog-category-card__icon img,
.blog-category-header-card__icon img {
  display: block;
  max-height: 44px;
  max-width: 44px;
  object-fit: contain;
}

.blog-category-card__body {
  flex: 1 1 auto;
  margin-top: 16px;
}

.blog-category-card__top {
  align-items: flex-start;
  display: flex;
  gap: 12px;
  justify-content: space-between;
}

.blog-category-card h2,
.blog-post-card h2 {
  color: #22252f;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.3;
  margin: 0;
}

.blog-category-card h2 a,
.blog-post-card h2 a {
  color: inherit;
  text-decoration: none;
}

.blog-category-card h2 a:hover,
.blog-post-card h2 a:hover {
  color: #5b73e8;
}

.blog-category-card__top span,
.blog-category-header-card__count {
  background: #eef2ff;
  border-radius: 999px;
  color: #5b73e8;
  flex: 0 0 auto;
  font-size: 12px;
  font-weight: 700;
  padding: 6px 9px;
  white-space: nowrap;
}

.blog-category-card__text,
.blog-post-card p {
  color: #74788d;
  font-size: 14px;
  line-height: 1.55;
  margin-top: 10px;
}

.blog-category-card__link,
.blog-post-card__link {
  align-items: center;
  align-self: flex-start;
  color: #5b73e8;
  display: inline-flex;
  font-size: 13px;
  font-weight: 700;
  gap: 6px;
  margin-top: 18px;
  text-decoration: none;
}

.blog-category-card__link:hover,
.blog-post-card__link:hover {
  color: #4056cf;
}

.blog-category-header-card {
  align-items: center;
  display: grid;
  gap: 18px;
  grid-template-columns: auto minmax(0, 1fr) auto;
}

.blog-category-header-card__icon {
  height: 64px;
  width: 64px;
}

.blog-post-list {
  display: grid;
  gap: 12px;
}

.blog-post-card {
  align-items: center;
  display: grid;
  gap: 18px;
  grid-template-columns: auto minmax(0, 1fr) auto;
  padding: 18px 20px;
}

.blog-post-card__icon {
  color: #5b73e8;
  font-size: 24px;
}

.blog-post-card__body {
  min-width: 0;
}

.blog-post-card p {
  margin-bottom: 0;
}

.blog-post-card__meta {
  color: #74788d;
  display: flex;
  flex-wrap: wrap;
  font-size: 12px;
  gap: 10px;
  margin-top: 9px;
}

.blog-article-page {
  max-width: 980px;
}

.blog-article-hero__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 12px;
}

.blog-article-hero__meta span {
  align-items: center;
  background: #f4f7fb;
  border: 1px solid #e8ecf4;
  border-radius: 999px;
  color: #596175;
  display: inline-flex;
  font-size: 12px;
  font-weight: 700;
  gap: 5px;
  padding: 6px 9px;
}

.blog-article-card {
  padding: 24px;
}

.blog-article-content {
  color: #22252f;
  font-size: 15px;
  line-height: 1.75;
}

.blog-article-content > *:last-child {
  margin-bottom: 0;
}

.blog-article-content h2,
.blog-article-content h3 {
  color: #22252f;
  font-weight: 700;
  margin-top: 22px;
}

.blog-article-content p {
  margin-bottom: 14px;
}

.blog-article-footer {
  margin-top: 14px;
}

.blog-empty-state {
  align-items: center;
  background: #fff;
  border: 1px solid #e8ecf4;
  border-radius: 8px;
  color: #74788d;
  display: flex;
  gap: 12px;
  padding: 22px;
}

.blog-empty-state i {
  color: #5b73e8;
  font-size: 28px;
}

.blog-empty-state strong {
  color: #22252f;
  display: block;
  font-size: 16px;
}

.blog-pro-hero-card,
.blog-pro-category-header-card,
.blog-pro-article-hero {
  margin-bottom: 18px;
  padding: 24px;
}

.blog-pro-hero-card {
  align-items: end;
  display: grid;
  gap: 24px;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 420px);
  min-height: 158px;
}

.blog-pro-hero-card__eyebrow,
.blog-pro-category-header-card__eyebrow {
  align-items: center;
  color: #5b73e8;
  display: inline-flex;
  font-size: 13px;
  font-weight: 700;
  gap: 6px;
  margin-bottom: 8px;
}

.blog-pro-hero-card h1,
.blog-pro-category-header-card h1,
.blog-pro-article-hero h1 {
  color: #22252f;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.25;
  margin: 0;
}

.blog-pro-hero-card p,
.blog-pro-category-header-card__description,
.blog-pro-article-hero p {
  color: #74788d;
  font-size: 15px;
  line-height: 1.55;
  margin: 9px 0 0;
  max-width: 720px;
}

.blog-pro-category-header-card__description > *:last-child,
.blog-pro-category-card__description > *:last-child,
.blog-pro-article-content > *:last-child {
  margin-bottom: 0;
}

.blog-pro-search-form .input-group {
  align-items: stretch;
  display: flex;
}

.blog-pro-search .flex-fill {
  margin-bottom: 0;
  min-width: 0;
}

.blog-pro-search .form-control {
  background: #fbfcff;
  border-color: #dfe5f1;
  border-radius: 8px 0 0 8px;
  color: #22252f;
  min-height: 42px;
}

.blog-pro-search .btn {
  align-items: center;
  border-radius: 0 8px 8px 0;
  display: inline-flex;
  font-weight: 700;
  justify-content: center;
  min-width: 96px;
}

.blog-pro-layout {
  align-items: start;
}

.preview-blog-pro-list,
.blog-pro-category-posts,
.blog-pro-category-children {
  display: grid;
  gap: 12px;
}

.blog-pro-category-posts,
.blog-pro-category-children {
  margin-top: 18px;
}

.blog-pro-category-posts:first-child,
.blog-pro-category-children:first-child {
  margin-top: 0;
}

.blog-pro-category-posts > h2,
.blog-pro-category-children > h2 {
  color: #22252f;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.3;
  margin: 0 0 2px;
}

.blog-pro-post-card {
  align-items: center;
  display: grid;
  gap: 18px;
  grid-template-columns: auto minmax(0, 1fr) auto;
  padding: 18px 20px;
}

.blog-pro-post-card__icon,
.blog-pro-category-header-card__icon,
.blog-pro-article-hero__icon {
  align-items: center;
  background: #f4f7fb;
  border-radius: 10px;
  display: inline-flex;
  flex: 0 0 auto;
  height: 56px;
  justify-content: center;
  width: 56px;
}

.blog-pro-category-header-card__icon,
.blog-pro-article-hero__icon {
  height: 64px;
  width: 64px;
}

.blog-pro-post-card__icon img,
.blog-pro-category-header-card__icon img,
.blog-pro-article-hero__icon img {
  display: block;
  max-height: 44px;
  max-width: 44px;
  object-fit: contain;
}

.blog-pro-post-card__body {
  min-width: 0;
}

.blog-pro-post-card h2,
.blog-pro-category-card h3 {
  color: #22252f;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.3;
  margin: 0;
}

.blog-pro-post-card h2 a,
.blog-pro-category-card h3 a {
  color: inherit;
  text-decoration: none;
}

.blog-pro-post-card h2 a:hover,
.blog-pro-category-card h3 a:hover {
  color: #5b73e8;
}

.blog-pro-post-card p,
.blog-pro-category-card__description {
  color: #74788d;
  font-size: 14px;
  line-height: 1.55;
  margin: 10px 0 0;
}

.blog-pro-post-card__link,
.blog-pro-category-card__link {
  align-items: center;
  align-self: center;
  color: #5b73e8;
  display: inline-flex;
  font-size: 13px;
  font-weight: 700;
  gap: 6px;
  justify-self: end;
  text-decoration: none;
  white-space: nowrap;
}

.blog-pro-post-card__link:hover,
.blog-pro-category-card__link:hover {
  color: #4056cf;
}

.blog-pro-category-header-card {
  align-items: center;
  display: grid;
  gap: 18px;
  grid-template-columns: auto minmax(0, 1fr) minmax(280px, 380px);
}

.blog-pro-category-header-card__content {
  min-width: 0;
}

.blog-pro-category-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 160px;
  padding: 18px;
}

.blog-pro-category-card__body {
  flex: 1 1 auto;
  min-width: 0;
}

.blog-pro-category-card__link {
  align-self: flex-start;
  justify-self: start;
  margin-top: 16px;
}

.blog-pro-sidebar {
  padding: 18px;
  position: sticky;
  top: 92px;
}

.blog-pro-sidebar h2 {
  align-items: center;
  color: #22252f;
  display: flex;
  font-size: 16px;
  font-weight: 700;
  gap: 7px;
  line-height: 1.3;
  margin: 0 0 12px;
}

.blog-pro-sidebar h2 i {
  color: #5b73e8;
  font-size: 18px;
}

.blog-pro-sidebar__list {
  display: grid;
  gap: 4px;
}

.blog-pro-sidebar__list--nested {
  display: none;
  gap: 3px;
  margin: 4px 0 0 12px;
}

.blog-pro-sidebar__list--nested.is-expanded {
  display: grid;
}

.blog-pro-sidebar__link {
  border-radius: 7px;
  color: #596175;
  display: block;
  font-size: 14px;
  line-height: 1.35;
  padding: 8px 10px;
  text-decoration: none;
}

.blog-pro-sidebar__item--active > .blog-pro-sidebar__link,
.blog-pro-sidebar__link:hover {
  background: #f4f7fb;
  color: #4056cf;
}

.blog-pro-sidebar__link--current {
  background: #eef2ff;
  color: #4056cf;
  font-weight: 700;
}

.blog-pro-article-hero {
  align-items: start;
  display: grid;
  gap: 18px;
  grid-template-columns: auto minmax(0, 1fr) minmax(280px, 360px);
}

.blog-pro-article-hero__content {
  min-width: 0;
}

.blog-pro-article-hero__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 12px;
}

.blog-pro-article-hero__meta span {
  align-items: center;
  background: #f4f7fb;
  border: 1px solid #e8ecf4;
  border-radius: 999px;
  color: #596175;
  display: inline-flex;
  font-size: 12px;
  font-weight: 700;
  gap: 5px;
  padding: 6px 9px;
}

.blog-pro-article-card {
  padding: 24px;
}

.blog-pro-article-content {
  color: #22252f;
  font-size: 15px;
  line-height: 1.75;
}

.blog-pro-article-content h2,
.blog-pro-article-content h3 {
  color: #22252f;
  font-weight: 700;
  margin-top: 22px;
}

.blog-pro-article-content p {
  margin-bottom: 14px;
}

.blog-pro-article-content ol,
.blog-pro-article-content ul {
  margin-bottom: 18px;
  padding-left: 22px;
}

.blog-pro-article-footer {
  margin-top: 14px;
}

.blog-pro-empty-state {
  align-items: center;
  background: #fff;
  border: 1px solid #e8ecf4;
  border-radius: 8px;
  color: #74788d;
  display: flex;
  gap: 12px;
  padding: 22px;
}

.blog-pro-empty-state i {
  color: #5b73e8;
  font-size: 28px;
}

.blog-pro-empty-state strong {
  color: #22252f;
  display: block;
  font-size: 16px;
}

.blog-pro-empty-state span {
  display: block;
}

.order-view-page {
  max-width: 1180px;
}

.order-view-hero {
  align-items: flex-end;
  display: flex;
  gap: 18px;
  justify-content: space-between;
  margin-bottom: 16px;
  padding: 24px;
}

.order-view-hero__eyebrow {
  color: #5b73e8;
  display: block;
  font-size: 13px;
  font-weight: 700;
  margin-bottom: 8px;
}

.order-view-hero h1 {
  color: #22252f;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.2;
  margin: 0;
}

.order-view-hero p {
  color: #74788d;
  font-size: 14px;
  line-height: 1.5;
  margin: 8px 0 0;
}

.order-view-summary {
  display: flex;
  gap: 10px;
}

.order-view-summary div {
  background: #fbfcff;
  border: 1px solid #e8ecf4;
  border-radius: 8px;
  min-width: 118px;
  padding: 12px 14px;
}

.order-view-summary span {
  color: #74788d;
  display: block;
  font-size: 12px;
  line-height: 1.35;
  margin-bottom: 4px;
}

.order-view-summary strong {
  color: #22252f;
  display: block;
  font-size: 20px;
  font-weight: 700;
  white-space: nowrap;
}

.order-view-note {
  align-items: flex-start;
  display: flex;
  gap: 12px;
  margin-bottom: 16px;
  padding: 16px 18px;
}

.order-view-note i {
  color: #5b73e8;
  font-size: 24px;
}

.order-view-note strong {
  color: #22252f;
  display: block;
  font-size: 14px;
  margin-bottom: 4px;
}

.order-view-note p {
  color: #596175;
  font-size: 14px;
  line-height: 1.55;
  margin: 0;
}

.order-view-card {
  overflow: hidden;
}

.order-view-card__header {
  align-items: center;
  background: #fbfcff;
  border-bottom: 1px solid #eff2f7;
  display: flex;
  gap: 16px;
  justify-content: space-between;
  padding: 20px 24px;
}

.order-view-card__header h2 {
  color: #22252f;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.25;
  margin: 0;
}

.order-view-card__header p {
  color: #74788d;
  font-size: 13px;
  line-height: 1.45;
  margin: 6px 0 0;
}

.order-view-card__header > span {
  background: #eef2ff;
  border-radius: 999px;
  color: #5b73e8;
  font-size: 12px;
  font-weight: 700;
  padding: 6px 10px;
  white-space: nowrap;
}

.order-result-list {
  display: grid;
}

.order-result-card {
  padding: 18px 24px;
}

.order-result-card + .order-result-card {
  border-top: 1px solid #eff2f7;
}

.order-result-card__main {
  align-items: center;
  display: grid;
  gap: 16px;
  grid-template-columns: auto minmax(0, 1fr) minmax(120px, auto) minmax(120px, auto);
}

.order-result-card__thumb {
  align-items: center;
  background: #f4f7fb;
  border-radius: 8px;
  display: inline-flex;
  height: 54px;
  justify-content: center;
  width: 54px;
}

.order-result-card__thumb img {
  display: block;
  max-height: 36px;
  max-width: 36px;
  object-fit: contain;
}

.order-result-card__title {
  color: #22252f;
  display: inline-block;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.35;
  text-decoration: none;
}

.order-result-card__title:hover {
  color: #5b73e8;
}

.order-result-card__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 12px;
  margin-top: 7px;
}

.order-result-card__meta span {
  align-items: center;
  color: #596175;
  display: inline-flex;
  font-size: 12px;
  gap: 5px;
}

.order-result-card__meta i {
  color: #5b73e8;
}

.order-result-card__total {
  text-align: right;
}

.order-result-card__total span,
.order-result-card__small {
  color: #74788d;
  display: block;
  font-size: 12px;
  line-height: 1.35;
}

.order-result-card__total strong {
  color: #22252f;
  display: block;
  font-size: 17px;
  font-weight: 700;
  margin-top: 3px;
  white-space: nowrap;
}

.order-result-card__action {
  display: flex;
  flex-direction: column;
  gap: 5px;
  justify-self: end;
}

.order-result-card__action .btn {
  align-items: center;
  display: inline-flex;
  font-weight: 700;
  gap: 6px;
  justify-content: center;
  white-space: nowrap;
}

.order-result-card__spinner {
  height: 28px;
  width: 28px;
}

.order-result-card__status {
  align-items: flex-start;
  border-radius: 8px;
  display: flex;
  gap: 10px;
  margin-top: 14px;
  padding: 12px 14px;
}

.order-result-card__status i {
  font-size: 18px;
  line-height: 1;
  margin-top: 2px;
}

.order-result-card__status strong {
  color: #22252f;
  display: block;
  font-size: 14px;
  line-height: 1.35;
}

.order-result-card__status p {
  color: #596175;
  font-size: 13px;
  line-height: 1.5;
  margin: 4px 0 0;
}

.order-result-card--success .order-result-card__status {
  background: rgba(52, 195, 143, .09);
  border: 1px solid rgba(52, 195, 143, .22);
}

.order-result-card--success .order-result-card__status i {
  color: #20a879;
}

.order-result-card--info .order-result-card__status {
  background: rgba(91, 115, 232, .08);
  border: 1px solid rgba(91, 115, 232, .22);
}

.order-result-card--info .order-result-card__status i {
  color: #4b63d3;
}

.order-result-card--warning .order-result-card__status {
  background: rgba(241, 180, 76, .12);
  border: 1px solid rgba(241, 180, 76, .28);
}

.order-result-card--warning .order-result-card__status i {
  color: #d89422;
}

.order-result-card--danger .order-result-card__status {
  background: rgba(244, 106, 106, .10);
  border: 1px solid rgba(244, 106, 106, .22);
}

.order-result-card--danger .order-result-card__status i {
  color: #e35454;
}

.order-result-card--muted .order-result-card__status {
  background: #f4f7fb;
  border: 1px solid #e8ecf4;
}

.order-result-card--muted .order-result-card__status i {
  color: #74788d;
}

.order-refund-panel {
  background: #fbfcff;
  border: 1px solid #e8ecf4;
  border-radius: 8px;
  margin-top: 12px;
  padding: 14px;
}

.order-refund-panel__header {
  align-items: center;
  display: flex;
  gap: 10px;
  margin-bottom: 12px;
}

.order-refund-panel__header strong {
  color: #22252f;
  display: block;
  font-size: 14px;
  line-height: 1.35;
}

.order-refund-panel__header span:not(.order-refund-panel__icon) {
  color: #74788d;
  display: block;
  font-size: 12px;
  line-height: 1.35;
  margin-top: 2px;
}

.order-refund-panel__icon {
  align-items: center;
  background: rgba(91, 115, 232, .10);
  border-radius: 8px;
  color: #4b63d3;
  display: inline-flex;
  flex: 0 0 34px;
  font-size: 18px;
  height: 34px;
  justify-content: center;
  width: 34px;
}

.order-refund-list {
  display: grid;
  gap: 10px;
}

.order-refund-row {
  background: #fff;
  border: 1px solid #edf1f7;
  border-radius: 8px;
  padding: 12px 14px;
}

.order-refund-row__title {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: space-between;
}

.order-refund-row__title strong {
  color: #22252f;
  font-size: 14px;
  line-height: 1.35;
}

.order-refund-row__meta {
  display: grid;
  gap: 10px 16px;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  margin: 12px 0 0;
}

.order-refund-row__meta div {
  min-width: 0;
}

.order-refund-row__meta dt,
.order-refund-row__note span,
.order-refund-empty {
  color: #74788d;
  font-size: 12px;
  line-height: 1.35;
}

.order-refund-row__meta dd {
  color: #22252f;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.35;
  margin: 3px 0 0;
}

.order-refund-row__note,
.order-refund-row__decline {
  background: #f8faff;
  border: 1px solid #edf1f7;
  border-radius: 8px;
  margin-top: 12px;
  padding: 10px 12px;
}

.order-refund-row__note strong {
  color: #22252f;
  display: block;
  font-size: 13px;
  line-height: 1.35;
  margin-top: 3px;
}

.order-refund-row__note p,
.order-refund-row__decline p {
  color: #596175;
  font-size: 13px;
  line-height: 1.5;
  margin: 4px 0 0;
}

.order-refund-row__decline {
  background: rgba(244, 106, 106, .07);
  border-color: rgba(244, 106, 106, .18);
}

.order-refund-row__decline strong {
  color: #22252f;
  display: block;
  font-size: 13px;
}

.order-refund-row__decline .btn {
  margin-top: 10px;
}

.order-result-card__replaces {
  background: #fbfcff;
  border: 1px solid #e8ecf4;
  border-radius: 8px;
  margin-top: 12px;
  padding: 12px 14px;
}

.order-result-card__replaces strong {
  color: #22252f;
  display: block;
  font-size: 13px;
  margin-bottom: 6px;
}

.order-result-card__replaces ul {
  margin-bottom: 0;
}

@media (max-width: 1199.98px) {
  .affiliate-withdraw-layout {
    grid-template-columns: 1fr;
  }

  .affiliate-payout-row {
    grid-template-columns: minmax(0, 1fr) auto auto;
  }

  .affiliate-payout-row__actions {
    grid-column: auto;
    justify-content: flex-end;
  }

  .blog-category-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 991.98px) {
  .order-result-card__main {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .order-result-card__total {
    text-align: left;
  }

  .order-result-card__action {
    justify-self: start;
  }
}

@media (max-width: 767.98px) {
  .affiliate-withdraw-page,
  .blog-page,
  .blog-pro-page,
  .categories-page,
  .order-view-page {
    max-width: 100%;
  }

  .affiliate-withdraw-summary,
  .blog-category-grid,
  .blog-pro-hero-card,
  .blog-pro-category-header-card,
  .blog-pro-article-hero {
    grid-template-columns: 1fr;
  }

  .affiliate-payout-row,
  .blog-category-header-card,
  .blog-post-card,
  .blog-pro-post-card,
  .order-view-hero,
  .order-view-card__header {
    align-items: flex-start;
    grid-template-columns: 1fr;
  }

  .affiliate-payout-row__status,
  .affiliate-payout-row__actions,
  .blog-category-header-card__count,
  .blog-post-card__link,
  .blog-pro-post-card__link {
    justify-self: start;
  }

  .blog-pro-sidebar {
    position: static;
  }

  .categories-header {
    align-items: flex-start;
    flex-direction: column;
  }

  .categories-header__stats {
    width: 100%;
  }

  .categories-header__stats div {
    flex: 1 1 0;
  }

  .order-view-hero {
    display: grid;
  }

  .order-view-summary {
    width: 100%;
  }

  .order-view-summary div {
    flex: 1 1 0;
  }
}

@media (max-width: 575.98px) {
  .affiliate-refusal-card,
  .order-view-note {
    flex-direction: column;
  }

  .affiliate-withdraw-form__actions,
  .affiliate-refusal-card__actions,
  .affiliate-payout-row__actions,
  .order-view-summary {
    flex-direction: column;
  }

  .affiliate-withdraw-form__actions .btn,
  .affiliate-refusal-card__actions .btn,
  .affiliate-payout-row__actions .btn,
  .blog-post-card__link,
  .blog-pro-post-card__link,
  .order-result-card__action,
  .order-result-card__action .btn {
    width: 100%;
  }

  .blog-pro-hero-card,
  .blog-pro-category-header-card,
  .blog-pro-article-hero,
  .blog-pro-article-card,
  .blog-pro-post-card,
  .blog-pro-sidebar,
  .categories-header,
  .category-overview-card {
    padding: 18px;
  }

  .categories-grid {
    grid-template-columns: 1fr;
  }

  .blog-pro-search-form .input-group {
    flex-direction: column;
  }

  .blog-pro-search .form-control,
  .blog-pro-search .btn {
    border-radius: 8px;
    width: 100%;
  }

  .blog-pro-search .btn {
    margin-top: 8px;
  }
}

.header-actions {
  gap: 8px;
  height: 70px;
}

.header-actions .header-item {
  align-items: center;
  background: rgba(255, 255, 255, .08);
  border: 0;
  border-radius: 999px;
  color: #fff;
  display: inline-flex;
  height: 38px;
  justify-content: center;
  margin: 0;
  min-width: 38px;
  padding: 0 10px;
}

.header-actions .header-item:hover,
.header-actions .header-item:focus {
  background: rgba(255, 255, 255, .16);
  color: #fff;
}

.header-actions .noti-icon {
  padding: 0;
  width: 38px;
}

.header-actions .noti-icon i,
.header-actions .digimall-register-button i,
.header-actions .digimall-login-button i {
  font-size: 19px;
  line-height: 1;
}

.header-actions .digimall-register-button,
.header-actions .digimall-login-button {
  gap: 6px;
  min-width: auto;
}

.header-balance-pill {
  align-items: center;
  background: rgba(255, 255, 255, .1);
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 999px;
  color: #fff;
  gap: 6px;
  height: 38px;
  justify-content: center;
  line-height: 1;
  padding: 0 12px;
  text-decoration: none;
  transition: background-color .15s ease, border-color .15s ease, box-shadow .15s ease;
}

.header-balance-pill:hover,
.header-balance-pill:focus {
  background: rgba(255, 255, 255, .18);
  border-color: rgba(255, 255, 255, .24);
  box-shadow: 0 4px 14px rgba(15, 34, 58, .08);
  color: #fff;
}

.header-balance-pill i {
  font-size: 18px;
  line-height: 1;
}

.header-balance-pill__label {
  font-size: 12px;
  font-weight: 600;
  opacity: .78;
}

.header-balance-pill__value {
  font-size: 13px;
  font-weight: 800;
  white-space: nowrap;
}

.digimall-register-button,
.digimall-login-button {
  color: #fff;
}

.digimall-register-button {
  background: rgba(255, 255, 255, .12);
}

.digimall-register-button:hover,
.digimall-register-button:focus,
.digimall-login-button:hover,
.digimall-login-button:focus {
  color: #fff;
  background: rgba(255, 255, 255, .18);
}

.digimall-catalog-nav {
  flex-shrink: 0;
}

.digimall-minible .topnav {
  background: #fff;
  box-shadow: 0 2px 4px rgba(15, 34, 58, .08);
  display: block;
  left: 0;
  margin-top: 0 !important;
  min-height: 55px;
  position: fixed;
  right: 0;
  top: 70px;
  z-index: 100;
}

.digimall-minible .topnav .navbar {
  min-height: 55px;
  padding: 0;
}

.digimall-minible .topnav .navbar-collapse {
  align-items: stretch;
}

.digimall-header-menu {
  flex-wrap: wrap;
}

.digimall-header-menu .digimall-header-menu-accent {
  color: #34c38f;
  font-weight: 600;
}

.topnav .navbar-nav .nav-link {
  align-items: center;
  display: flex;
  gap: 4px;
  min-height: 56px;
}

.digimall-minible .topnav .navbar-nav .nav-link.dropdown-toggle {
  color: #74788d;
}

.digimall-minible .topnav .navbar-nav .nav-link.dropdown-toggle:hover,
.digimall-minible .topnav .navbar-nav .nav-link.dropdown-toggle:focus-visible,
.digimall-minible .topnav .navbar-nav .nav-link.dropdown-toggle.show,
.digimall-minible .topnav .navbar-nav .nav-link.dropdown-toggle[aria-expanded=true] {
  color: #5b73e8;
}

.digimall-minible .topnav .navbar-nav .nav-link.dropdown-toggle:focus:not(:focus-visible) {
  color: #74788d;
}

.topnav .navbar-collapse > .text-warning {
  align-self: center;
  display: inline-flex;
  padding: 16px 0 16px 18px;
}

.dropdown-submenu-parent {
  position: relative;
}

.dropdown-submenu-parent > .dropdown-submenu,
.dropdown-submenu-parent > .dropdown-menu {
  display: none;
  left: 100%;
  margin-left: 0;
  margin-top: -6px;
  position: absolute;
  top: 0;
}

.dropdown-submenu-parent:hover > .dropdown-submenu,
.dropdown-submenu-parent:hover > .dropdown-menu {
  display: block;
}

.digimall-catalog-menu {
  min-width: 300px;
}

.digimall-catalog-menu .dropdown-item,
.digimall-header-menu .dropdown-item {
  min-height: 40px;
}

.digimall-catalog-menu img {
  object-fit: cover;
}

.basket-icon__counter:not(:empty) {
  background-color: #34c38f;
  border: 2px solid #5b73e8;
  border-radius: 999px;
  color: #fff;
  font-size: 10px;
  line-height: 1;
  min-width: 18px;
  padding: 2px 4px;
  position: absolute;
  right: 10px;
  top: 13px;
}

.header-actions .basket-icon__counter:not(:empty) {
  right: 1px;
  top: 1px;
}

.banner-stack:empty {
  display: none;
}

.banner-stack.mb-4 {
  margin-bottom: 1rem !important;
}

.categories-header {
  align-items: flex-end;
  display: flex;
  gap: 18px;
  justify-content: space-between;
  margin-bottom: 18px;
  padding: 22px 24px;
}

.categories-header__content {
  min-width: 0;
}

.categories-header__eyebrow {
  align-items: center;
  color: #5b73e8;
  display: inline-flex;
  font-size: 13px;
  font-weight: 700;
  gap: 6px;
  margin-bottom: 8px;
}

.categories-header h1 {
  color: #22252f;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.25;
  margin: 0;
}

.categories-header p {
  color: #74788d;
  font-size: 15px;
  line-height: 1.55;
  margin: 9px 0 0;
  max-width: 680px;
}

.categories-header__stats {
  display: flex;
  flex: 0 0 auto;
  gap: 10px;
}

.categories-header__stats div {
  background: #f4f7fb;
  border: 1px solid #e8ecf4;
  border-radius: 8px;
  min-width: 112px;
  padding: 12px 14px;
  text-align: center;
}

.categories-header__stats strong {
  color: #22252f;
  display: block;
  font-size: 22px;
  font-weight: 800;
  line-height: 1.1;
}

.categories-header__stats span {
  color: #74788d;
  display: block;
  font-size: 12px;
  font-weight: 700;
  margin-top: 5px;
}

.categories-grid {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}

.category-overview-card {
  display: flex;
  flex-direction: column;
  min-height: 270px;
  padding: 18px;
}

.category-overview-card__header {
  align-items: center;
  display: flex;
  gap: 12px;
  min-width: 0;
}

.category-overview-card__icon {
  align-items: center;
  background: #f4f7fb;
  border-radius: 10px;
  display: inline-flex;
  flex: 0 0 auto;
  height: 56px;
  justify-content: center;
  width: 56px;
}

.category-overview-card__icon img,
.category-overview-card__group img {
  display: block;
  object-fit: contain;
}

.category-overview-card__title {
  min-width: 0;
}

.category-overview-card h2 {
  color: #22252f;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.3;
  margin: 0;
}

.category-overview-card h2 a {
  color: inherit;
  text-decoration: none;
}

.category-overview-card h2 a:hover {
  color: #5b73e8;
}

.category-overview-card__title span,
.category-overview-card__empty {
  color: #74788d;
  font-size: 13px;
  line-height: 1.45;
}

.category-overview-card__title span {
  display: block;
  margin-top: 5px;
}

.category-overview-card__groups {
  display: grid;
  gap: 8px;
  margin-top: 16px;
}

.category-overview-card__group {
  align-items: center;
  border: 1px solid #eff2f7;
  border-radius: 7px;
  color: #596175;
  display: flex;
  font-size: 14px;
  font-weight: 600;
  gap: 9px;
  line-height: 1.35;
  min-height: 42px;
  min-width: 0;
  padding: 8px 10px;
  text-decoration: none;
}

.category-overview-card__group span {
  min-width: 0;
}

.category-overview-card__group:hover,
.category-overview-card__group:focus {
  background: #f4f7fb;
  border-color: #dfe5f1;
  color: #4056cf;
}

.category-overview-card__empty {
  background: #fbfcff;
  border: 1px dashed #dfe5f1;
  border-radius: 7px;
  margin: 16px 0 0;
  padding: 12px;
}

.category-overview-card__footer {
  border-top: 1px solid #eff2f7;
  margin-top: auto;
  padding-top: 14px;
}

.category-overview-card__link {
  align-items: center;
  color: #5b73e8;
  display: inline-flex;
  font-size: 13px;
  font-weight: 700;
  gap: 6px;
  text-decoration: none;
}

.category-overview-card__link:hover,
.category-overview-card__link:focus {
  color: #4056cf;
}

.categories-widgets {
  display: grid;
  gap: 18px;
  margin-top: 24px;
}

.categories-footer-action {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}

.catalog-filter-card,
.product-list-card {
  border: 0;
  box-shadow: 0 2px 8px rgba(15, 34, 58, .08);
}

.catalog-filter-card .card-body {
  padding: 16px 18px;
}

.catalog-filter-card__header {
  align-items: flex-start;
  display: flex;
  justify-content: space-between;
  margin-bottom: 12px;
}

.catalog-filter-card .card-title {
  font-size: 16px;
  font-weight: 800;
}

.catalog-filter-card .card-title-desc {
  font-size: 13px;
  line-height: 1.35;
}

.catalog-filter-form .form-label {
  color: #343a40;
  font-size: 12px;
  font-weight: 500;
  margin-bottom: 5px;
}

.catalog-filter-form .form-control,
.catalog-filter-form .form-select {
  min-height: 34px;
  padding-bottom: 6px;
  padding-top: 6px;
}

.catalog-filter-main {
  min-width: 0;
}

.catalog-filter-actions {
  align-items: center;
  background: #f8f9fc;
  border: 1px solid #eff2f7;
  border-radius: 8px;
  display: flex;
  gap: 8px;
  justify-content: flex-end;
  margin-left: auto;
  padding: 4px;
  width: max-content;
}

.catalog-filter-actions .btn {
  min-height: 34px;
  padding: 6px 12px;
}

.catalog-filter-actions .btn-light {
  background: transparent;
  border-color: transparent;
  color: #74788d;
}

.catalog-filter-actions .btn-light:hover,
.catalog-filter-actions .btn-light:focus {
  background: #fff;
  color: #343a40;
}

.catalog-filter-quick-row {
  align-items: center;
  border-top: 1px solid #eff2f7;
  display: flex;
  gap: 12px;
  justify-content: space-between;
  margin-top: 12px;
  padding-top: 10px;
}

.catalog-filter-checks {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 8px 16px;
}

.catalog-filter-checks .form-check {
  margin-bottom: 0;
}

.catalog-filter-toggle {
  align-items: center;
  background: #f4f6ff;
  border: 1px solid #dbe2ff;
  border-radius: 999px;
  color: #5b73e8;
  display: inline-flex;
  font-size: 13px;
  font-weight: 700;
  min-height: 32px;
  padding: 6px 12px;
  text-decoration: none;
  white-space: nowrap;
}

.catalog-filter-toggle:hover,
.catalog-filter-toggle:focus {
  background: #e9edff;
  color: #4058d6;
  text-decoration: none;
}

.catalog-filter-toggle__label--hide,
.catalog-filter-toggle:not(.collapsed) .catalog-filter-toggle__label--show {
  display: none;
}

.catalog-filter-toggle:not(.collapsed) .catalog-filter-toggle__label--hide {
  display: inline;
}

.catalog-filter-toggle__chevron {
  transition: transform .16s ease;
}

.catalog-filter-toggle:not(.collapsed) .catalog-filter-toggle__chevron {
  transform: rotate(180deg);
}

.catalog-filter-extra {
  background: #fbfcff;
  border: 1px solid #eff2f7;
  border-radius: 10px;
  margin-top: 12px;
  padding: 12px;
}

.catalog-filter-extra__header {
  align-items: flex-start;
  border-bottom: 1px solid #eff2f7;
  display: flex;
  justify-content: space-between;
  margin-bottom: 12px;
  padding-bottom: 10px;
}

.catalog-filter-extra__title {
  color: #343a40;
  font-size: 13px;
  font-weight: 800;
}

.catalog-filter-extra__hint {
  color: #74788d;
  font-size: 12px;
  line-height: 1.35;
}

.catalog-filter-range {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.catalog-filter-attributes {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  margin-top: 12px;
}

.sort-links {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.sort-links li {
  margin: 0 !important;
}

.sort-links a {
  align-items: center;
  background: #f5f6f8;
  border-radius: 4px;
  color: #495057;
  display: inline-flex;
  min-height: 30px;
  padding: 5px 10px;
}

.sort-links a:hover,
.sort-links a:focus,
.sort-links a.asc,
.sort-links a.desc {
  background: #e9edff;
  color: #5b73e8;
}

.page-size-switcher .btn {
  min-width: 38px;
}

.product-list-heading {
  background: #fff;
  border-bottom: 1px solid #eff2f7;
  padding: 14px 18px 12px;
}

.product-list-heading__top,
.product-list-toolbar,
.product-list-sort,
.product-list-page-size {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.product-list-heading__top {
  justify-content: space-between;
}

.product-list-toolbar {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  margin-top: 10px;
}

.product-list-sort {
  gap: 8px;
  grid-column: 1 / span 6;
}

.product-list-page-size {
  justify-content: flex-end;
}

.product-list-columns {
  align-items: center;
  color: #74788d;
  font-size: 13px;
  gap: 10px;
  grid-column: 7 / -1;
  grid-template-columns: minmax(64px, 1fr) minmax(86px, 1fr) minmax(260px, 4fr);
  min-width: 0;
  text-align: right;
  width: 100%;
}

.product-row {
  margin: 0;
  min-height: 72px;
  padding: 11px 18px;
  transition: background-color .16s ease, box-shadow .16s ease;
}

.product-row + .product-row {
  border-top: 1px solid #eff2f7;
}

.product-row--blacklisted {
  background: #fff9ec;
  box-shadow: inset 3px 0 0 #f1b44c;
}

.product-row__main {
  align-items: flex-start;
  display: flex;
  gap: 12px;
  min-width: 0;
}

.product-row__image-link {
  flex: 0 0 42px;
}

.product-row__content {
  min-width: 0;
}

.product-row__title {
  color: #343a40;
  display: inline-flex;
  font-weight: 600;
  max-width: 100%;
}

.product-row__title:hover,
.product-row__title:focus {
  color: #5b73e8;
}

.product-row__title-text {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  min-width: 0;
}

.product-row__blacklist-badge {
  align-items: center;
  background: #fff2da;
  border: 1px solid rgba(241, 180, 76, .5);
  border-radius: 999px;
  color: #8a5a0a;
  display: inline-flex;
  font-size: 11px;
  font-weight: 800;
  gap: 4px;
  line-height: 1;
  padding: 4px 8px;
}

.product-row__image {
  background: #f5f6f8;
  border: 1px solid #eff2f7;
  border-radius: 6px;
  flex: 0 0 42px;
  object-fit: cover;
}

.catalog-product-attributes {
  align-items: center;
  display: flex;
  flex-wrap: nowrap;
  gap: 4px;
  margin-top: 4px;
  max-width: 100%;
  overflow: hidden;
}

.catalog-product-attributes--expanded {
  flex-wrap: wrap;
  overflow: visible;
}

.catalog-product-attribute-chip,
.catalog-product-attribute-toggle {
  align-items: center;
  border-radius: 999px;
  display: inline-flex;
  font-size: 11px;
  line-height: 1.2;
  min-height: 21px;
  text-decoration: none;
}

.catalog-product-attribute-chip {
  background: #fbfcff;
  border: 1px solid #edf0f6;
  color: #495057;
  flex: 0 1 auto;
  gap: 4px;
  max-width: min(100%, 190px);
  min-width: 0;
  padding: 2px 7px;
}

.catalog-product-attributes--expanded .catalog-product-attribute-chip {
  max-width: min(100%, 230px);
}

.catalog-product-attribute-chip__label {
  color: #74788d;
  flex: 0 0 auto;
  font-weight: 600;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.catalog-product-attribute-chip__values {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.catalog-product-attribute-chip__value {
  color: #343a40 !important;
  display: inline;
  font-weight: 600;
  min-width: 0;
  overflow: hidden;
  text-decoration: none;
  text-overflow: ellipsis;
}

.catalog-product-attribute-chip__value:hover,
.catalog-product-attribute-chip__value:focus {
  color: #5b73e8 !important;
  text-decoration: underline;
}

.catalog-product-attribute-chip .mdi,
.catalog-product-attribute-chip .fa,
.catalog-product-attribute-chip svg {
  color: #74788d;
  flex: 0 0 auto;
}

.catalog-product-attribute-toggle {
  background: #eef2ff;
  border: 1px solid #cfd8ff;
  color: #4f63d9;
  flex: 0 0 auto;
  font-weight: 700;
  gap: 3px;
  margin-left: 1px;
  padding: 2px 8px;
  transition: background-color .16s ease, border-color .16s ease, color .16s ease, box-shadow .16s ease;
}

.catalog-product-attribute-toggle:hover,
.catalog-product-attribute-toggle:focus {
  background: #5b73e8;
  border-color: #5b73e8;
  box-shadow: 0 4px 10px rgba(91, 115, 232, .18);
  color: #fff;
}

.catalog-product-attribute-toggle[aria-expanded="true"] {
  background: #f4f6ff;
  border-color: #cfd8ff;
  color: #4058d6;
}

.catalog-product-attribute-toggle__icon {
  font-size: 14px;
  line-height: 1;
  transition: transform .16s ease;
}

.catalog-product-attribute-toggle[aria-expanded="true"] .catalog-product-attribute-toggle__icon {
  transform: rotate(180deg);
}

.product-row__metric {
  align-items: baseline;
  display: flex;
  gap: 4px;
  justify-content: flex-end;
  min-height: 34px;
  white-space: nowrap;
}

.product-row__metric strong {
  color: #343a40;
  font-weight: 600;
}

.product-row__metric small {
  color: #74788d;
}

.product-row__actions {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: flex-end;
  min-width: 0;
}

.product-row__secondary-actions,
.product-row__purchase-actions,
.buy-buttons-container,
.basket-controls-container {
  align-items: center;
  display: flex;
  gap: 6px;
  justify-content: flex-end;
}

.product-row__secondary-actions,
.product-row__purchase-actions {
  flex-wrap: nowrap;
  min-width: 0;
}

.product-row__secondary-actions {
  background: #f8f9fc;
  border: 1px solid #edf0f6;
  border-radius: 8px;
  gap: 4px;
  padding: 3px;
}

.product-row__purchase-actions {
  gap: 8px;
}

.product-row__secondary-button,
.product-row__info-button {
  border-radius: 6px;
  height: 30px;
  justify-content: center;
  padding: 0;
  width: 30px;
}

.product-row__info-button,
.product-row__info-button:focus {
  background: #e9edff;
  border-color: #cdd6ff;
  color: #5b73e8;
}

.product-row__info-button:hover {
  background: #5b73e8;
  border-color: #5b73e8;
  color: #fff;
}

.product-row .blacklist-button:hover,
.product-row .blacklist-button:focus {
  transform: none;
}

.product-row .blacklist-button--active {
  background: #fff2da;
  border-color: rgba(241, 180, 76, .58);
  color: #9a6509;
}

.product-row .blacklist-button--active:hover,
.product-row .blacklist-button--active:focus {
  background: #f1b44c;
  border-color: #f1b44c;
  color: #fff;
  transform: none;
}

.product-row .buy-buttons-container .btn,
.product-row .basket-controls-container .btn {
  min-height: 32px;
}

.product-row .basket-controls-container {
  gap: 5px;
}

.product-row .basket-controls-container--compact {
  background: #fbfcff;
  border: 1px solid #e2e7f3;
  border-radius: 8px;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .55);
  flex-wrap: nowrap;
  padding: 4px;
}

.product-row .basket-controls-title--compact {
  color: #74788d;
  flex: 0 0 auto;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  padding: 0 4px 0 2px;
  white-space: nowrap;
}

.product-row .basket-controls-title--compact strong {
  color: #343a40;
  font-size: 12px;
}

.product-row .basket-set-quantity {
  max-width: 50px;
}

.product-row .basket-remove {
  border-color: transparent;
  color: #f46a6a;
}

.product-row .basket-remove:hover,
.product-row .basket-remove:focus {
  background: #fff0f0;
  border-color: #ffcaca;
  color: #dc3545;
}

.basket-page {
  margin: 0 auto;
  max-width: 1320px;
}

.basket-page__latest {
  margin-top: 34px;
}

.basket-page__header {
  align-items: flex-end;
  display: flex;
  justify-content: space-between;
  margin-bottom: 18px;
}

.basket-page__header h1 {
  color: #22252f;
  font-size: 32px;
  font-weight: 800;
  line-height: 1.2;
  margin: 0 0 6px;
}

.basket-page__header p {
  color: #74788d;
  font-size: 14px;
  margin: 0;
}

.basket-layout {
  align-items: start;
  display: grid;
  gap: 20px;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 360px);
}

.basket-list-card,
.basket-checkout-card {
  background: #fff;
  border: 1px solid #e8ecf4;
  border-radius: 8px;
  box-shadow: 0 8px 24px rgba(15, 34, 58, .08);
}

.basket-list-card {
  overflow: hidden;
}

.basket-list-card__header {
  align-items: center;
  background: #fbfcff;
  border-bottom: 1px solid #eff2f7;
  display: flex;
  justify-content: space-between;
  padding: 16px 18px;
}

.basket-list-card__header h2 {
  color: #22252f;
  font-size: 17px;
  font-weight: 800;
  line-height: 1.25;
  margin: 0;
}

.basket-items {
  display: flex;
  flex-direction: column;
}

.basket-row {
  align-items: center;
  display: grid;
  gap: 14px;
  grid-template-columns: 64px minmax(180px, 1fr) minmax(122px, auto) minmax(210px, auto) 34px;
  padding: 16px 18px;
}

.basket-row + .basket-row {
  border-top: 1px solid #eff2f7;
}

.basket-row--muted {
  opacity: .72;
}

.basket-row__media {
  align-items: center;
  background: #f5f6f8;
  border: 1px solid #eff2f7;
  border-radius: 8px;
  display: flex;
  height: 64px;
  justify-content: center;
  overflow: hidden;
  width: 64px;
}

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

.basket-row__main {
  min-width: 0;
}

.basket-row__title {
  color: #22252f;
  display: -webkit-box;
  font-size: 15px;
  font-weight: 800;
  line-height: 1.35;
  overflow: hidden;
  text-decoration: none;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.basket-row__title:hover,
.basket-row__title:focus {
  color: #5b73e8;
}

.basket-row__meta {
  align-items: center;
  color: #74788d;
  display: flex;
  flex-wrap: wrap;
  font-size: 12px;
  font-weight: 600;
  gap: 8px 14px;
  margin-top: 8px;
}

.basket-row__meta-item {
  align-items: center;
  display: inline-flex;
  gap: 5px;
  white-space: nowrap;
}

.basket-row__meta-item i {
  color: #5b73e8;
  font-size: 14px;
}

.basket-row__meta-item strong {
  color: #343a40;
  font-weight: 800;
}

.basket-row__quantity,
.basket-row__sum {
  min-width: 0;
}

.basket-row__control-label {
  color: #8a91a3;
  display: block;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 5px;
}

.basket-row__quantity-control {
  align-items: center;
  background: #f8f9fc;
  border: 1px solid #e4e8f0;
  border-radius: 8px;
  display: inline-flex;
  gap: 0;
  padding: 3px;
}

.basket-row__quantity-control .btn {
  align-items: center;
  background: transparent;
  border: 0;
  border-radius: 6px;
  color: #5f667a;
  display: inline-flex;
  height: 30px;
  justify-content: center;
  padding: 0;
  width: 30px;
}

.basket-row__quantity-control .btn:hover,
.basket-row__quantity-control .btn:focus {
  background: #eef2ff;
  color: #556ee6;
}

.basket-row__remove {
  align-items: center;
  display: inline-flex;
  height: 34px;
  justify-content: center;
  padding: 0;
  width: 34px;
}

.basket-row__quantity-control .basket-set-quantity {
  -moz-appearance: textfield;
  background: transparent;
  border: 0;
  box-shadow: none;
  color: #22252f;
  font-weight: 700;
  height: 30px;
  max-width: 50px;
  padding: 0 4px;
}

.basket-row__quantity-control .basket-set-quantity::-webkit-inner-spin-button,
.basket-row__quantity-control .basket-set-quantity::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.basket-row__sum {
  text-align: right;
}

.basket-row__sum strong {
  color: #22252f;
  display: flex;
  flex-wrap: wrap;
  font-size: 15px;
  font-weight: 800;
  gap: 5px;
  justify-content: flex-end;
  line-height: 1.25;
  white-space: nowrap;
}

.basket-row__multiply,
.basket-row__equals {
  color: #74788d;
  font-weight: 700;
}

.basket-row__remove {
  justify-self: end;
}

.basket-checkout-card {
  padding: 20px;
  position: sticky;
  top: 132px;
}

.basket-checkout-card__header {
  align-items: center;
  border-bottom: 1px solid #eff2f7;
  color: #74788d;
  display: flex;
  font-size: 13px;
  font-weight: 700;
  justify-content: space-between;
  padding-bottom: 14px;
}

.basket-checkout-card__header strong {
  align-items: center;
  background: #eef2ff;
  border-radius: 999px;
  color: #5b73e8;
  display: inline-flex;
  font-size: 12px;
  font-weight: 800;
  justify-content: center;
  min-width: 30px;
  padding: 5px 10px;
  white-space: nowrap;
}

.basket-checkout-total {
  align-items: baseline;
  display: flex;
  justify-content: space-between;
  padding: 18px 0 8px;
}

.basket-checkout-total span {
  color: #74788d;
  font-size: 13px;
  font-weight: 700;
}

.basket-checkout-total strong {
  color: #22252f;
  font-size: 26px;
  font-weight: 800;
  line-height: 1.15;
  text-align: right;
}

.basket-checkout-card__hint {
  color: #74788d;
  font-size: 13px;
  line-height: 1.45;
  margin: 0 0 18px;
}

.basket-checkout-card .basket__checkout-btn {
  align-items: center;
  display: inline-flex;
  font-weight: 800;
  justify-content: center;
  min-height: 42px;
  width: 100%;
}

@media (max-width: 1399.98px) {
  .basket-layout {
    grid-template-columns: 1fr;
  }

  .basket-checkout-card {
    position: static;
  }
}

.checkout-modal-dialog {
  --bs-modal-margin: .5rem;
  max-width: 700px;
}

.checkout-modal-dialog .modal-content {
  border: 0;
  border-radius: 10px;
  box-shadow: 0 18px 48px rgba(15, 34, 58, .22);
  overflow: hidden;
}

.checkout-modal-dialog #buy-form {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-height: 0;
  overflow: hidden;
}

.checkout-modal-dialog.modal-dialog-scrollable .checkout-modal-body {
  overflow-y: auto;
}

.checkout-modal-header {
  background: #fff;
  border-bottom: 1px solid #eff2f7;
  padding: 20px 24px;
}

.checkout-modal-header .modal-title {
  color: #22252f;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.3;
}

.checkout-modal-body {
  padding: 20px 24px;
}

.checkout-modal-product {
  background: #fbfcff;
  border: 1px solid #e8ecf4;
  border-radius: 8px;
  margin-bottom: 16px;
  padding: 14px 16px;
}

.checkout-product-title {
  color: #22252f;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.35;
  margin: 0;
}

.checkout-form-grid {
  display: grid;
  gap: 14px 18px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.checkout-field,
.checkout-options {
  min-width: 0;
}

.checkout-field--wide {
  grid-column: 1 / -1;
}

.checkout-field .mb-3,
.checkout-options .mb-3 {
  margin-bottom: 0 !important;
}

.checkout-field .form-label,
.checkout-options .form-label {
  color: #343a40;
  font-size: 13px;
  font-weight: 700;
}

.checkout-field .form-control,
.checkout-options .form-control {
  border-color: #e4e8f0;
  border-radius: 8px;
  box-shadow: none;
  min-height: 44px;
}

.checkout-field .form-control:focus,
.checkout-options .form-control:focus {
  border-color: #a7b4f4;
  box-shadow: 0 0 0 .16rem rgba(91, 115, 232, .13);
}

.checkout-note {
  min-height: 72px;
  resize: none;
}

.checkout-options {
  display: grid;
  gap: 12px;
  margin-top: 14px;
}

.checkout-options .form-check {
  margin-bottom: 0;
}

.checkout-options .form-check-input {
  background-color: #fff;
  border-color: #b8c0d4;
  box-shadow: 0 1px 2px rgba(15, 34, 58, .08);
  cursor: pointer;
  height: 16px;
  margin-top: .2em;
  width: 16px;
}

.checkout-options .form-check-input:checked {
  background-color: #5b73e8;
  border-color: #5b73e8;
}

.checkout-options .form-check-input:focus {
  border-color: #8fa0f0;
  box-shadow: 0 0 0 .16rem rgba(91, 115, 232, .16);
}

.checkout-options .form-check-label {
  color: #495057;
  cursor: pointer;
  font-size: 13px;
  font-weight: 600;
}

.checkout-note-widget {
  display: grid;
  gap: 10px;
}

.checkout-note-toggle {
  align-items: center;
  background: #fff;
  border: 1px solid #e4e8f0;
  border-radius: 8px;
  color: #495057;
  display: flex;
  font-size: 13px;
  font-weight: 700;
  gap: 8px;
  min-height: 38px;
  padding: 8px 12px;
  text-align: left;
  transition: border-color .15s ease, background-color .15s ease, color .15s ease, box-shadow .15s ease;
  width: 100%;
}

.checkout-note-toggle:hover,
.checkout-note-toggle:focus {
  background: #fbfcff;
  border-color: #cfd7ee;
  box-shadow: 0 0 0 .16rem rgba(91, 115, 232, .08);
  color: #5b73e8;
}

.checkout-note-toggle .mdi:first-child {
  color: #5b73e8;
  font-size: 17px;
}

.checkout-note-toggle__chevron {
  color: #8a90a6;
  font-size: 18px;
  margin-left: auto;
  transition: transform .15s ease;
}

.checkout-note-toggle[aria-expanded=true] .checkout-note-toggle__chevron {
  transform: rotate(180deg);
}

.checkout-note-panel {
  background: #fbfcff;
  border: 1px solid #e8ecf4;
  border-radius: 8px;
  padding: 12px;
}

.checkout-note-hint {
  color: #74788d;
  font-size: 12px;
  line-height: 1.45;
  margin-bottom: 10px;
}

.checkout-alert {
  border-radius: 8px;
  font-size: 13px;
  margin-bottom: 10px;
  padding: 12px 14px;
}

.checkout-alert:last-child {
  margin-bottom: 0;
}

#buyModal .select2-container--krajee-bs5 .select2-selection--single {
  background-image: none;
  background-position: right 14px center;
  background-size: 12px 9px;
  border-color: #e4e8f0;
  border-radius: 8px;
  box-shadow: none;
  height: auto;
  min-height: 44px;
  padding: 8px 38px 8px 12px;
}

#buyModal .select2-container {
  display: block;
  width: 100% !important;
}

#buyModal .select2-container .select2-selection--single {
  align-items: center;
  background: #fff;
  background-image: none !important;
  border: 1px solid #e4e8f0;
  border-radius: 8px;
  box-shadow: none;
  display: flex;
  min-height: 44px;
  padding: 7px 38px 7px 12px;
  position: relative;
}

#buyModal .select2-container .select2-selection--single .select2-selection__rendered {
  align-items: center;
  color: #343a40;
  display: flex;
  line-height: 1.2;
  min-height: 28px;
  min-width: 0;
  padding: 0;
  width: 100%;
}

#buyModal .select2-container .select2-selection--single .select2-selection__arrow {
  background: transparent;
  border: 0;
  display: block;
  height: 100%;
  right: 10px;
  top: 0;
  width: 22px;
}

#buyModal .select2-container .select2-selection--single .select2-selection__arrow b {
  border-color: #74788d transparent transparent;
  border-width: 4px 4px 0;
}

#buyModal .select2-container--krajee-bs5.select2-container--open:not(.select2-container--disabled) .select2-selection,
#buyModal .select2-container--krajee-bs5:not(.select2-container--disabled) .select2-selection:focus {
  border-color: #a7b4f4;
  box-shadow: 0 0 0 .16rem rgba(91, 115, 232, .13);
}

#buyModal .select2-container--krajee-bs5 .select2-selection--single .select2-selection__rendered {
  line-height: 1.2;
}

#buyModal .select2-container--krajee-bs5:not(.select2-container--disabled) .select2-dropdown {
  border-color: #dfe4f0;
  border-radius: 8px;
  box-shadow: 0 12px 28px rgba(15, 34, 58, .14);
  overflow: hidden;
}

#buyModal .select2-container--krajee-bs5 li.select2-results__option {
  background: #fff;
  color: #495057;
  padding: 9px 12px;
}

#buyModal .select2-container--krajee-bs5 .select2-results__option.select2-results__option--selected,
#buyModal .select2-container--krajee-bs5 .select2-results__option[aria-selected=true] {
  background: #f2f4ff;
  color: #5b73e8;
}

#buyModal .select2-container--krajee-bs5 .select2-results__option--highlighted[aria-selected] {
  background: #eef2ff;
  color: #425bd8;
}

.checkout-payment-option,
.checkout-payment-option__main {
  align-items: center;
  display: flex;
  min-width: 0;
}

.checkout-payment-option {
  gap: 10px;
  justify-content: space-between;
  line-height: 1.2;
  width: 100%;
}

.checkout-payment-option__main {
  color: #343a40;
  font-weight: 600;
  gap: 8px;
  overflow: hidden;
}

.checkout-payment-option__icon {
  border-radius: 4px;
  flex: 0 0 auto;
  height: 18px;
  object-fit: contain;
  width: 18px;
}

.checkout-payment-option__name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.checkout-summary {
  background: linear-gradient(180deg, #fbfcff 0%, #f5f7ff 100%);
  border: 1px solid #e3e8fb;
  border-radius: 8px;
  padding: 13px 16px;
  width: 100%;
}

.checkout__total-label {
  color: #74788d;
  font-size: 13px;
  font-weight: 700;
}

.checkout__total-value {
  color: #22252f;
  font-size: 24px;
  font-weight: 800;
  line-height: 1.1;
}

.checkout__total-without-discount-value {
  color: #8a90a6;
}

.checkout-commission {
  color: #74788d;
  font-size: 12px;
  margin-top: 8px;
  text-align: right;
}

.checkout-modal-actions {
  background: #fff;
  border-top: 1px solid #eff2f7;
  gap: 10px;
  flex-direction: column;
  justify-content: flex-end;
  padding: 14px 24px 18px;
}

.checkout-actions-row {
  display: flex;
  gap: 10px;
  justify-content: flex-end;
  width: 100%;
}

.checkout-submit-btn,
.checkout-cancel-btn {
  align-items: center;
  display: inline-flex;
  font-weight: 700;
  justify-content: center;
  min-height: 42px;
  padding-left: 22px;
  padding-right: 22px;
}

.checkout-submit-btn {
  background: #5b73e8;
  border-color: #5b73e8;
  box-shadow: 0 8px 18px rgba(91, 115, 232, .24);
}

.checkout-submit-btn:hover,
.checkout-submit-btn:focus {
  background: #4961d8;
  border-color: #4961d8;
  box-shadow: 0 10px 22px rgba(91, 115, 232, .3);
}

.checkout-cancel-btn {
  background: #fff;
  border: 1px solid #e4e8f0;
  color: #495057;
}

.checkout-cancel-btn:hover,
.checkout-cancel-btn:focus {
  background: #f5f6f8;
  border-color: #d8deeb;
  color: #343a40;
}

.buy-buttons-container .btn,
.basket-controls-container .btn {
  min-height: 32px;
}

.basket-set-quantity {
  max-width: 64px;
}

@keyframes digimall-action-spin {
  from {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

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

.product__item-btn_buy.is-loading,
.basket__checkout-btn.is-loading,
.checkout-submit-btn.is-loading,
.basket-add.is-loading,
.basket-remove.is-loading,
.basket-increment.is-loading,
.basket-decrement.is-loading {
  cursor: wait;
  opacity: .95;
  pointer-events: none;
  position: relative;
}

.product__item-btn_buy.is-loading,
.basket__checkout-btn.is-loading,
.checkout-submit-btn.is-loading {
  --digimall-action-loader-color: #5b73e8;
}

.basket-add.is-loading {
  --digimall-action-loader-color: #34c38f;
}

.basket-remove.is-loading {
  --digimall-action-loader-color: #f46a6a;
}

.basket-increment.is-loading,
.basket-decrement.is-loading {
  --digimall-action-loader-color: #74788d;
}

.product__item-btn_buy.is-loading,
.basket__checkout-btn.is-loading,
.checkout-submit-btn.is-loading,
.basket-add.is-loading,
.basket-remove.is-loading,
.basket-increment.is-loading,
.basket-decrement.is-loading {
  color: transparent !important;
}

.product__item-btn_buy.is-loading > *,
.basket__checkout-btn.is-loading > *,
.checkout-submit-btn.is-loading > *,
.basket-add.is-loading > *,
.basket-remove.is-loading > *,
.basket-increment.is-loading > *,
.basket-decrement.is-loading > * {
  opacity: 0;
}

.product__item-btn_buy.is-loading::after,
.basket__checkout-btn.is-loading::after,
.checkout-submit-btn.is-loading::after,
.basket-add.is-loading::after,
.basket-remove.is-loading::after,
.basket-increment.is-loading::after,
.basket-decrement.is-loading::after {
  animation: digimall-action-spin .65s linear infinite;
  border: 2px solid var(--digimall-action-loader-color, #5b73e8);
  border-right-color: transparent;
  border-radius: 50%;
  content: '';
  height: 15px;
  left: 50%;
  position: absolute;
  top: 50%;
  width: 15px;
}

.checkout-submit-btn.is-loading {
  color: #fff !important;
  gap: 9px;
  min-width: 180px;
  white-space: nowrap;
}

.checkout-submit-btn.is-loading > * {
  opacity: 1;
}

.checkout-submit-btn.is-loading::after {
  animation: digimall-inline-spin .65s linear infinite;
  border-color: rgba(255, 255, 255, .62);
  border-right-color: transparent;
  flex: 0 0 auto;
  height: 16px;
  left: auto;
  order: -1;
  position: static;
  top: auto;
  transform: none;
  width: 16px;
}

.checkout-modal--submitting .checkout-cancel-btn,
.checkout-modal--submitting .checkout-modal-header .btn-close {
  opacity: .55;
  pointer-events: none;
}

.product__items .empty {
  color: #74788d;
  padding: 22px 20px;
}

.recently-viewed-block {
  background: #fff;
  border: 1px solid #e8ecf4;
  border-radius: 8px;
  box-shadow: 0 8px 24px rgba(15, 34, 58, .08);
  overflow: hidden;
}

.recently-viewed-block__header {
  align-items: center;
  background: #fbfcff;
  border-bottom: 1px solid #eff2f7;
  display: flex;
  gap: 12px;
  justify-content: space-between;
  padding: 18px 20px;
}

.recently-viewed-block__header h3 {
  color: #22252f;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.25;
  margin: 0;
}

.recently-viewed-block__link {
  flex: 0 0 auto;
}

.recently-viewed-grid {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(auto-fill, minmax(290px, 1fr));
  padding: 18px 20px 20px;
}

.recently-viewed-grid--page {
  padding-left: 0;
  padding-right: 0;
}

.recently-viewed-card {
  background: #fff;
  border: 1px solid #e8ecf4;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(15, 34, 58, .06);
  display: grid;
  gap: 13px;
  grid-template-columns: 78px minmax(0, 1fr);
  min-width: 0;
  padding: 14px;
}

.recently-viewed-card--muted {
  opacity: .78;
}

.recently-viewed-card__media {
  align-items: center;
  background: #f5f6f8;
  border: 1px solid #eff2f7;
  border-radius: 8px;
  display: flex;
  height: 78px;
  justify-content: center;
  overflow: hidden;
  width: 78px;
}

.recently-viewed-card__image {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.recently-viewed-card__content {
  min-width: 0;
}

.recently-viewed-card__top {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}

.recently-viewed-card__title {
  color: #22252f;
  display: -webkit-box;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.35;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.recently-viewed-card__title:hover,
.recently-viewed-card__title:focus {
  color: #5b73e8;
}

.recently-viewed-card__status {
  align-self: flex-start;
}

.recently-viewed-card__purchase {
  margin-top: 10px;
}

.recently-viewed-card__price span {
  color: #74788d;
  display: block;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 2px;
}

.recently-viewed-card__price strong {
  color: #22252f;
  display: block;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

.recently-viewed-card__meta {
  color: #74788d;
  display: flex;
  flex-wrap: wrap;
  font-size: 12px;
  font-weight: 600;
  gap: 5px 12px;
  margin-top: 7px;
}

.recently-viewed-card__meta-item {
  align-items: center;
  display: inline-flex;
  gap: 5px;
  min-width: 0;
  white-space: nowrap;
}

.recently-viewed-card__meta-item i {
  color: #5b73e8;
  font-size: 14px;
  line-height: 1;
}

.recently-viewed-card__actions {
  align-items: stretch;
  display: flex;
  flex-direction: column;
  gap: 9px;
  margin-top: 12px;
}

.recently-viewed-card__actions .btn {
  align-items: center;
  display: inline-flex;
  font-size: 13px;
  font-weight: 700;
  gap: 6px;
  justify-content: center;
  min-height: 34px;
  padding: 6px 10px;
}

.recently-viewed-card__details,
.recently-viewed-card__delete {
  align-items: center;
  display: inline-flex;
  font-size: 12px;
  font-weight: 700;
  gap: 5px;
  line-height: 1.25;
}

.recently-viewed-card__link-actions {
  align-items: center;
  display: flex;
  gap: 10px;
  justify-content: space-between;
  min-height: 18px;
}

.recently-viewed-card__purchase-actions {
  min-width: 0;
}

.recently-viewed-card__details {
  color: #5b73e8;
}

.recently-viewed-card__details:hover,
.recently-viewed-card__details:focus {
  color: #4458c4;
}

.recently-viewed-card .buy-buttons-container,
.recently-viewed-card .basket-controls-container {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  justify-content: flex-start;
}

.recently-viewed-card .buy-buttons-container .btn,
.recently-viewed-card .basket-controls-container .btn {
  min-height: 34px;
}

.recently-viewed-card .product__item-btn_buy {
  background: #5b73e8;
  border-color: #5b73e8;
  color: #fff;
}

.recently-viewed-card .product__item-btn_buy:hover,
.recently-viewed-card .product__item-btn_buy:focus {
  background: #4961d8;
  border-color: #4961d8;
  color: #fff;
}

.recently-viewed-card .basket-add {
  background: #fff;
  border-color: rgba(52, 195, 143, .75);
  color: #2ca67a;
}

.recently-viewed-card .basket-add:hover,
.recently-viewed-card .basket-add:focus {
  background: #34c38f;
  border-color: #34c38f;
  color: #fff;
}

.recently-viewed-card .basket-controls-container {
  background: #f8f9fc;
  border: 1px solid #e8ecf4;
  border-radius: 8px;
  padding: 7px;
}

.recently-viewed-card .basket-set-quantity {
  max-width: 54px;
}

.recently-viewed-card__delete {
  color: #f46a6a;
  flex: 0 0 auto;
  opacity: .88;
  white-space: nowrap;
}

.recently-viewed-card__delete:hover,
.recently-viewed-card__delete:focus {
  color: #dc3545;
  opacity: 1;
}

.latest-purchased-block {
  box-shadow: 0 6px 18px rgba(15, 34, 58, .06);
}

.latest-purchased-block__header p {
  color: #74788d;
  font-size: 13px;
  line-height: 1.45;
  margin: 4px 0 0;
}

.latest-purchased-grid {
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
}

.latest-purchased-card__meta {
  align-items: center;
}

.latest-purchased-card__sold {
  background: #f3f5ff;
  border-radius: 999px;
  color: #556ee6;
  padding: 4px 8px;
}

.latest-purchased-card__sold i {
  color: #556ee6;
}

.product-detail-related .recently-viewed-block {
  margin: 0 !important;
}

.related-products-block {
  box-shadow: 0 8px 24px rgba(15, 34, 58, .07);
}

.related-products-block__header {
  padding-bottom: 16px;
  padding-top: 16px;
}

.related-products-block__title {
  align-items: center;
  display: flex;
  gap: 12px;
  min-width: 0;
}

.related-products-block__title > div {
  min-width: 0;
}

.related-products-block__title p {
  color: #74788d;
  font-size: 13px;
  line-height: 1.45;
  margin: 4px 0 0;
}

.related-products-block__icon {
  align-items: center;
  background: #eef2ff;
  border-radius: 8px;
  color: #5b73e8;
  display: inline-flex;
  flex: 0 0 auto;
  font-size: 20px;
  height: 42px;
  justify-content: center;
  width: 42px;
}

.related-products-block__icon--top {
  background: #e9f8f2;
  color: #34c38f;
}

.related-products-block__count {
  align-items: center;
  background: #f4f7fb;
  border: 1px solid #e8ecf4;
  border-radius: 999px;
  color: #596175;
  display: inline-flex;
  flex: 0 0 auto;
  font-size: 12px;
  font-weight: 800;
  min-height: 28px;
  padding: 6px 10px;
  white-space: nowrap;
}

.related-products-grid {
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
}

.tags-list,
.attributes-list {
  column-gap: 8px;
  display: flex;
  flex-wrap: wrap;
  font-size: 12px;
  line-height: 16px;
  margin-top: 8px;
  row-gap: 8px;
}

.tags-list-item,
.attributes-list-item {
  display: flex;
  vertical-align: top;
}

.tags-list-item-link_quality,
.tags-list-group {
  background: #5b73e8;
  border-radius: 32px;
  color: #fff !important;
  padding: 2px 8px;
}

.tags-list-group a {
  color: #fff !important;
}

.attributes-list-item {
  background: #74788d;
  border-radius: 32px;
  color: #fff !important;
  column-gap: 8px;
  padding: 2px 8px;
}

.product-detail-breadcrumbs {
  margin-bottom: 16px;
}

.product-detail-card,
.product-detail-section {
  border: 1px solid #e8ecf4;
  border-radius: 8px;
  box-shadow: 0 8px 24px rgba(15, 34, 58, .08);
  overflow: hidden;
}

.product-detail-layout {
  display: grid;
  gap: 0;
  grid-template-columns: minmax(240px, 292px) minmax(0, 1fr);
}

.product-purchase-panel {
  background: linear-gradient(180deg, #fff 0%, #f8f9fc 100%);
  border-right: 1px solid #eff2f7;
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 24px;
}

.product-detail-media {
  align-items: center;
  background: #fff;
  border: 1px solid #eff2f7;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  min-height: 168px;
  padding: 20px;
}

.product-detail-image {
  aspect-ratio: 1 / 1;
  max-height: 150px;
  max-width: 100%;
  object-fit: contain;
  width: 100%;
}

.product-detail-summary {
  background: #fff;
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-width: 0;
  padding: 30px 34px 34px;
}

.product-detail-badges {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.product-detail-category-badge {
  border: 1px solid #e6e9f0;
  color: #74788d;
  font-weight: 600;
}

.product-detail-title {
  color: #22252f;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.25;
  margin: 0;
}

.product-detail-description-card {
  background: #fbfcff;
  border: 1px solid #e8ecf4;
  border-radius: 8px;
  margin-top: 2px;
  padding: 18px;
}

.product-detail-description-title {
  align-items: center;
  color: #343a40;
  display: flex;
  font-size: 13px;
  font-weight: 700;
  gap: 8px;
  margin-bottom: 10px;
}

.product-detail-description-title .mdi {
  color: #5b73e8;
  font-size: 16px;
  line-height: 1;
}

.product-detail-description {
  color: #495057;
  font-size: 15px;
  line-height: 1.7;
  min-height: 0;
}

.product-detail-description > :last-child {
  margin-bottom: 0;
}

.product-detail-attributes {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  margin-top: -2px;
}

.product-detail-attributes .tags-list,
.product-detail-attributes .attributes-list {
  display: contents;
  list-style: none;
  margin: 0;
  padding: 0;
}

.product-detail-attribute-chip.attributes-list-item,
.product-detail-attribute-chip .tags-list-item-link_quality,
.product-detail-attribute-chip .tags-list-group {
  align-items: center;
  background: #fff;
  border: 1px solid #e3e7ef;
  border-radius: 999px;
  color: #495057 !important;
  display: inline-flex;
  gap: 5px;
  line-height: 1.2;
  min-height: 28px;
  padding: 5px 10px;
  text-decoration: none;
  transition: border-color .16s ease, box-shadow .16s ease, color .16s ease, background-color .16s ease;
}

.product-detail-attribute-chip.attributes-list-item {
  column-gap: 5px;
}

.product-detail-attribute-chip .tags-list-item-link_quality:hover,
.product-detail-attribute-chip .tags-list-item-link_quality:focus,
.product-detail-attribute-chip .tags-list-group:hover,
.product-detail-attribute-chip .tags-list-group:focus-within,
.product-detail-attribute-chip.attributes-list-item:hover,
.product-detail-attribute-chip.attributes-list-item:focus-within {
  background: #fbfcff;
  border-color: #cfd6ee;
  box-shadow: 0 3px 10px rgba(15, 34, 58, .06);
}

.product-detail-attribute-chip .tags-list-item-label,
.product-detail-attribute-chip .attributes-list-item-label,
.product-detail-attribute-chip .tags-list-group-title {
  color: #74788d;
  font-weight: 700;
}

.product-detail-attribute-chip .tags-list-item-value,
.product-detail-attribute-chip .attributes-list-item-value,
.product-detail-attribute-chip .attributes-list-item-link,
.product-detail-attribute-chip .tags-list-group-link {
  color: #22252f !important;
  font-weight: 700;
  text-decoration: none;
}

.product-detail-attribute-chip .attributes-list-item-link:hover,
.product-detail-attribute-chip .attributes-list-item-link:focus,
.product-detail-attribute-chip .tags-list-group-link:hover,
.product-detail-attribute-chip .tags-list-group-link:focus {
  color: #5b73e8 !important;
  text-decoration: underline;
}

.product-detail-attribute-chip .mdi,
.product-detail-attribute-chip .fa,
.product-detail-attribute-chip svg {
  color: #74788d;
}

.product-fast-view-dialog {
  max-width: min(780px, calc(100vw - 32px));
}

.product-fast-view-modal .modal-content {
  border: 0;
  border-radius: 8px;
  box-shadow: 0 18px 46px rgba(15, 34, 58, .22);
  overflow: hidden;
}

.product-fast-view-modal .modal-header {
  align-items: flex-start;
  border-bottom: 1px solid #eff2f7;
  padding: 18px 22px;
}

.product-fast-view-modal .modal-title {
  color: #22252f;
  font-size: 18px;
  font-weight: 800;
  line-height: 1.35;
  margin-right: 16px;
  overflow-wrap: anywhere;
}

.product-fast-view-modal .modal-body {
  max-height: min(70vh, 620px);
  overflow-y: auto;
  padding: 20px 22px 22px;
}

.product-fast-view {
  align-items: stretch;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.product-fast-view__badges {
  gap: 6px;
}

.product-fast-view__attributes {
  align-items: flex-start;
  gap: 7px;
  margin-top: 0;
}

.product-fast-view__attributes .product-detail-attribute-chip.attributes-list-item,
.product-fast-view__attributes .product-detail-attribute-chip .tags-list-item-link_quality,
.product-fast-view__attributes .product-detail-attribute-chip .tags-list-group {
  max-width: min(100%, 260px);
  min-height: 28px;
  overflow: hidden;
}

.product-fast-view__attributes .tags-list-item-label,
.product-fast-view__attributes .attributes-list-item-label,
.product-fast-view__attributes .tags-list-group-title,
.product-fast-view__attributes .tags-list-item-value,
.product-fast-view__attributes .attributes-list-item-value,
.product-fast-view__attributes .attributes-list-item-link,
.product-fast-view__attributes .tags-list-group-link {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.product-fast-view__attributes .attributes-list-item-value,
.product-fast-view__attributes .tags-list-item-value {
  color: #22252f;
}

.product-fast-view__description-card {
  margin-top: 0;
  padding: 16px;
}

.product-fast-view__description {
  font-size: 14px;
  max-height: 260px;
  overflow-y: auto;
}

.product-detail-price-box {
  background: #fff;
  border: 1px solid #e8ecf4;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(15, 34, 58, .05);
  padding: 16px;
}

.product-detail-price-label {
  color: #74788d;
  display: block;
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 4px;
}

.product-detail-price {
  color: #22252f;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.1;
}

.product-detail-stock-badge {
  align-items: center;
  background: rgba(52, 195, 143, .12);
  border-radius: 999px;
  color: #1f9d70;
  display: inline-flex;
  font-size: 13px;
  min-height: 32px;
  padding: 7px 12px;
  white-space: nowrap;
}

.product-detail-stats {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 0;
}

.product-detail-stat {
  align-items: center;
  background: #fff;
  border: 1px solid #edf0f6;
  border-left: 3px solid transparent;
  border-radius: 8px;
  display: flex;
  gap: 12px;
  justify-content: space-between;
  padding: 10px 12px 10px 10px;
}

.product-detail-stat--stock {
  border-left-color: #34c38f;
}

.product-detail-stat--minimum {
  border-left-color: #f1b44c;
}

.product-detail-stat--sold {
  border-left-color: #5b73e8;
}

.product-detail-stat dt {
  align-items: center;
  display: flex;
  gap: 10px;
  margin: 0;
  min-width: 0;
}

.product-detail-stat-icon {
  align-items: center;
  background: #f4f6fb;
  border: 1px solid #e8ecf4;
  border-radius: 7px;
  color: #5b73e8;
  display: inline-flex;
  flex: 0 0 30px;
  font-size: 17px;
  height: 30px;
  justify-content: center;
  width: 30px;
}

.product-detail-stat--stock .product-detail-stat-icon {
  background: #effbf7;
  border-color: #d7f3e9;
  color: #2ca67a;
}

.product-detail-stat--minimum .product-detail-stat-icon {
  background: #fff8eb;
  border-color: #fbe8bd;
  color: #c3831f;
}

.product-detail-stat--sold .product-detail-stat-icon {
  background: #f2f4ff;
  border-color: #dde3ff;
  color: #5b73e8;
}

.product-detail-stat-label {
  color: #343a40;
  display: block;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
}

.product-detail-stat-hint {
  color: #74788d;
  display: block;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.2;
}

.product-detail-stat dd {
  color: #343a40;
  font-size: 18px;
  font-weight: 700;
  margin: 0;
}

.product-detail-actions {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.product-detail-primary-action .buy-buttons-container:not(.d-none),
.product-detail-primary-action .basket-controls-container:not(.d-none) {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}

.product-detail-primary-action .product__item-btn_buy,
.product-detail-primary-action .basket-add,
.product-detail-primary-action .basket-remove,
.product-detail-primary-action .basket-increment,
.product-detail-primary-action .basket-decrement {
  align-items: center;
  display: inline-flex;
  gap: 6px;
  justify-content: center;
}

.product-detail-primary-action .product__item-btn_buy {
  background: #5b73e8;
  border-color: #5b73e8;
  color: #fff;
  font-weight: 700;
  min-height: 46px;
  order: 1;
  width: 100%;
}

.product-detail-primary-action .product__item-btn_buy:hover,
.product-detail-primary-action .product__item-btn_buy:focus {
  background: #4961d8;
  border-color: #4961d8;
  box-shadow: 0 8px 16px rgba(91, 115, 232, .22);
  color: #fff;
}

.product-detail-primary-action .basket-add {
  background: #fff;
  border-color: rgba(52, 195, 143, .7);
  color: #2ca67a;
  font-weight: 700;
  min-height: 42px;
  order: 2;
  width: 100%;
}

.product-detail-primary-action .basket-add:hover,
.product-detail-primary-action .basket-add:focus {
  background: #34c38f;
  border-color: #34c38f;
  box-shadow: 0 7px 14px rgba(52, 195, 143, .2);
  color: #fff;
}

.product-detail-primary-action .basket-controls-container {
  align-items: center;
  background: #fff;
  border: 1px solid #e6e9f0;
  border-radius: 8px;
  padding: 12px;
}

.basket-controls-title {
  color: #343a40;
  font-size: 13px;
  font-weight: 700;
}

.product-detail-primary-action .basket-controls-container--labeled > .d-flex {
  justify-content: center;
  width: 100%;
}

.product-detail-primary-action .basket-controls-container--labeled .basket-remove {
  width: 100%;
}

.product-detail-secondary-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.product-detail-secondary-button {
  align-items: center;
  border: 1px solid #e6e9f0;
  color: #495057;
  display: inline-flex;
  flex: 1 1 100%;
  font-weight: 600;
  gap: 8px;
  justify-content: center;
  min-height: 38px;
}

.product-detail-secondary-button:hover,
.product-detail-secondary-button:focus,
.product-detail-secondary-actions .favorite-button:hover,
.product-detail-secondary-actions .blacklist-button:hover,
.product-detail-muted-actions .blacklist-button:hover {
  transform: none;
}

.product-detail-secondary-actions .favorite-button:hover,
.product-detail-secondary-actions .favorite-button:focus {
  background: rgba(244, 106, 106, .11);
  border-color: rgba(244, 106, 106, .55);
  box-shadow: 0 0 0 3px rgba(244, 106, 106, .08);
  color: #e84747;
}

.product-detail-secondary-actions .favorite-button:hover i,
.product-detail-secondary-actions .favorite-button:focus i {
  color: #f46a6a;
}

.product-detail-secondary-actions .favorite-button.favorite-button--active {
  background: rgba(244, 106, 106, .18);
  border-color: #f46a6a;
  color: #d93636;
}

.product-detail-secondary-actions .favorite-button.favorite-button--active i {
  color: #f46a6a;
}

.product-detail-secondary-actions .favorite-button.favorite-button--active:hover,
.product-detail-secondary-actions .favorite-button.favorite-button--active:focus {
  background: rgba(244, 106, 106, .22);
  box-shadow: 0 0 0 3px rgba(244, 106, 106, .12);
}

.product-detail-muted-actions {
  display: flex;
  justify-content: center;
  margin-top: -4px;
}

.product-detail-blacklist-link {
  align-items: center;
  background: transparent;
  border: 0;
  color: #8a90a6;
  display: inline-flex;
  font-size: 13px;
  font-weight: 500;
  gap: 6px;
  padding: 2px 0;
}

.product-detail-blacklist-link:hover,
.product-detail-blacklist-link:focus {
  color: #f46a6a;
  text-decoration: underline;
}

.product-detail-blacklist-link.blacklist-button--active {
  color: #f46a6a;
}

.favorite-button__label,
.blacklist-button__label {
  line-height: 1.2;
}

.product-detail-section {
  margin-top: 20px;
}

.product-detail-related {
  margin: 40px 0;
}

.page:not(.static-page) > .page-title {
  display: none;
}

.page .page-content {
  padding: 0 !important;
}

.static-page {
  background: #fff;
  border: 1px solid #e8ecf4;
  border-radius: 8px;
  box-shadow: 0 8px 24px rgba(15, 34, 58, .08);
  margin: 0 auto 28px;
  max-width: 980px;
  overflow: hidden;
}

.static-page > .page-title {
  background: #fbfcff;
  border-bottom: 1px solid #eff2f7;
  display: block;
  padding: 24px 28px 20px;
}

.static-page > .page-title h1 {
  color: #22252f;
  font-size: 26px;
  font-weight: 700;
  line-height: 1.25;
  margin: 0;
}

.static-page > .page-content {
  color: #343a40;
  flex: initial;
  font-size: 15px;
  line-height: 1.7;
  margin-top: 0 !important;
  padding: 26px 28px 30px !important;
}

.static-page > .page-content h2,
.static-page > .page-content h3 {
  color: #22252f;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 14px;
}

.static-page > .page-content h2 {
  font-size: 22px;
}

.static-page > .page-content h3 {
  font-size: 18px;
}

.static-page > .page-content p,
.static-page > .page-content ul,
.static-page > .page-content ol {
  margin-bottom: 16px;
}

.static-page > .page-content > :last-child,
.static-page > .page-content > :last-child > :last-child {
  margin-bottom: 0;
}

.static-page-grid {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.static-page-card {
  border: 0;
  box-shadow: 0 2px 4px rgba(15, 34, 58, .08);
}

.static-page-card h2 {
  font-size: 18px;
  margin-bottom: 12px;
}

.static-page-card p:last-child,
.static-page-card ul:last-child,
.static-page-card ol:last-child {
  margin-bottom: 0;
}

.static-page-steps {
  display: grid;
  gap: 10px;
}

.static-page-accordion {
  box-shadow: 0 2px 4px rgba(15, 34, 58, .08);
}

.payment-confirm-page,
.customer-orders-page,
.faq-page {
  margin: 0 auto 36px;
  max-width: 1180px;
  width: 100%;
}

.payment-confirm-header,
.customer-orders-header,
.faq-hero {
  align-items: flex-end;
  display: flex;
  gap: 18px;
  justify-content: space-between;
  margin-bottom: 18px;
}

.payment-confirm-header__eyebrow,
.customer-order-card__eyebrow,
.faq-hero__eyebrow {
  color: #5b73e8;
  display: inline-flex;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .02em;
  margin-bottom: 7px;
  text-transform: uppercase;
}

.payment-confirm-header h1,
.customer-orders-header h1,
.faq-hero h1 {
  color: #22252f;
  font-size: 30px;
  font-weight: 800;
  line-height: 1.2;
  margin: 0;
}

.payment-confirm-header p,
.customer-orders-header p,
.faq-hero p {
  color: #74788d;
  line-height: 1.55;
  margin: 7px 0 0;
  max-width: 720px;
}

.payment-confirm-header__badge,
.customer-orders-header__count,
.faq-hero__count {
  align-items: center;
  background: #eef2ff;
  border: 1px solid #dfe5ff;
  border-radius: 999px;
  color: #5b73e8;
  display: inline-flex;
  flex: 0 0 auto;
  font-size: 13px;
  font-weight: 800;
  min-height: 34px;
  padding: 7px 13px;
}

.payment-confirm-layout {
  align-items: flex-start;
  display: grid;
  gap: 20px;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 360px);
}

.payment-confirm-card,
.customer-orders-card,
.faq-section {
  background: #fff;
  border: 1px solid #e8ecf4;
  border-radius: 8px;
  box-shadow: 0 8px 24px rgba(15, 34, 58, .07);
  overflow: hidden;
}

.payment-confirm-card__header {
  background: #fbfcff;
  border-bottom: 1px solid #eff2f7;
  padding: 18px 20px;
}

.payment-confirm-card__header h2,
.payment-confirm-summary__header h2 {
  color: #22252f;
  font-size: 17px;
  font-weight: 800;
  margin: 0;
}

.payment-confirm-card__header p,
.payment-confirm-summary__header p {
  color: #74788d;
  font-size: 13px;
  line-height: 1.45;
  margin: 5px 0 0;
}

.payment-confirm-row {
  align-items: center;
  display: grid;
  gap: 14px;
  grid-template-columns: 56px minmax(0, 1fr) minmax(210px, auto);
  padding: 16px 20px;
}

.payment-confirm-row + .payment-confirm-row {
  border-top: 1px solid #eff2f7;
}

.payment-confirm-row__media,
.customer-order-product__media {
  align-items: center;
  background: #f4f6fb;
  border-radius: 7px;
  display: inline-flex;
  justify-content: center;
  overflow: hidden;
}

.payment-confirm-row__media {
  height: 56px;
  width: 56px;
}

.payment-confirm-row__media img,
.customer-order-product__media img {
  height: 100%;
  object-fit: contain;
  width: 100%;
}

.payment-confirm-row__title,
.customer-order-product__title {
  color: #22252f;
  display: -webkit-box;
  font-weight: 800;
  overflow: hidden;
  text-decoration: none;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.payment-confirm-row__title:hover,
.customer-order-product__title:hover {
  color: #5b73e8;
}

.payment-confirm-row__meta,
.customer-order-product__meta {
  color: #74788d;
  display: flex;
  flex-wrap: wrap;
  gap: 8px 12px;
  margin-top: 7px;
}

.payment-confirm-row__meta span,
.customer-order-product__meta span {
  align-items: center;
  display: inline-flex;
  gap: 4px;
}

.payment-confirm-row__meta i,
.customer-order-product__meta i {
  color: #5b73e8;
}

.payment-confirm-row__formula {
  text-align: right;
}

.payment-confirm-row__formula > span,
.customer-order-product__meta {
  font-size: 12px;
}

.payment-confirm-row__formula strong {
  color: #22252f;
  display: block;
  font-size: 17px;
  font-weight: 800;
  margin-top: 3px;
  white-space: nowrap;
}

.payment-confirm-row__formula strong span {
  color: #74788d;
  font-weight: 700;
}

.payment-confirm-summary {
  padding: 20px;
  position: sticky;
  top: 132px;
}

.payment-confirm-summary__header {
  align-items: flex-start;
  border-bottom: 1px solid #eff2f7;
  display: flex;
  gap: 12px;
  padding-bottom: 16px;
}

.payment-confirm-summary__header > span {
  align-items: center;
  background: rgba(52, 195, 143, .12);
  border-radius: 50%;
  color: #34c38f;
  display: inline-flex;
  flex: 0 0 auto;
  font-size: 22px;
  height: 42px;
  justify-content: center;
  width: 42px;
}

.payment-confirm-summary__list {
  display: grid;
  gap: 11px;
  margin: 16px 0 18px;
}

.payment-confirm-summary__list div {
  align-items: baseline;
  display: flex;
  gap: 12px;
  justify-content: space-between;
}

.payment-confirm-summary__list dt {
  color: #74788d;
  font-weight: 600;
}

.payment-confirm-summary__list dd {
  color: #22252f;
  font-weight: 800;
  margin: 0;
  text-align: right;
}

.payment-confirm-summary__warning {
  align-items: flex-start;
  background: rgba(244, 106, 106, .08);
  border: 1px solid rgba(244, 106, 106, .2);
  border-radius: 8px;
  color: #b94343;
  display: flex;
  gap: 8px;
  line-height: 1.4;
  margin-bottom: 14px;
  padding: 10px 12px;
}

.payment-confirm-submit {
  align-items: center;
  display: inline-flex;
  font-weight: 800;
  gap: 8px;
  justify-content: center;
  min-height: 42px;
  width: 100%;
}

.customer-orders-card {
  padding: 0;
}

.customer-orders-list__item + .customer-orders-list__item {
  border-top: 1px solid #eff2f7;
}

.customer-order-card {
  padding: 20px 22px;
}

.customer-order-card__header {
  align-items: flex-start;
  display: flex;
  gap: 18px;
  justify-content: space-between;
}

.customer-order-card h2 {
  color: #22252f;
  font-size: 24px;
  font-weight: 800;
  line-height: 1.2;
  margin: 0;
}

.customer-order-card p {
  color: #74788d;
  margin: 6px 0 0;
}

.customer-order-card__details {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  font-weight: 700;
  gap: 7px;
}

.customer-order-products {
  display: grid;
  gap: 8px;
  margin-top: 16px;
}

.customer-order-product {
  align-items: center;
  background: #fbfcff;
  border: 1px solid #edf1f8;
  border-radius: 8px;
  display: grid;
  gap: 12px;
  grid-template-columns: 44px minmax(0, 1fr) auto;
  padding: 10px 12px;
}

.customer-order-product__media {
  height: 44px;
  width: 44px;
}

.customer-order-product__status {
  justify-self: end;
}

.customer-orders-empty {
  align-items: center;
  color: #74788d;
  display: flex;
  flex-direction: column;
  gap: 8px;
  justify-content: center;
  min-height: 220px;
  padding: 36px 18px;
  text-align: center;
}

.customer-orders-empty i {
  align-items: center;
  background: #eef2ff;
  border-radius: 50%;
  color: #5b73e8;
  display: inline-flex;
  font-size: 28px;
  height: 54px;
  justify-content: center;
  width: 54px;
}

.customer-orders-empty strong {
  color: #22252f;
  font-size: 18px;
}

.customer-orders-empty p {
  margin: 0;
}

.faq-hero {
  align-items: center;
}

.faq-section + .faq-section {
  margin-top: 16px;
}

.faq-section__header {
  align-items: flex-start;
  background: #fbfcff;
  border-bottom: 1px solid #eff2f7;
  display: grid;
  gap: 14px;
  grid-template-columns: 42px minmax(0, 1fr) auto;
  padding: 20px 22px;
}

.faq-section__icon {
  align-items: center;
  background: rgba(91, 115, 232, .12);
  border-radius: 50%;
  color: #5b73e8;
  display: inline-flex;
  font-size: 22px;
  height: 42px;
  justify-content: center;
  width: 42px;
}

.faq-section__header h2 {
  color: #22252f;
  font-size: 22px;
  font-weight: 800;
  margin: 0;
}

.faq-section__header p {
  color: #74788d;
  line-height: 1.55;
  margin: 6px 0 0;
}

.faq-section__count {
  align-items: center;
  background: #eef2ff;
  border-radius: 999px;
  color: #5b73e8;
  display: inline-flex;
  font-weight: 800;
  min-height: 28px;
  padding: 4px 10px;
}

.faq-list {
  display: grid;
}

.faq-item + .faq-item {
  border-top: 1px solid #eff2f7;
}

.faq-question {
  align-items: center;
  color: #22252f;
  cursor: pointer;
  display: flex;
  font-size: 16px;
  font-weight: 800;
  gap: 16px;
  justify-content: space-between;
  list-style: none;
  padding: 17px 22px;
  transition: background-color .15s ease, color .15s ease;
}

.faq-question::-webkit-details-marker {
  display: none;
}

.faq-question:hover,
.faq-item[open] .faq-question {
  background: #f7f9ff;
  color: #5b73e8;
}

.faq-question__toggle {
  align-items: center;
  background: #eef2ff;
  border-radius: 50%;
  color: #5b73e8;
  display: inline-flex;
  flex: 0 0 auto;
  height: 28px;
  justify-content: center;
  width: 28px;
}

.faq-question__toggle i {
  transition: transform .15s ease;
}

.faq-item[open] .faq-question__toggle i {
  transform: rotate(180deg);
}

.faq-answer {
  color: #495057;
  line-height: 1.6;
  padding: 0 22px 18px;
}

.faq-answer__content {
  background: #fbfcff;
  border: 1px solid #edf1f8;
  border-radius: 8px;
  padding: 14px 16px;
}

.faq-answer__content > :last-child {
  margin-bottom: 0;
}

.footer {
  background: #fff;
  border-top: 1px solid #eff2f7;
  color: #74788d;
  flex-shrink: 0;
  height: auto;
  left: 0;
  padding: 28px 12px 18px;
  position: static;
}

.footer-main {
  align-items: flex-start;
  display: grid;
  gap: 32px;
  grid-template-columns: minmax(220px, 300px) minmax(0, 1fr);
  padding-bottom: 24px;
}

.footer-brand {
  max-width: 320px;
}

.footer-logo {
  display: inline-flex;
  margin-bottom: 12px;
}

.footer-logo img {
  max-width: 150px;
  object-fit: contain;
}

.footer-text {
  color: #7b8197;
  line-height: 1.6;
  margin: 0;
}

.footer-links {
  min-width: 0;
}

.footer-menu-grid {
  display: grid;
  gap: 24px;
  grid-template-columns: repeat(4, minmax(150px, 1fr));
  list-style: none;
  margin: 0;
  padding: 0;
}

.footer-menu-column,
.footer-menu-list,
.footer-menu-list-item {
  list-style: none;
  margin: 0;
  padding: 0;
}

.footer-menu-title,
.footer-menu-root-link {
  color: #343747;
  display: inline-flex;
  font-weight: 600;
  margin-bottom: 12px;
}

.footer-menu-list {
  display: grid;
  gap: 8px;
}

.footer-menu-link,
.footer-menu-root-link {
  color: #74788d;
  line-height: 1.35;
}

.footer-menu-link:hover,
.footer-menu-link:focus,
.footer-menu-root-link:hover,
.footer-menu-root-link:focus,
.footer-copy:hover,
.footer-copy:focus {
  color: #5b73e8;
}

.footer-bottom {
  align-items: center;
  border-top: 1px solid #eff2f7;
  display: flex;
  flex-wrap: wrap;
  gap: 12px 20px;
  justify-content: space-between;
  padding-top: 16px;
}

.footer-copy {
  color: #74788d;
  gap: 8px;
}

@media (max-width: 991.98px) {
  .digimall-minible[data-layout=horizontal] .container-fluid,
  .digimall-minible[data-layout=horizontal] .navbar-header {
    max-width: 100% !important;
    padding-left: 12px;
    padding-right: 12px;
    width: 100% !important;
  }

  .digimall-minible .page-content {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  .digimall-minible .navbar-brand-box {
    width: auto;
    min-width: 70px;
  }

  .header-actions {
    gap: 6px;
  }

  .header-actions .header-item {
    background: transparent;
  }

  .topnav .navbar-nav .nav-link {
    min-height: 44px;
  }

  .dropdown-submenu-parent > .dropdown-submenu,
  .dropdown-submenu-parent > .dropdown-menu {
    box-shadow: none;
    margin: 0;
    padding-left: 16px;
    position: static;
  }

  .dropdown-submenu-parent:hover > .dropdown-submenu,
  .dropdown-submenu-parent:hover > .dropdown-menu {
    display: block;
  }

  .product-row__metric {
    justify-content: flex-start;
  }

  .product-row__actions,
  .product-row__secondary-actions,
  .product-row__purchase-actions,
  .buy-buttons-container,
  .basket-controls-container {
    justify-content: flex-start;
  }

  .basket-layout {
    grid-template-columns: 1fr;
  }

  .basket-checkout-card {
    position: static;
  }

  .basket-row {
    grid-template-columns: 64px minmax(0, 1fr) minmax(150px, auto);
  }

  .basket-row__quantity,
  .basket-row__sum,
  .basket-row__remove {
    grid-column: 2 / -1;
  }

  .basket-row__quantity,
  .basket-row__sum {
    text-align: left;
  }

  .basket-row__sum strong,
  .basket-row__remove {
    justify-content: flex-start;
    justify-self: start;
  }

  .catalog-filter-card,
  .product-list-card {
    max-width: 100%;
    overflow: hidden;
    width: 100%;
  }

  .catalog-filter-actions,
  .catalog-filter-quick-row,
  .product-list-heading__top,
  .product-list-toolbar,
  .product-list-page-size {
    justify-content: flex-start;
  }

  .product-list-toolbar {
    grid-template-columns: 1fr;
  }

  .product-list-sort,
  .product-list-columns {
    grid-column: 1;
  }

  .product-detail-layout {
    grid-template-columns: 1fr;
  }

  .product-purchase-panel {
    border-bottom: 1px solid #eff2f7;
    border-right: 0;
    display: grid;
    grid-template-columns: minmax(140px, 180px) minmax(0, 1fr);
  }

  .product-detail-media {
    min-height: 160px;
  }

  .product-detail-summary {
    padding: 28px;
  }

  .product-detail-stats {
    display: grid;
    grid-column: 2;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .product-detail-actions {
    grid-column: 1 / -1;
  }

  .footer-main {
    grid-template-columns: 1fr;
  }

  .static-page-grid {
    grid-template-columns: 1fr;
  }

  .payment-confirm-layout {
    grid-template-columns: 1fr;
  }

  .payment-confirm-summary {
    position: static;
  }

  .customer-order-product {
    grid-template-columns: 44px minmax(0, 1fr);
  }

  .customer-order-product__status {
    grid-column: 2;
    justify-self: start;
  }

  .affiliate-join-layout,
  .affiliate-rules-grid {
    grid-template-columns: 1fr;
  }

  .affiliate-join-form-panel {
    max-width: 100%;
  }

  .affiliate-terms-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .footer-menu-grid {
    grid-template-columns: repeat(2, minmax(150px, 1fr));
  }
}

@media (max-width: 767.98px) {
  .account-settings-page {
    max-width: 100%;
  }

  .account-settings-row {
    align-items: flex-start;
    gap: 10px;
    grid-template-columns: 1fr;
    padding: 16px;
  }

  .account-settings-row__status,
  .account-settings-row__action {
    justify-self: start;
  }

  .account-settings-row__action {
    justify-content: flex-start;
  }

  .account-settings-action {
    min-width: 120px;
  }

  .telegram-binding-page {
    max-width: 100%;
  }

  .telegram-status-card {
    grid-template-columns: 1fr;
    padding: 20px;
  }

  .telegram-status-card__actions {
    justify-content: flex-start;
  }

  .telegram-setup-step,
  .telegram-token-expired {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .telegram-setup-step__button,
  .telegram-token-expired .btn {
    grid-column: 1 / -1;
    justify-self: flex-start;
  }

  .email-verification-page {
    max-width: 100%;
  }

  .email-verification-card {
    grid-template-columns: 1fr;
    padding: 22px;
  }

  .deposit-page {
    max-width: 100%;
  }

  .basket-page {
    max-width: 100%;
  }

  .deposit-payment-options {
    grid-template-columns: 1fr;
    max-width: 100%;
  }

  .affiliate-join-page {
    max-width: 100%;
  }

  .payment-confirm-page,
  .customer-orders-page,
  .faq-page {
    max-width: 100%;
  }

  .payment-confirm-header,
  .customer-orders-header,
  .faq-hero {
    align-items: flex-start;
    flex-direction: column;
  }

  .payment-confirm-row {
    align-items: flex-start;
    grid-template-columns: 52px minmax(0, 1fr);
  }

  .payment-confirm-row__formula {
    grid-column: 2;
    text-align: left;
  }

  .payment-confirm-row__formula strong {
    white-space: normal;
  }

  .faq-section__header {
    grid-template-columns: 42px minmax(0, 1fr);
  }

  .faq-section__count {
    grid-column: 2;
    justify-self: start;
  }
}

@media (max-width: 575.98px) {
  .recently-viewed-block__header {
    align-items: flex-start;
    flex-direction: column;
    padding: 16px;
  }

  .recently-viewed-grid {
    grid-template-columns: 1fr;
    padding: 14px;
  }

  .recently-viewed-card {
    grid-template-columns: 64px minmax(0, 1fr);
    padding: 12px;
  }

  .recently-viewed-card__media {
    height: 64px;
    width: 64px;
  }

  .recently-viewed-card__delete {
    margin-left: 0;
  }

  .basket-page__header {
    align-items: flex-start;
    flex-direction: column;
  }

  .basket-row {
    gap: 12px;
    grid-template-columns: 56px minmax(0, 1fr);
    padding: 14px;
  }

  .basket-row__media {
    height: 56px;
    width: 56px;
  }

  .basket-row__quantity,
  .basket-row__sum,
  .basket-row__remove {
    grid-column: 1 / -1;
  }

  .basket-row__quantity-control {
    width: 100%;
  }

  .basket-row__quantity-control .basket-set-quantity {
    flex: 1 1 auto;
    max-width: none;
  }

  .basket-row__remove {
    width: 100%;
  }

  .deposit-card__header,
  .deposit-history-card__header,
  .deposit-card__body,
  .deposit-history-card__body {
    padding: 16px;
  }

  .deposit-amount-control {
    flex-direction: column;
  }

  .deposit-amount-input {
    border-bottom-right-radius: 0;
    border-right: 1px solid #ced4da;
    border-top-right-radius: 4px;
  }

  .deposit-submit {
    border-bottom-left-radius: 4px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    width: 100%;
  }

  .deposit-history-empty {
    align-items: flex-start;
    flex-direction: column;
  }

  .guest-sync-card {
    padding: 24px 18px;
  }

  .guest-sync-summary__row {
    align-items: flex-start;
    flex-direction: column;
    gap: 4px;
  }

  .guest-sync-summary__row strong {
    text-align: left;
  }

  .guest-sync-submit {
    min-width: 0;
    width: 100%;
  }

  .affiliate-join-card__header,
  .affiliate-join-card__body,
  .affiliate-info-section,
  .affiliate-rule-card {
    padding-left: 18px;
    padding-right: 18px;
  }

  .affiliate-join-card__header h1 {
    font-size: 22px;
  }

  .affiliate-section-title h2,
  .affiliate-rule-card__header h2 {
    font-size: 19px;
  }

  .affiliate-rule-card__lead {
    margin-left: 0;
  }

  .affiliate-terms-grid {
    grid-template-columns: 1fr;
  }

  .affiliate-join-guest {
    flex-direction: column;
  }

  .payment-confirm-header h1,
  .customer-orders-header h1,
  .faq-hero h1 {
    font-size: 24px;
  }

  .payment-confirm-card__header,
  .payment-confirm-row,
  .payment-confirm-summary,
  .customer-order-card,
  .faq-section__header,
  .faq-question,
  .faq-answer {
    padding-left: 16px;
    padding-right: 16px;
  }

  .customer-order-card__header {
    flex-direction: column;
  }

  .customer-order-card__details {
    justify-content: center;
    width: 100%;
  }

  .customer-order-product {
    grid-template-columns: 40px minmax(0, 1fr);
  }

  .customer-order-product__media {
    height: 40px;
    width: 40px;
  }

  .checkout-modal-dialog {
    margin-left: 10px;
    margin-right: 10px;
  }

  .checkout-modal-header,
  .checkout-modal-body,
  .checkout-modal-actions {
    padding-left: 18px;
    padding-right: 18px;
  }

  .checkout-form-grid {
    grid-template-columns: 1fr;
  }

  .checkout-summary {
    padding: 15px;
  }

  .checkout-actions-row {
    align-items: stretch;
    flex-direction: column;
  }

  .checkout-submit-btn,
  .checkout-cancel-btn {
    width: 100%;
  }

  .checkout-submit-btn {
    order: 1;
  }

  .checkout-cancel-btn {
    order: 2;
  }

  .telegram-status-card__disconnect,
  .telegram-status-card__primary,
  .telegram-status-card__secondary,
  .email-verification-submit,
  .telegram-disconnect-modal__form .btn {
    width: 100%;
  }

  .telegram-status-card__actions {
    width: 100%;
  }

  .telegram-manual-command {
    align-items: stretch;
    flex-direction: column;
  }

  .telegram-copy-button {
    width: 100%;
  }

  .telegram-disconnect-modal__form {
    align-items: stretch;
    flex-direction: column-reverse;
  }

  .static-page > .page-title {
    padding: 20px 18px 16px;
  }

  .static-page > .page-title h1 {
    font-size: 22px;
  }

  .static-page > .page-content {
    padding: 20px 18px 22px !important;
  }

  .digimall-auth-pages {
    padding: 28px 0;
  }

  .digimall-auth-card .card-body {
    padding: 28px 18px !important;
  }

  .digimall-auth-card {
    max-width: 100%;
    width: 100%;
  }

  .digimall-auth-card p {
    overflow-wrap: anywhere;
  }

  .digimall-auth-form .d-flex.align-items-center.justify-content-between {
    align-items: flex-start !important;
    flex-direction: column;
    gap: 4px;
  }

  .digimall-auth-form .text-end {
    text-align: left !important;
  }

  .digimall-auth-form .btn {
    width: 100%;
  }

  .digimall-auth-footer {
    padding: 0 12px;
  }

  .catalog-filter-card .card-body,
  .product-list-heading,
  .product-row {
    padding-left: 14px;
    padding-right: 14px;
  }

  .page-size-switcher {
    width: 100%;
  }

  .page-size-switcher .btn {
    flex: 1 1 0;
  }

  .product-detail-summary {
    padding: 22px 18px;
  }

  .product-detail-title {
    font-size: 24px;
  }

  .product-purchase-panel {
    display: flex;
    padding: 18px;
  }

  .product-detail-media {
    min-height: 140px;
    padding: 16px;
  }

  .product-detail-image {
    max-height: 120px;
  }

  .product-detail-description {
    min-height: 180px;
  }

  .product-detail-price {
    font-size: 28px;
  }

  .product-detail-stats {
    display: flex;
  }

  .product-detail-primary-action .basket-add,
  .product-detail-primary-action .product__item-btn_buy,
  .product-detail-secondary-button {
    flex: 1 1 auto;
    width: 100%;
  }

  .footer-menu-grid {
    grid-template-columns: 1fr;
  }

  .footer-bottom {
    align-items: flex-start;
    flex-direction: column;
  }
}