/* 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; }
}

/* The support reference is the same immutable ID shown in administration. */
html body .sx-account-member-reference{display:grid;grid-template-columns:1fr auto;align-items:center;gap:7px 12px;margin:0 0 14px;padding:15px 16px;border:1px solid #c8d5e4;border-left:3px solid #1e3a5f;border-radius:5px;background:#fff;color:#233e61}
html body .sx-account-member-reference>span{font-size:13px;font-weight:600}
html body .sx-account-member-reference>strong{font-size:21px;font-weight:700;font-variant-numeric:tabular-nums;line-height:1.2;color:#1e3a5f}
html body .sx-account-member-reference>small{grid-column:1/-1;font-size:11px;line-height:1.6;color:#53677f}

/* Dealer login lands in the native account panel with a compact identity strip. */
html body .users_main_div .user_subpage_div>.sx-account-dealer-summary{grid-column:1/-1!important;display:flex;align-items:center;gap:22px;margin:0 0 20px;padding:14px 18px;border:1px solid #17385c;border-radius:6px;background:#132e4d;color:#fff;min-width:0;box-sizing:border-box}
html body .sx-dealer-identity{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1 1 220px}
html body .sx-dealer-caption{font-size:10px;font-weight:700;letter-spacing:1px;color:#c4d9f2}
html body .sx-dealer-identity>strong{font-size:17px;font-weight:650;line-height:1.35;overflow-wrap:anywhere;color:#fff}
html body .sx-dealer-identity>span:last-child{font-size:12px;color:#dce8f7;line-height:1.5}
html body .sx-dealer-summary-facts{display:flex;flex-wrap:wrap;gap:14px 25px;margin:0;min-width:0}
html body .sx-dealer-summary-facts>div{display:grid;gap:5px}
html body .sx-dealer-summary-facts dt{margin:0;font-size:11px;font-weight:500;color:#cadbf0}
html body .sx-dealer-summary-facts dd{margin:0;font-size:13px;font-weight:650;color:#fff;line-height:1.4;overflow-wrap:anywhere}
html body .sx-dealer-star{position:relative;flex:0 0 96px;width:96px;height:96px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:19px 14px;box-sizing:border-box;background:var(--dealer-seal,#946600);color:var(--dealer-seal-text,#fff);clip-path:polygon(50% 0%,61% 11%,75% 7%,80% 22%,93% 25%,89% 40%,100% 50%,89% 60%,93% 75%,78% 80%,75% 93%,60% 89%,50% 100%,40% 89%,25% 93%,20% 78%,7% 75%,11% 60%,0% 50%,11% 40%,7% 25%,22% 20%,25% 7%,40% 11%);text-align:center}
html body .sx-dealer-star-title{font-size:7px;font-weight:650;letter-spacing:1px;line-height:1.2}
html body .sx-dealer-star strong{font-size:10px;line-height:1.25;font-weight:700;overflow-wrap:anywhere;max-width:68px;color:inherit}
html body .sx-dealer-star-mark{font-size:11px;line-height:1}
@media(max-width:950px){html body .users_main_div .user_subpage_div>.sx-account-dealer-summary{gap:15px;flex-wrap:wrap}html body .sx-dealer-summary-facts{flex:1 1 100%;order:3;border-top:1px solid #49627e;padding-top:12px;justify-content:space-between}html body .sx-dealer-star{margin-left:auto}}
@media(max-width:480px){html body .users_main_div .user_subpage_div>.sx-account-dealer-summary{padding:13px;gap:12px}html body .sx-dealer-identity{flex-basis:150px}html body .sx-dealer-star{flex-basis:82px;width:82px;height:82px;padding:16px 12px}html body .sx-dealer-star strong{font-size:9px}html body .sx-dealer-summary-facts{gap:12px 16px}html body .sx-dealer-summary-facts dd{font-size:12px}}

/* Keep the whole member workspace on one white framed surface. */
html body .users_main_div .user_subpage_div{box-sizing:border-box;background:#fff!important;border:1px solid #d1dce8!important;border-radius:6px!important;padding:22px!important;box-shadow:0 3px 12px rgba(19,46,77,.045)}
@media(max-width:767px){html body .users_main_div .user_subpage_div{padding:14px!important;border-radius:4px!important;gap:0 16px!important}}

html body .sx-dealer-identity>.sx-dealer-account-note{display:flex;align-items:center;gap:13px;margin:9px 0 0;padding:4px 0;color:#fff;max-width:520px;min-width:0}
html body .sx-dealer-note-bell{position:relative;display:flex;align-items:center;justify-content:center;flex:0 0 36px;width:36px;height:36px;color:#ffd24a;border:1px solid #ffd24a;border-radius:50%}
html body .sx-dealer-note-bell::before,html body .sx-dealer-note-bell::after{content:"";position:absolute;inset:-1px;border:1px solid #ffd24a;border-radius:50%;opacity:0;pointer-events:none;animation:sx-dealer-bell-ripple 1.6s ease-out infinite}
html body .sx-dealer-note-bell::after{animation-delay:.65s}
html body .sx-dealer-note-bell svg{display:block;animation:sx-dealer-bell-ring 1.6s ease-in-out infinite;transform-origin:50% 15%}
html body .sx-dealer-note-copy{min-width:0;overflow-wrap:anywhere}
html body .sx-dealer-note-copy>strong{display:block;margin:0 0 2px;color:#ffd24a;font-size:11px;font-weight:700;line-height:1.5}
html body .sx-dealer-note-copy>p{margin:0;color:#fff;font-size:12px;font-weight:500;line-height:1.6}
@keyframes sx-dealer-bell-ripple{0%{transform:scale(1);opacity:.65}100%{transform:scale(1.65);opacity:0}}
@keyframes sx-dealer-bell-ring{0%,40%,100%{transform:rotate(0)}8%,24%{transform:rotate(12deg)}16%,32%{transform:rotate(-12deg)}}
@media(prefers-reduced-motion:reduce){html body .sx-dealer-note-bell::before,html body .sx-dealer-note-bell::after,html body .sx-dealer-note-bell svg{animation:none}}

/* Gold dealer seal matches the message bell. */
html body .sx-dealer-star{background:#ffd24a;color:#132e4d;gap:5px}
html body .sx-dealer-star strong{font-size:10px;font-weight:800;line-height:1.25;text-transform:uppercase;max-width:72px;color:#132e4d}
html body .sx-dealer-star .sx-dealer-star-mark{font-size:22px;line-height:1;color:#132e4d}
@media(max-width:480px){html body .sx-dealer-star strong{font-size:9px;max-width:62px}html body .sx-dealer-star .sx-dealer-star-mark{font-size:19px}}


/* Clean shield badge, using the dealer group's admin color. */
html body .sx-dealer-seal{position:relative;flex:0 0 132px;width:132px;aspect-ratio:1;align-self:center;color:var(--seal-ink);text-align:center}
html body .sx-dealer-seal svg{display:block;width:100%;height:auto}
html body .sx-dealer-seal-name{position:absolute;top:38.3%;left:3%;width:94%;height:23.4%;display:flex;align-items:center;justify-content:center;padding:2px;box-sizing:border-box;font-size:19px;font-weight:800;line-height:1;letter-spacing:.6px;overflow-wrap:anywhere;color:inherit}
html body .sx-dealer-seal-type{position:absolute;top:66%;left:15%;width:70%;font-size:12px;line-height:1.2;font-weight:700;letter-spacing:2px;color:inherit}
@media(max-width:950px){html body .sx-dealer-seal{margin-left:auto}}
@media(max-width:480px){html body .sx-dealer-seal{width:112px;flex-basis:112px}html body .sx-dealer-seal-name{font-size:16px}html body .sx-dealer-seal-type{font-size:10px}}
/* Frame the dealer's commercial details as one compact group. */
html body .sx-account-dealer-summary .sx-dealer-summary-facts{border:1px solid #65809d;border-radius:4px;padding:13px 16px;gap:14px 20px;box-sizing:border-box}
@media(max-width:950px){html body .sx-account-dealer-summary .sx-dealer-summary-facts{padding:12px 14px;justify-content:space-between}}
@media(max-width:480px){html body .sx-account-dealer-summary .sx-dealer-summary-facts{padding:11px 10px;gap:12px 10px}}
html body .sx-account-dealer-summary .sx-dealer-summary-facts>div+div{border-left:1px solid #65809d;padding-left:20px}
@media(max-width:480px){html body .sx-account-dealer-summary .sx-dealer-summary-facts>div+div{padding-left:10px}}
/* Highlight the member reference in the account sidebar. */
html body .sx-account-member-reference{background:#163b64;border-color:#163b64;border-left-color:#ffd24a}
html body .sx-account-member-reference>span,html body .sx-account-member-reference>strong{color:#fff}
html body .sx-account-member-reference>small{color:#dce8f7}

html body .sx-dealer-identity>.sx-dealer-account-note{border:1px solid #b99b42;border-radius:4px;padding:10px 12px;width:fit-content;max-width:100%;box-sizing:border-box}
/* Join the member number and profile into one sidebar identity panel. */
html body .user_subpage_left_bar_main>.sx-account-member-reference{margin-bottom:0;border-radius:5px 5px 0 0;border-bottom:0;padding-bottom:13px}
html body .user_subpage_left_bar_main>.sx-account-member-reference+.user_subpage_left_bar_namediv{display:flex;align-items:center;gap:12px;margin:0 0 14px!important;padding:14px 14px 16px!important;background:#163b64!important;border:1px solid #163b64!important;border-top:1px solid #45617f!important;border-left:3px solid #ffd24a!important;border-radius:0 0 5px 5px;box-sizing:border-box;width:100%}
html body .sx-account-member-reference+.user_subpage_left_bar_namediv .user_subpage_left_bar_namediv_circle{display:flex;align-items:center;justify-content:center;flex:0 0 48px;width:48px;height:48px;border-radius:50%;background:#fff!important;color:#163b64!important;font-weight:700}
html body .sx-account-member-reference+.user_subpage_left_bar_namediv .user_subpage_left_bar_namediv_content{min-width:0;flex:1}
html body .sx-account-member-reference+.user_subpage_left_bar_namediv .user_subpage_left_bar_namediv_content_h{color:#fff!important;font-weight:700;font-size:15px;line-height:1.5;overflow-wrap:anywhere}
html body .sx-account-member-reference+.user_subpage_left_bar_namediv .user_subpage_left_bar_namediv_content_usertype{color:#dce8f7!important;font-size:11px;line-height:1.5}
html body .sx-account-member-reference+.user_subpage_left_bar_namediv .user_subpage_left_bar_namediv_content_usergroup{display:inline-block;background:#ffd24a!important;color:#132e4d!important;border-radius:3px;padding:3px 6px;font-size:10px;font-weight:700;line-height:1.5;margin-top:4px}

html body .users_main_div .user_subpage_div>.sx-account-member-summary{min-height:112px}
/* Let the identity panel use the sidebar's full width, aligned with the header. */
html body .users_main_div .user_subpage_div>.user_subpage_left_bar_main{padding:0!important;border:0!important;box-sizing:border-box}
html body .users_main_div .user_subpage_div>.user_subpage_left_bar_main>.sx-account-member-reference{width:100%;box-sizing:border-box}
html body .users_main_div .user_subpage_div>.user_subpage_left_bar_main>.user_subpage_left_bar_namediv{gap:10px;padding-left:13px!important;padding-right:13px!important}
html body .users_main_div .user_subpage_div>.user_subpage_left_bar_main .user_subpage_left_bar_namediv_circle{margin:0!important;float:none!important}
html body .users_main_div .user_subpage_div>.user_subpage_left_bar_main .user_subpage_left_bar_namediv_content{width:auto!important;margin:0!important;float:none!important}
html body .users_main_div .user_subpage_div>.user_subpage_left_bar_main>.user_subpage_left_bar_nav_desktop{padding:0 14px;box-sizing:border-box}
html body .users_main_div .user_subpage_div>.sx-account-dealer-summary{background:#163b64;border-color:#163b64}
/* Mobile account sections share the header width without nested outer frames. */
@media(max-width:768px){
html body .users_main_div .user_subpage_div>.user_subpage_account_content{padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;width:100%!important;box-sizing:border-box}
html body .users_main_div .user_subpage_div .account-settings-tabs,html body .users_main_div .user_subpage_div .account-tab-panel{width:100%!important;max-width:100%!important;box-sizing:border-box}
html body .users_main_div .user_subpage_div>.category-detail-mobile-acc{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important;border:0!important;background:transparent!important;box-shadow:none!important;box-sizing:border-box}
html body .users_main_div .category-detail-mobile-acc .subpage_navigation,html body .users_main_div .category-detail-mobile-acc .user_subpage_left_bar_main{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important;padding:0!important;border:0!important;box-shadow:none!important;box-sizing:border-box}
html body .users_main_div .category-detail-mobile-acc .user_subpage_left_bar_nav_desktop{padding:0!important;width:100%!important;box-sizing:border-box}
html body .professional-account-settings .account-preferences-body{width:100%;min-width:0;box-sizing:border-box}
html body .professional-account-settings .account-preferences-grid>.custom-control{min-width:0;box-sizing:border-box}
}
@media(max-width:768px){html body .users_main_div .category-detail-mobile-acc-in{width:100%!important;margin:0!important;padding-left:0!important;padding-right:0!important;box-sizing:border-box}html body .users_main_div .category-detail-mobile-acc-filter{display:flex;width:100%!important;box-sizing:border-box}}
/* Desktop forms use the clear outer frame, without a second shadowed card. */
@media(min-width:769px){
html body .users_main_div .user_subpage_div>.user_subpage_account_content{padding:16px!important}
html body .professional-account-settings .user_subpage_account_content .account-tab-panel{padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;overflow:visible}
html body .professional-account-settings .user_subpage_account_content .account-settings-tabs{box-shadow:none!important}
html body .professional-account-settings .account-tab-panel>.user_settings_header{margin:0 0 16px!important}
html body .professional-account-settings .account-tab-panel .account-preferences-body{padding:0!important}
}
/* Separate the account sidebar from the form column. */
@media(min-width:769px){
html body .users_main_div .user_subpage_div>.user_subpage_left_bar_main{border:1px solid #c5d1df!important;border-radius:5px!important;background:#fff!important;overflow:hidden;padding:0 0 10px!important}
}
/* Remove the yellow sidebar accent while keeping the joined panel aligned. */
html body .sx-account-member-reference{border-left-color:#163b64!important}
html body .user_subpage_left_bar_main>.sx-account-member-reference+.user_subpage_left_bar_namediv{border-left-color:#163b64!important}

/* The avatar belongs with the account name in the top header. */
html body .sx-dealer-identity:has(>.sx-account-heading-avatar){display:grid;grid-template-columns:48px minmax(0,1fr);column-gap:12px;row-gap:4px;align-content:center}
html body .sx-dealer-identity:has(>.sx-account-heading-avatar)>*{grid-column:2}
html body .sx-dealer-identity>.sx-account-heading-avatar{grid-column:1!important;grid-row:1 / span 3;display:flex;align-items:center;justify-content:center;align-self:center;width:48px;height:48px;border-radius:50%;background:#fff;color:#163b64!important;font-size:17px!important;font-weight:700;line-height:1;box-sizing:border-box}
html body .sx-dealer-identity>.sx-dealer-account-note{grid-column:1/-1!important}
html body .user_subpage_left_bar_main>.sx-account-member-reference{margin-bottom:0;border-bottom:1px solid #45617f;border-radius:4px 4px 0 0}
@media(max-width:480px){html body .sx-dealer-identity:has(>.sx-account-heading-avatar){grid-template-columns:42px minmax(0,1fr);column-gap:10px}html body .sx-dealer-identity>.sx-account-heading-avatar{width:42px;height:42px;font-size:15px!important}}