[hidden] { display: none !important; }
body.account-page { min-height: 100vh; background: #f5f7fb; color: #0e3461; }
.account-header { height: 76px; display: flex; align-items: center; gap: 24px; padding: 0 max(calc((100% - 1320px) / 2), 5%); border-bottom: 1px solid #e8eef6; background: #fff; }
.account-header .brand { min-width: auto; }
.buyer-label { display: inline-flex; align-items: center; gap: 7px; color: #3c526c; font-size: 14px; }
.buyer-label span { color: #0e3461; font-size: 19px; }
.account-header-actions { display: flex; align-items: center; gap: 17px; margin-left: auto; }
.shop-return { color: #3c526c; font-size: 14px; }
.shop-return span { margin-right: 5px; font-size: 19px; }
.header-logout { border: 1px solid #e8eef6; border-radius: 7px; padding: 8px 12px; background: #fff; color: #3c526c; font: 500 13px var(--sans); cursor: pointer; }
.header-logout:hover { border-color: #d4dfed; color: #0e3461; }
.account-layout { width: min(1320px, calc(100% - 64px)); display: grid; grid-template-columns: 265px minmax(0, 1fr); gap: 29px; margin: 32px auto 56px; align-items: start; }
.account-sidebar { position: sticky; top: 18px; padding: 18px 14px 15px; border: 1px solid #e8eef6; border-radius: 13px; background: #fff; box-shadow: 0 5px 20px rgba(14,52,97, .035); }
.sidebar-profile { display: flex; align-items: center; gap: 11px; padding: 3px 7px 17px; border-bottom: 1px solid #e8eef6; }
.profile-avatar { width: 41px; height: 41px; flex: 0 0 41px; display: grid; place-items: center; border-radius: 50%; background: #e8eef6; color: #0e3461; font: 600 19px var(--serif); }
.profile-copy { min-width: 0; }
.profile-copy b, .profile-copy small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.profile-copy b { color: #0e3461; font-size: 14px; }
.profile-copy small { margin-top: 4px; color: #3c526c; font-size: 11px; }
.account-nav { padding-top: 7px; }
.nav-group { padding: 8px 0 10px; }
.nav-group + .nav-group { border-top: 1px solid #e8eef6; }
.nav-group h2 { margin: 0 8px 6px; color: #0e3461; font-size: 13px; font-weight: 600; }
.account-nav-item { width: 100%; min-height: 37px; display: flex; align-items: center; gap: 10px; border: 0; border-radius: 7px; padding: 7px 9px; background: transparent; color: #3c526c; font: 500 13px var(--sans); text-align: left; cursor: pointer; transition: background .15s, color .15s; }
.account-nav-item > span { width: 19px; color: #3c526c; font-size: 17px; text-align: center; }
.account-nav-item:hover { background: #f5f7fb; color: #0e3461; }
.account-nav-item.active { background: #e8eef6; color: #0e3461; font-weight: 600; }
.account-nav-item.active > span { color: #0e3461; }
.sidebar-help { display: flex; gap: 10px; margin-top: 8px; padding: 13px 9px 5px; border-top: 1px solid #e8eef6; }
.sidebar-help > span { width: 23px; height: 23px; flex: 0 0 23px; display: grid; place-items: center; border-radius: 50%; background: #f4f1dd; color: #9c8451; font-size: 14px; font-weight: 700; }
.sidebar-help p { margin: 0; }
.sidebar-help b, .sidebar-help small, .sidebar-help a { display: block; }
.sidebar-help b { color: #3c526c; font-size: 12px; }
.sidebar-help small { margin-top: 3px; color: #3c526c; font-size: 10px; }
.sidebar-help a { margin-top: 6px; color: #0e3461; font-size: 11px; font-weight: 600; }
.account-main { min-width: 0; }
.page-heading { display: flex; align-items: end; justify-content: space-between; gap: 20px; margin: 3px 0 21px; }
.page-kicker, .card-eyebrow, .welcome-eyebrow { color: #0e3461; font-size: 12px; font-weight: 600; letter-spacing: .055em; }
.page-heading h1 { margin: 4px 0 4px; color: #0e3461; font: 600 30px/1.35 var(--serif); }
.page-heading p { margin: 0; color: #3c526c; font-size: 13px; }
.heading-shop-link { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 9px; margin-bottom: 4px; color: #0e3461; font-size: 13px; font-weight: 600; }
.heading-shop-link span { font-size: 18px; }
.dashboard-view { min-width: 0; }
.welcome-card { position: relative; min-height: 181px; display: flex; align-items: center; justify-content: space-between; overflow: hidden; padding: 25px 32px; border-radius: 13px; background: linear-gradient(112deg, #0e3461, #0e3461); color: #fff; }
.welcome-card > div:first-child { position: relative; z-index: 1; }
.welcome-eyebrow { color: #fdb523; }
.welcome-card h2 { margin: 6px 0 5px; font: 600 26px/1.4 var(--serif); }
.welcome-card p { margin: 0; color: #d4dfed; font-size: 13px; }
.primary-link { display: inline-flex; align-items: center; gap: 11px; margin-top: 16px; border-radius: 6px; padding: 9px 12px; background: #f3f2dd; color: #0e3461; font-size: 12px; font-weight: 600; }
.primary-link span { font-size: 17px; }
.welcome-graphic { width: 120px; height: 120px; flex: 0 0 120px; display: flex; flex-direction: column; align-items: center; justify-content: center; margin-right: 4%; border: 1px dashed rgba(253,181,35, .58); border-radius: 50%; outline: 1px solid rgba(253,181,35, .16); outline-offset: 8px; color: #fdb523; transform: rotate(8deg); }
.welcome-graphic span { font-size: 18px; }
.welcome-graphic b { margin-top: 2px; font: 600 15px/.95 var(--serif); letter-spacing: .05em; text-align: center; }
.welcome-graphic small { margin-top: 6px; color: #d4dfed; font-size: 6px; letter-spacing: .13em; }
.stat-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; margin: 15px 0; }
.stat-card { min-height: 83px; display: flex; align-items: center; gap: 12px; padding: 14px; border: 1px solid #e8eef6; border-radius: 10px; background: #fff; }
.stat-icon { width: 36px; height: 36px; flex: 0 0 36px; display: grid; place-items: center; border-radius: 10px; background: #e8eef6; color: #0e3461; font-size: 19px; }
.coupon-icon { background: #fbf1e5; color: #b8804c; }
.history-icon { background: #eeedf8; color: #635e86; }
.stat-card div { min-width: 0; flex: 1; }
.stat-card small, .stat-card b { display: block; }
.stat-card small { color: #3c526c; font-size: 11px; }
.stat-card b { margin-top: 3px; color: #0e3461; font: 600 20px var(--serif); }
.stat-card b i { color: #3c526c; font: 500 10px var(--sans); }
.stat-card > button { border: 0; background: transparent; color: #3c526c; font-size: 20px; cursor: pointer; }
.section-card { padding: 21px 22px; border: 1px solid #e8eef6; border-radius: 11px; background: #fff; box-shadow: 0 4px 15px rgba(14,52,97, .025); }
.card-heading { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 16px; }
.card-heading h2 { margin: 3px 0 0; color: #0e3461; font: 600 20px/1.4 var(--serif); }
.verified-pill, .count-pill, .security-badge { flex: 0 0 auto; border-radius: 20px; padding: 6px 9px; background: #f5f7fb; color: #0e3461; font-size: 11px; }
.verified-pill i { display: inline-block; width: 6px; height: 6px; margin-right: 4px; border-radius: 50%; background: #0e3461; }
.count-pill { background: #f5f7fb; color: #3c526c; }
.profile-details { display: grid; grid-template-columns: 1fr 1.2fr .9fr; gap: 12px; }
.profile-details > div { min-width: 0; padding: 11px 12px; border: 1px solid #e8eef6; border-radius: 7px; background: #fbfcfa; }
.profile-details small, .profile-details b { display: block; }
.profile-details small { color: #3c526c; font-size: 11px; }
.profile-details b { margin-top: 5px; overflow-wrap: anywhere; color: #3c526c; font-size: 13px; }
.quick-settings { display: grid; grid-template-columns: 1fr 1fr; gap: 13px; margin-top: 14px; }
.quick-settings button { position: relative; display: grid; grid-template-columns: 35px 1fr 15px; grid-template-rows: auto auto; align-items: center; gap: 1px 10px; border: 1px solid #e8eef6; border-radius: 9px; padding: 13px; background: #fff; text-align: left; cursor: pointer; }
.quick-settings button > span { width: 34px; height: 34px; grid-row: 1 / 3; display: grid; place-items: center; border-radius: 9px; background: #e8eef6; color: #0e3461; font-size: 19px; }
.quick-settings b { color: #3c526c; font-size: 12px; }
.quick-settings small { color: #3c526c; font-size: 10px; }
.quick-settings i { grid-column: 3; grid-row: 1 / 3; color: #3c526c; font-size: 17px; font-style: normal; }
.prototype-note { display: flex; align-items: center; gap: 7px; margin: 15px 0 0; color: #3c526c; font-size: 11px; }
.prototype-note span { color: #0e3461; font-size: 15px; }
.dashboard-footer { margin: 22px 0 0; color: #3c526c; font-size: 11px; text-align: right; }
.account-alert { margin: 0 0 15px; border: 1px solid #e8eef6; border-radius: 8px; padding: 10px 13px; background: #f5f7fb; color: #0e3461; font-size: 13px; }
.account-alert.error { border-color: #f0d7d1; background: #fff3ef; color: #a44839; }
.saved-list { display: grid; gap: 9px; }
.saved-item { display: flex; align-items: center; gap: 12px; padding: 12px; border: 1px solid #e8eef6; border-radius: 8px; background: #fbfcfa; }
.saved-item-icon { width: 37px; height: 37px; flex: 0 0 37px; display: grid; place-items: center; border-radius: 10px; background: #e8eef6; color: #0e3461; font-size: 19px; }
.saved-item-copy { flex: 1; min-width: 0; }
.saved-item-copy b, .saved-item-copy small { display: block; }
.saved-item-copy b { color: #3c526c; font-size: 13px; }
.saved-item-copy small { margin-top: 3px; overflow-wrap: anywhere; color: #3c526c; font-size: 11px; line-height: 1.6; }
.saved-item > button { border: 0; background: transparent; color: #81574e; font: 500 12px var(--sans); cursor: pointer; }
.empty-panel { padding: 35px 15px 27px; text-align: center; }
.empty-panel > span { width: 47px; height: 47px; display: grid; place-items: center; margin: 0 auto 11px; border-radius: 50%; background: #f5f7fb; color: #3c526c; font-size: 22px; }
.empty-panel h3 { margin: 0; color: #3c526c; font: 600 18px var(--serif); }
.empty-panel p { margin: 6px 0 0; color: #3c526c; font-size: 12px; }
.empty-panel .primary-link { margin-top: 13px; }
.privacy-warning { display: flex; gap: 9px; margin-bottom: 15px; padding: 11px 12px; border-radius: 7px; background: #f6f8fb; color: #8c7749; }
.privacy-warning > span { width: 17px; height: 17px; flex: 0 0 17px; display: grid; place-items: center; border-radius: 50%; background: #eedcae; font: 600 12px var(--serif); }
.privacy-warning p { margin: 0; font-size: 11px; line-height: 1.7; }
.settings-form { margin-top: 20px; padding-top: 18px; border-top: 1px solid #e8eef6; }
.settings-form h3 { margin: 0 0 13px; color: #3c526c; font: 600 16px var(--serif); }
.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 13px; }
.settings-form label { display: block; color: #3c526c; font-size: 12px; font-weight: 600; }
.settings-form input, .settings-form select, .settings-form textarea { width: 100%; min-height: 41px; display: block; margin-top: 6px; border: 1px solid #e8eef6; border-radius: 7px; outline: none; padding: 9px 11px; background: #fff; color: #0e3461; font: 500 13px var(--sans); resize: vertical; }
.settings-form input:focus, .settings-form select:focus, .settings-form textarea:focus { border-color: #0e3461; box-shadow: 0 0 0 3px rgba(14,52,97, .08); }
.settings-form input::placeholder, .settings-form textarea::placeholder { color: #3c526c; }
.form-wide { grid-column: 1 / -1; }
.form-submit { min-height: 39px; margin-top: 15px; border: 0; border-radius: 7px; padding: 0 15px; background: #0e3461; color: #fff; font: 600 12px var(--sans); cursor: pointer; }
.form-submit:hover { background: #0e3461; }
.password-form { max-width: 460px; border-top: 0; padding-top: 0; }
.password-form label + label { margin-top: 14px; }
.password-form label small { display: block; margin-top: 5px; color: #3c526c; font-size: 11px; font-weight:500; }
.password-form .form-submit { width: 100%; }
.form-message { margin: 12px 0 0; border-radius: 7px; padding: 10px 12px; font-size: 12px; }
.form-message.error { background: #fff2ef; color: #a84537; }
.form-message.success { background: #f5f7fb; color: #0e3461; }
.text-button { border: 0; background: transparent; color: #3c526c; font: 500 12px var(--sans); text-decoration: underline; text-underline-offset: 2px; cursor: pointer; }
.privacy-options { border-top: 1px solid #e8eef6; }
.toggle-row { min-height: 69px; display: flex; align-items: center; justify-content: space-between; gap: 15px; border-bottom: 1px solid #e8eef6; cursor: pointer; }
.toggle-row > span b, .toggle-row > span small { display: block; }
.toggle-row > span b { color: #3c526c; font-size: 13px; }
.toggle-row > span small { margin-top: 4px; color: #3c526c; font-size: 11px; line-height: 1.6; }
.toggle-row input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.toggle-row > i { position: relative; width: 38px; height: 21px; flex: 0 0 38px; border-radius: 20px; background: #d4dfed; transition: background .2s; }
.toggle-row > i::after { content: ""; position: absolute; top: 3px; left: 3px; width: 15px; height: 15px; border-radius: 50%; background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,.16); transition: transform .2s; }
.toggle-row input:checked + i { background: #0e3461; }
.toggle-row input:checked + i::after { transform: translateX(17px); }
.toggle-row input:focus-visible + i { outline: 3px solid rgba(14,52,97,.2); }
.local-data-note { margin: 13px 0 0; color: #3c526c; font-size: 11px; line-height: 1.7; }
.order-tabs { display: flex; gap: 4px; overflow-x: auto; border-bottom: 1px solid #e8eef6; }
.order-tabs button { flex: 0 0 auto; border: 0; border-bottom: 2px solid transparent; padding: 10px 12px; background: transparent; color: #3c526c; font: 500 12px var(--sans); }
.order-tabs button.selected { border-color: #0e3461; color: #0e3461; font-weight: 600; }
.order-tabs button span { margin-left: 4px; color: #3c526c; }
.order-tabs button:disabled { opacity: .65; }
.coupon-grid { display: grid; gap: 13px; }
.coupon-card { min-height: 139px; display: grid; grid-template-columns: 120px minmax(0, 1fr); overflow: hidden; border: 1px solid #e8eef6; border-radius: 11px; background: #fff; }
.coupon-value { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; background: #e8eef6; color: #0e3461; }
.coupon-value::after { content: ""; position: absolute; top: 50%; right: -8px; width: 16px; height: 16px; border-radius: 50%; background: #f5f7fb; transform: translateY(-50%); }
.coupon-value b { font: 600 24px var(--serif); }
.coupon-value small { font-size: 11px; }
.coupon-secondary .coupon-value { background: #f8eee3; color: #ad774a; }
.coupon-detail { padding: 15px 18px; }
.coupon-tag { display: inline-block; border-radius: 10px; padding: 4px 7px; background: #f5f7fb; color: #3c526c; font-size: 10px; }
.coupon-detail h2 { margin: 6px 0 3px; color: #3c526c; font: 600 16px var(--serif); }
.coupon-detail p { margin: 0; color: #3c526c; font-size: 11px; }
.coupon-detail > div { display: flex; align-items: center; gap: 9px; margin-top: 10px; }
.coupon-detail code { border: 1px dashed #9eb4ce; border-radius: 5px; padding: 5px 8px; color: #0e3461; font: 600 12px var(--sans); letter-spacing: .04em; }
.coupon-detail button { border: 0; background: transparent; color: #0e3461; font: 600 11px var(--sans); cursor: pointer; }
.table-wrap { overflow-x: auto; }
.table-wrap table { width: 100%; border-collapse: collapse; text-align: left; }
.table-wrap th { padding: 11px 9px; border-bottom: 1px solid #e8eef6; color: #3c526c; font-size: 11px; font-weight: 500; white-space: nowrap; }
.table-wrap td { padding: 15px 9px; border-bottom: 1px solid #f5f7fb; color: #3c526c; font-size: 12px; }
.table-wrap .table-empty { padding: 32px 10px; color: #3c526c; text-align: center; }
.toast { position: fixed; z-index: 50; right: 22px; bottom: 22px; max-width: calc(100% - 44px); border-radius: 8px; padding: 11px 16px; background: #0e3461; color: #fff; box-shadow: 0 9px 25px rgba(14,52,97,.2); font-size: 13px; opacity: 0; pointer-events: none; transform: translateY(10px); transition: all .2s; }
.toast.visible { opacity: 1; transform: translateY(0); }

@media (max-width: 980px) {
  .account-layout { width: calc(100% - 40px); grid-template-columns: 225px minmax(0, 1fr); gap: 18px; }
  .account-header { padding-right: 24px; padding-left: 24px; }
  .profile-details { grid-template-columns: 1fr 1fr; }
  .profile-details > div:last-child { grid-column: 1 / -1; }
  .welcome-card { padding: 23px; }
  .welcome-graphic { width: 100px; height: 100px; flex-basis: 100px; margin-right: 2%; }
}
@media (max-width: 700px) {
  .account-header { height: 66px; gap: 10px; padding: 0 16px; }
  .account-header .brand-mark { width: 34px; height: 34px; font-size: 21px; }
  .account-header .brand-name { font-size: 18px; }
  .account-header .brand-name small { font-size: 8px; }
  .buyer-label { display: none; }
  .account-header-actions { gap: 9px; }
  .shop-return { font-size: 12px; }
  .header-logout { padding: 7px 9px; font-size: 11px; }
  .account-layout { width: calc(100% - 28px); display: flex; flex-direction: column; gap: 16px; margin: 18px auto 35px; }
  .account-sidebar { position: static; width: 100%; padding: 12px; }
  .sidebar-profile { padding: 0 3px 10px; }
  .profile-avatar { width: 35px; height: 35px; flex-basis: 35px; }
  .account-nav { display: flex; gap: 12px; overflow-x: auto; padding: 9px 0 3px; scrollbar-width: thin; }
  .nav-group { flex: 0 0 auto; padding: 0; }
  .nav-group + .nav-group { padding-left: 10px; border-top: 0; border-left: 1px solid #e8eef6; }
  .nav-group h2 { margin: 0 0 5px 4px; font-size: 11px; white-space: nowrap; }
  .account-nav-item { width: auto; min-height: 31px; gap: 6px; padding: 6px 8px; font-size: 11px; white-space: nowrap; }
  .account-nav-item > span { width: 14px; font-size: 14px; }
  .sidebar-help { display: none; }
  .page-heading { align-items: center; margin: 0 0 14px; }
  .page-heading h1 { font-size: 26px; }
  .page-heading p { max-width: 235px; font-size: 11px; line-height: 1.6; }
  .heading-shop-link { gap: 4px; font-size: 11px; }
  .welcome-card { min-height: 155px; padding: 19px; }
  .welcome-card h2 { max-width: 220px; font-size: 22px; }
  .welcome-card p { max-width: 240px; font-size: 11px; line-height: 1.6; }
  .welcome-graphic { width: 72px; height: 72px; flex-basis: 72px; margin-right: 5px; }
  .welcome-graphic b { font-size: 11px; }
  .welcome-graphic small { font-size: 5px; }
  .primary-link { margin-top: 11px; padding: 8px 10px; font-size: 11px; }
  .stat-grid { gap: 7px; margin: 10px 0; }
  .stat-card { min-height: 74px; gap: 7px; padding: 9px 7px; }
  .stat-icon { width: 29px; height: 29px; flex-basis: 29px; font-size: 16px; }
  .stat-card small { font-size: 10px; }
  .stat-card b { font-size: 18px; }
  .stat-card b i { display: none; }
  .stat-card > button { padding: 0; font-size: 16px; }
  .section-card { padding: 16px 14px; }
  .card-heading h2 { font-size: 19px; }
  .profile-details { gap: 8px; }
  .profile-details > div { padding: 9px; }
  .profile-details small { font-size: 10px; }
  .profile-details b { font-size: 11px; }
  .quick-settings { gap: 7px; }
  .quick-settings button { grid-template-columns: 28px 1fr 12px; gap: 2px 6px; padding: 9px 7px; }
  .quick-settings button > span { width: 28px; height: 28px; font-size: 15px; }
  .quick-settings b { font-size: 10px; }
  .quick-settings small { font-size: 10px; }
  .prototype-note { align-items: flex-start; font-size: 10px; line-height: 1.6; }
  .form-grid { grid-template-columns: 1fr; gap: 11px; }
  .form-wide { grid-column: auto; }
  .coupon-card { grid-template-columns: 82px minmax(0, 1fr); }
  .coupon-value b { font-size: 20px; }
  .coupon-detail { padding: 12px 11px; }
  .coupon-detail h2 { font-size: 14px; }
  .coupon-detail p { font-size: 10px; line-height: 1.6; }
  .coupon-detail > div { gap: 4px; }
  .coupon-detail code { padding: 5px 6px; font-size: 10px; }
  .coupon-detail button { font-size: 10px; }
  .table-wrap th, .table-wrap td { padding-right: 7px; padding-left: 7px; }
}
.checkout-account-orders{display:grid;gap:20px;margin-top:22px}.purchase-order{border:1px solid #dce4ef;border-radius:12px;overflow:hidden;background:#fff}.purchase-header{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:17px 22px;background:#f4f7fb;border-bottom:1px solid #e1e7f0}.purchase-number{display:block;font-size:14px;color:#0e3461;overflow-wrap:anywhere}.purchase-date{display:block;font-size:12px;margin-top:5px;color:#4b6078}.purchase-status{display:inline-block;background:#fff1d0;color:#6b4800;border:1px solid #f5d78d;border-radius:20px;padding:5px 11px;font-size:12px;white-space:nowrap}.purchase-items{padding:0 22px}.purchase-item{display:grid;grid-template-columns:90px minmax(0,1fr) auto;gap:18px;align-items:center;padding:22px 0}.purchase-item+.purchase-item{border-top:1px solid #edf0f5}.purchase-photo{position:relative;display:grid;place-items:center;width:90px;height:90px;overflow:hidden;border:1px solid #e1e7f0;border-radius:8px;background:#f6f8fb}.purchase-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#fff;padding:4px}.purchase-photo-fallback{font-size:32px;color:#68809b}.purchase-seller{display:block;font-size:12px;color:#4b6078;margin-bottom:5px}.purchase-name{display:block;font-size:17px;font-weight:600;color:#173a63;line-height:1.6}.purchase-name:hover,.purchase-seller:hover{text-decoration:underline}.purchase-variant{font-size:13px;color:#4b6078;margin:5px 0}.purchase-quantity{display:block;font-size:13px;color:#304963;margin-top:6px}.purchase-item-price{text-align:right;min-width:120px}.purchase-item-price strong{display:block;font-size:17px;color:#0e3461}.purchase-item-price small{display:block;font-size:11px;margin-top:5px;color:#4b6078}.purchase-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #e1e7f0;padding:18px 22px}.purchase-method{font-size:14px;color:#0e3461}.purchase-method small{display:block;font-size:12px;color:#4b6078;margin-top:5px}.purchase-total{text-align:right}.purchase-total span{font-size:13px;color:#4b6078;display:block}.purchase-total strong{display:block;font-size:25px;color:#0e3461;margin-top:4px}.purchase-details{border-top:1px solid #e1e7f0;padding:13px 22px}.purchase-details summary{cursor:pointer;font-size:14px;color:#0e3461;list-style-position:inside}.purchase-breakdown{display:grid;grid-template-columns:160px minmax(0,1fr);gap:11px;font-size:14px;line-height:1.8;padding-top:9px}.purchase-breakdown dt{color:#4b6078}.purchase-breakdown dd{margin:0;text-align:right;overflow-wrap:anywhere;color:#243c58}.purchase-demo-note{font-size:12px!important;color:#4b6078!important;margin:0!important;padding:10px 22px;background:#f8fafc}.purchase-photo:focus-visible,.purchase-name:focus-visible,.purchase-details summary:focus-visible{outline:2px solid #fdb523;outline-offset:3px}@media(max-width:650px){.purchase-header{padding:14px;align-items:flex-start;flex-direction:column;gap:10px}.purchase-items{padding:0 14px}.purchase-item{grid-template-columns:70px minmax(0,1fr);gap:12px;padding:17px 0}.purchase-photo{width:70px;height:76px;grid-row:1/3}.purchase-name{font-size:15px}.purchase-item-price{grid-column:2;text-align:left;min-width:0;margin-top:-3px}.purchase-item-price strong{font-size:16px}.purchase-item-price small{display:inline;font-size:10px}.purchase-footer{padding:15px;align-items:flex-start;flex-direction:column;gap:13px}.purchase-total{width:100%;text-align:right}.purchase-total strong{font-size:23px}.purchase-details{padding:13px 15px}.purchase-breakdown{grid-template-columns:110px minmax(0,1fr);font-size:12px;gap:9px}.purchase-demo-note{padding:10px 15px}.purchase-number{font-size:12px}}

.purchase-open-order{display:block;text-align:right;padding:13px 22px;color:#0e3461;font-weight:600;font-size:14px;border-top:1px solid #e1e7f0}.purchase-open-order:hover{background:#fff7e3}
.profile-edit-layout{display:grid;grid-template-columns:180px minmax(0,1fr);gap:35px}.profile-photo-editor{text-align:center;padding:8px 0}.profile-photo-preview{width:116px;height:116px;border-radius:50%;background:#e8eef6;color:#0e3461;font-size:42px;display:grid;place-items:center;margin:0 auto 18px;overflow:hidden;border:3px solid #fff;box-shadow:0 0 0 1px #cbd8e9}.profile-photo-preview img{width:100%;height:100%;object-fit:cover}.profile-photo-pick{display:block;padding:8px 12px;border:1px solid #0e3461;color:#0e3461;font-size:14px;border-radius:6px;cursor:pointer}.profile-photo-editor>button{border:0;background:transparent;font:inherit;font-size:13px;color:#a33d2d;cursor:pointer;margin:10px 0}.profile-photo-editor>small{display:block;font-size:11px;color:#4b6078;line-height:1.8}.profile-edit-fields>label{display:block;font-size:14px;color:#253e5c;margin-bottom:18px}.profile-edit-fields input,.profile-edit-fields textarea{display:block;width:100%;padding:11px 13px;border:1px solid #c6d3e4;border-radius:7px;font:inherit;font-size:16px;color:#172e49;background:#fff;margin-top:7px}.profile-edit-fields textarea{resize:vertical}.profile-edit-fields input[readonly]{background:#f2f5f9;color:#4b6078}.profile-edit-fields small{font-size:11px;color:#4b6078;display:block;margin-top:5px}.profile-edit-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.profile-edit-actions .form-submit{margin:0}.profile-edit-actions>button:last-child{background:white;border:1px solid #c6d3e4;padding:10px 15px;border-radius:7px;color:#0e3461;font:inherit;font-size:14px;cursor:pointer}.profile-editor button:disabled{opacity:.5;cursor:wait}#profile-message{font-size:14px;color:#0e3461;line-height:1.8}.profile-edit-fields input:focus-visible,.profile-edit-fields textarea:focus-visible{outline:2px solid #fdb523;outline-offset:2px}.profile-avatar{overflow:hidden}@media(max-width:650px){.profile-edit-layout{grid-template-columns:1fr;gap:20px}.profile-photo-editor{max-width:190px;margin:auto}.profile-edit-fields input,.profile-edit-fields textarea{font-size:16px}}

.purchase-concierge-link{display:inline-block;font-size:12px;color:#0e3461;text-decoration:underline;margin-top:9px}
.account-address-card{border:1px solid #dbe5f1;border-radius:9px;padding:18px;background:white}.account-address-card h3{font-size:16px;margin:0;color:#0e3461}.account-address-card p{font-size:14px;line-height:1.9;color:#4b6078;margin:9px 0}.account-address-card>small{display:inline-block;padding:3px 8px;background:#fff3d4;border-radius:4px;color:#795300;font-size:11px}.account-address-actions{display:flex;gap:15px;flex-wrap:wrap;margin-top:16px}.account-address-actions button{background:none;border:0;padding:0;color:#0e3461;font:inherit;font-size:13px;text-decoration:underline;cursor:pointer}.account-address-actions button:last-child{color:#a43b29}.account-address-options{display:flex;gap:23px;flex-wrap:wrap;align-items:center;margin:18px 0;font-size:14px}.account-address-options select{display:block;padding:9px 13px;border:1px solid #c6d5e8;border-radius:6px;background:white;font:inherit;color:#173a63;min-width:140px;margin-top:7px}.account-address-options input{accent-color:#0e3461}#address-cancel-edit{border:1px solid #c6d5e8;background:white;color:#0e3461;border-radius:6px;padding:10px 14px;margin-left:12px;font:inherit;font-size:14px;cursor:pointer}
.welcome-seller-guide{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.85fr);gap:25px;align-items:center}.welcome-seller-guide>div:first-child{min-width:0}.welcome-seller-guide h2{font-size:28px;line-height:1.4;margin:13px 0}.welcome-seller-guide p{max-width:510px;font-size:14px;line-height:1.9}.welcome-shop-steps{list-style:none;padding:0;margin:20px 0;display:grid;gap:9px}.welcome-shop-steps li{display:flex;align-items:center;gap:10px;font-size:13px;line-height:1.8}.welcome-shop-steps li>span{display:grid;place-items:center;width:23px;height:23px;flex-shrink:0;border-radius:50%;background:#fdb523;color:#0e3461;font-size:11px;font-weight:600}.welcome-shop-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.welcome-shop-help{font-size:12px;text-decoration:underline;color:inherit}.welcome-shop-note{display:block;font-size:11px;line-height:1.8;margin-top:15px;opacity:.85}.welcome-shop-art{position:relative;align-self:stretch;min-height:240px;border-radius:12px;overflow:hidden;background:#0e3461}.welcome-shop-art img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:21% center;opacity:.8}.welcome-shop-art:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 45%,#0e3461e8)}.welcome-shop-art>span{position:absolute;bottom:22px;left:20px;z-index:1;color:white;font:600 19px/1.5 'Kanit',sans-serif;letter-spacing:.05em}@media(max-width:760px){.welcome-seller-guide{grid-template-columns:1fr}.welcome-shop-art{display:none}.welcome-seller-guide h2{font-size:26px}.welcome-seller-guide p{font-size:13px}.welcome-shop-steps{margin:16px 0}.welcome-shop-actions{gap:14px}}