.account-hero { min-height: 340px; }
.account-navigation { display: flex; flex-direction: column; gap: 6px; position: sticky; top: 100px; padding: 10px; border: 1px solid #e6ebf3; border-radius: 16px; background: #fff; box-shadow: 0 12px 35px rgba(25,43,76,.04); }
.account-navigation a { display: inline-flex; align-items: center; justify-content: flex-start; gap: 12px; width: 100%; padding: 13px 16px; border-radius: 10px; color: #44536e; font-weight: 700; white-space: nowrap; }
.account-navigation a:hover, .account-navigation a.is-active { color: #fff; background: #168e7d; }
.account-navigation a i { font-size: 16px; }
.account-section { padding: 80px 0 100px; background: #f4f7fb; }
.account-section h2, .account-section h3 { color: #15213a; }
.account-section p { color: #67738a; }
.account-card { height: 100%; padding: 34px; background: #fff; border: 1px solid #e6ebf3; border-radius: 18px; box-shadow: 0 18px 50px rgba(25,43,76,.06); }
.account-card h2 { font-size: 26px; margin: 0 0 10px; }
.account-card h3 { font-size: 19px; margin: 0 0 10px; }
.account-card p { margin-bottom: 24px; }
.account-welcome { padding: 42px; background: linear-gradient(135deg,#11294d,#182b59 60%,#26327b); border: 0; }
.account-welcome h2 { color: #fff; font-size: clamp(28px,3vw,40px); }
.account-welcome p { color: #cad6ea; max-width: 570px; }
.account-eyebrow { color: #90efd8; font-size: 13px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; margin-bottom: 18px; }
.account-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.account-link-button { display: inline-flex; align-items: center; color: #fff; padding: 12px 16px; font-weight: 600; }
.account-link-button:hover { color: #96f3df; }
.account-icon, .account-feature-icon { display: inline-flex; align-items: center; justify-content: center; width: 52px; height: 52px; border-radius: 14px; background: #e5f7f3; color: #1b927e; font-size: 23px; flex: none; }
.account-profile-card .account-icon { margin-bottom: 22px; }
.account-muted { color: #7d899b; }
.account-text-link { color: #168e7d; font-weight: 700; }
.account-text-link:hover { color: #116d60; }
.account-feature { display: flex; align-items: center; gap: 17px; min-height: 112px; padding: 24px; border: 1px solid #e6ebf3; border-radius: 16px; background: #fff; color: #15213a; }
.account-feature:hover { color: #168e7d; border-color: #8ddacc; transform: translateY(-2px); }
.account-feature > span:nth-child(2) { flex: 1; }
.account-feature strong, .account-feature small { display: block; }
.account-feature small { color: #7d899b; margin-top: 3px; }
.account-logout { border: 0; background: transparent; color: #718096; font-weight: 600; padding: 7px 0; }
.account-logout:hover { color: #d04747; }
.account-section-heading { display: flex; align-items: center; gap: 16px; margin-bottom: 25px; }
.account-section-heading h2, .account-section-heading p { margin: 0; }
.account-detail-list { margin: 0; }
.account-detail-list > div { display: grid; grid-template-columns: minmax(110px,28%) 1fr; gap: 20px; padding: 16px 0; border-top: 1px solid #edf1f6; }
.account-detail-list dt { color: #7d899b; font-weight: 500; }
.account-detail-list dd { margin: 0; color: #26334c; font-weight: 600; overflow-wrap: anywhere; }
.account-form-card .form-control, .account-form-card .form-select { min-height: 49px; border: 1px solid #dbe2ec; border-radius: 8px; background: #fff; color: #15213a; }
.account-form-card .form-control:focus, .account-form-card .form-select:focus { border-color: #31b6a0; box-shadow: 0 0 0 3px rgba(49,182,160,.13); }
.account-form-card .form-label { color: #33425c; font-weight: 600; margin-bottom: 7px; }
.account-form-card .account-icon { margin-bottom: 20px; }
.account-form-title { padding-top: 4px; margin-bottom: 18px !important; }
.account-form-foot { margin-top: 26px; padding-top: 23px; border-top: 1px solid #edf1f6; color: #67738a; text-align: center; }
.account-form-foot a { color: #168e7d; font-weight: 700; }
.account-submit { display: block; width: 100%; border: 0; margin-top: 20px; }
.account-submit:disabled { opacity: .55; cursor: not-allowed; }
.account-cart-item { display: flex; align-items: center; gap: 17px; padding: 22px 0; border-top: 1px solid #edf1f6; }
.account-cart-visual { display: flex; justify-content: center; align-items: center; flex: none; width: 66px; height: 66px; border-radius: 13px; color: #28a790; background: #e7f7f3; font-size: 24px; }
.account-cart-info { flex: 1; min-width: 0; }
.account-cart-info h3 { margin: 0 0 5px; font-size: 18px; }
.account-cart-note { margin: 6px 0 0 !important; }
.account-cart-price { text-align: right; white-space: nowrap; color: #15213a; }
.account-cart-price strong, .account-cart-price small { display: block; }
.account-cart-price small { color: #7d899b; font-size: 12px; }
.account-cart-remove { border: 0; background: transparent; color: #b5becc; padding: 10px; }
.account-cart-remove:hover { color: #d04747; }
.account-empty { padding: 38px 12px 12px; text-align: center; border-top: 1px solid #edf1f6; }
.account-empty .account-icon { margin-bottom: 18px; }
.account-empty p { margin-bottom: 20px; }
.account-summary-line, .account-summary-total { display: flex; justify-content: space-between; gap: 12px; padding: 10px 0; color: #67738a; }
.account-summary-line strong { color: #33425c; }
.account-summary-total { border-top: 1px solid #dfe5ef; margin-top: 10px; padding-top: 22px; color: #15213a; font-weight: 700; }
.account-summary-total strong { color: #15937e; font-size: 23px; white-space: nowrap; }
.account-checkout-note { margin: 18px 0 0 !important; font-size: 13px; line-height: 1.55; }
.account-address-form summary { color: #168e7d; font-weight: 700; cursor: pointer; }
.account-shipping-result { margin-top: 18px; color: #33425c; }
.account-shipping-option { display: flex; justify-content: space-between; gap: 10px; align-items: flex-start; padding: 12px 0; border-top: 1px solid #edf1f6; }
.account-shipping-option > div { display: grid; gap: 2px; }
.account-shipping-option input { margin-top: 5px; }
.account-shipping-option strong { display: block; color: #15213a; }
.account-shipping-option small { color: #7d899b; }
.account-record { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 19px 0; border-top: 1px solid #edf1f6; }
.account-record-main, .account-record-end { display: grid; gap: 5px; }
.account-record-main strong { color: #15213a; font-size: 17px; }
.account-record-main span, .account-record-end span { color: #7d899b; font-size: 13px; }
.account-record-end { text-align: right; }
.account-record-end strong { color: #15213a; white-space: nowrap; }
.account-record-end .account-status { display: inline-block; justify-self: end; padding: 4px 9px; border-radius: 20px; color: #137b69; background: #e4f7f1; font-weight: 700; }
.account-list-help { color: #67738a; }
.account-list-help a { color: #168e7d; font-weight: 700; }
.account-support-card { text-align: center; }
.account-support-card .account-icon { margin-bottom: 20px; }
.account-support-card .account-actions { justify-content: center; }
@media (max-width: 991px) { .account-navigation { position: static; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-bottom: 4px; } }
@media (max-width: 767px) { .account-section { padding: 50px 0 70px; } .account-card, .account-welcome { padding: 25px; } .account-cart-item { align-items: flex-start; flex-wrap: wrap; } .account-cart-visual { width: 50px; height: 50px; } .account-cart-price { margin-left: 67px; text-align: left; } .account-cart-remove { margin-left: auto; } }
@media (max-width: 575px) { .account-navigation { gap: 5px; padding: 7px; } .account-navigation a { padding: 11px 7px; font-size: 13px; } .account-record { align-items: flex-start; flex-direction: column; } .account-record-end { width: 100%; text-align: left; } .account-record-end .account-status { justify-self: start; } }