/* Shared account layout; loaded only for /hesabim/ routes. */
html body .users_main_div {
  --account-blue: #1e3a5f;
  --account-border: #d8e0ea;
  --account-text: #172033;
  --account-muted: #68758a;
  --account-space: 24px;
  padding: 32px 0 48px !important;
  background: #f3f6fb !important;
  color: var(--account-text);
}
html body .users_main_div::before { content: none !important; }
html body .users_main_div .user_subpage_div {
  width: min(var(--account-container-width, 1360px), calc(100% - 32px)) !important;
  max-width: none !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: 280px minmax(0, 1fr) !important;
  gap: 0 24px !important;
  align-items: start !important;
}
html body .users_main_div .user_subpage_div > .user_page_header_subpage {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 8px 12px !important;
  margin: 0 0 var(--account-space) !important;
  padding: 0 !important;
  height: auto !important;
  line-height: 1.6 !important;
}
html body .users_main_div .user_page_header_subpage :is(a, button, i) { margin: 0 !important; }
html body .users_main_div .user_page_header_subpage a:last-child { color: var(--account-blue) !important; }
html body .users_main_div .user_subpage_div > .user_subpage_left_bar_main {
  grid-column: 1 !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}
html body .users_main_div .user_subpage_div > :is(.user_subpage_coupon_content, .user_subpage_favorites_content, .user_subpage_account_content) {
  grid-column: 2 !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: var(--account-space) !important;
  border: 1px solid var(--account-border) !important;
  border-radius: 0 !important;
  background: #fff !important;
  box-shadow: none !important;
  overflow: visible !important;
}
html body .users_main_div .user_subpage_div .user_subpage_flex_header,
html body .users_main_div .user_subpage_div .account-empty-heading {
  height: auto !important;
  min-height: 0 !important;
  width: 100% !important;
  margin: 0 0 var(--account-space) !important;
  padding: 0 0 var(--account-space) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--account-border) !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--account-blue) !important;
}
html body .users_main_div .user_subpage_div .user_subpage_flex_header_h,
html body .users_main_div .user_subpage_div .account-empty-heading {
  flex: 1 1 auto !important;
  width: auto !important;
  margin-top: 0 !important;
  color: var(--account-blue) !important;
  font-size: 24px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  white-space: normal !important;
}
html body .users_main_div .user_subpage_div .user_subpage_flex_header_right {
  flex: 0 1 auto !important;
  width: auto !important;
  height: auto !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 12px !important;
  color: var(--account-muted) !important;
  font-size: 14px !important;
  text-align: left !important;
}
html body .users_main_div .user_subpage_div .user_subpage_flex_header_right > span { color: var(--account-muted) !important; }
html body .users_main_div .user_subpage_div .user_subpage_flex_header_back_href { width: auto !important; margin: 0 !important; color: var(--account-muted) !important; }
html body .users_main_div .user_subpage_div .user_subpage_flex_header_back_href a { color: var(--account-blue) !important; }
html body .users_main_div .user_subpage_div .user_subpage_flex_header_right :is(a,button) { min-height: 44px !important; }
html body .users_main_div .user_subpage_div .user_subpage_flex_header_right .button-blue {
  background: var(--account-blue) !important;
  border-color: var(--account-blue) !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  border-radius: 4px !important;
}
html body .users_main_div .user_subpage_div .user_subpage_flex_header_right .button-blue:hover { background: #142a47 !important; }
html body .users_main_div .user_subpage_div .user_subpage_info_div_blue { margin: 0 0 var(--account-space) !important; }
html body .users_main_div .user_subpage_div .user_settings_card { border: 0 !important; }
html body .users_main_div .user_subpage_div .user_settings_header {
  padding: 0 0 var(--account-space) !important;
  margin: 0 0 var(--account-space) !important;
  background: transparent !important;
  color: var(--account-blue) !important;
  border-bottom: 1px solid var(--account-border) !important;
  font-size: 24px !important;
  font-weight: 600 !important;
  text-transform: none !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
}
html body .users_main_div .user_subpage_div .user_settings_header i { color: inherit !important; }
html body .users_main_div .user_subpage_div .user_settings_card > form { padding: 0 !important; border-top: 0 !important; }
html body .users_main_div .user_subpage_div .account-settings-tabs { margin-bottom: var(--account-space) !important; flex-wrap: wrap !important; }
/* Center the custom radio artwork on the text, rather than the row's top. */
html body .users_main_div .user_subpage_div .register-page-uyelik-tipi { flex-wrap: wrap !important; gap: 12px 24px !important; }
html body .users_main_div .user_subpage_div .register-page-uyelik-tipi .rdio { margin: 0 !important; align-items: center !important; }
html body .users_main_div .user_subpage_div .register-page-uyelik-tipi .rdio input[type="radio"] {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  margin: 0;
}
html body .users_main_div .user_subpage_div .register-page-uyelik-tipi .rdio label {
  position: relative;
  display: inline-flex !important;
  align-items: center;
  min-height: 24px;
  margin: 0 !important;
  padding: 0 0 0 28px !important;
  font-size: 14px !important;
  line-height: 24px !important;
}
html body .users_main_div .user_subpage_div .register-page-uyelik-tipi .rdio label::before,
html body .users_main_div .user_subpage_div .register-page-uyelik-tipi .rdio input[type="radio"]:checked + label::after {
  top: 50% !important;
  transform: translateY(-50%);
}
html body .users_main_div .user_subpage_div .register-page-uyelik-tipi .rdio input[type="radio"]:focus-visible + label { outline: 2px solid var(--account-blue); outline-offset: 4px; }
html body .users_main_div .user_subpage_div .category-detail-mobile-acc { grid-column: 1 / -1 !important; margin-bottom: 16px !important; }
html body .users_main_div .user_subpage_div :is(a, button, input, select, textarea):focus-visible { outline: 2px solid var(--account-blue); outline-offset: 3px; }
@media (max-width: 1100px) {
  html body .users_main_div .user_subpage_div { grid-template-columns: 245px minmax(0, 1fr) !important; gap: 0 16px !important; }
}
@media (max-width: 768px) {
  html body .users_main_div { --account-space: 16px; padding: 24px 16px 32px !important; }
  html body .users_main_div .user_subpage_div { width: 100% !important; display: block !important; }
  html body .users_main_div .user_subpage_div > .user_page_header_subpage { font-size: 12px !important; gap: 4px 8px !important; margin-bottom: 24px !important; }
  html body .users_main_div .user_subpage_div > .user_subpage_left_bar_main { display: none !important; }
  html body .users_main_div .user_subpage_div .user_subpage_flex_header { align-items: flex-start !important; }
  html body .users_main_div .user_subpage_div :is(.user_subpage_flex_header_h, .user_settings_header, .account-empty-heading) { font-size: 20px !important; }
  html body .users_main_div .user_subpage_div .user_subpage_flex_header_right { width: 100% !important; }
}