:root { --ca-navy: #213969; --ca-red: #cb202b; --ca-text: #1c2028; --ca-muted: #536078; --ca-line: #dce3eb; }
* { box-sizing: border-box; }
body { margin: 0; background: #f6f8fb; color: var(--ca-text); font-family: "Instrument Sans", "Noto Sans Devanagari", "Noto Sans Kannada", sans-serif; font-size: 16px; line-height: 1.55; }
button, input, select, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
button { cursor: pointer; }
button:disabled { cursor: default; opacity: .6; }
[hidden] { display: none !important; }
a { color: var(--ca-navy); text-underline-offset: 3px; }
button, input, select, textarea, a, summary { outline-offset: 4px; }
:focus-visible { outline: 2px solid var(--ca-navy); }
::selection { color: #fff; background: var(--ca-navy); }
input, textarea { caret-color: var(--ca-red); }
.ca-skip { position: absolute; left: 12px; top: -100px; z-index: 10; padding: 12px; background: #fff; }
.ca-skip:focus { top: 12px; }
.ca-header { display: flex; justify-content: space-between; align-items: center; gap: 20px; min-height: 98px; max-width: 1280px; margin: 0 auto; padding: 20px 32px; }
.ca-brand { display: flex; align-items: center; gap: 10px; color: var(--ca-navy); font-size: 21px; font-weight: 700; line-height: 1.2; text-decoration: none; }
.ca-brand img { flex-shrink: 0; width: 42px; height: 42px; }
.ca-brand small { display: block; font-size: 11px; font-weight: 500; margin-top: 4px; }
.ca-header nav { display: flex; align-items: center; gap: 18px; flex-wrap: wrap; font-size: 14px; }
.ca-header nav a { display: inline-flex; align-items: center; min-height: 44px; text-decoration: none; }
.ca-main { max-width: 1216px; margin: 0 auto; padding: 16px 32px 64px; }
.ca-heading { display: flex; align-items: start; justify-content: space-between; gap: 20px; padding-bottom: 24px; }
h1 { font-size: clamp(30px, 4vw, 42px); font-weight: 600; letter-spacing: -.03em; line-height: 1.15; margin: 0; }
h2 { font-size: 24px; line-height: 1.3; font-weight: 600; letter-spacing: -.02em; margin: 0 0 10px; }
h3 { font-size: 18px; line-height: 1.4; margin: 0 0 8px; }
p { margin: 0 0 14px; }
.ca-heading p { margin: 10px 0 0; color: var(--ca-muted); max-width: 65ch; }
.ca-muted { color: var(--ca-muted); }
.ca-notice, .ca-message { padding: 14px 18px; margin: 0 0 20px; border-radius: 8px; background: #eaf0fa; color: #213969; font-size: 14px; overflow-wrap: anywhere; }
.ca-message.is-error { background: #fff0f1; color: #9d2330; }
.ca-message.is-success { background: #e9f5ed; color: #245d3d; }
.ca-btn { display: inline-flex; justify-content: center; align-items: center; gap: 8px; min-height: 44px; padding: 10px 18px; border: 1px solid var(--ca-navy); border-radius: 6px; background: #fff; color: var(--ca-navy); font-size: 14px; font-weight: 600; line-height: 1.4; text-decoration: none; }
.ca-btn:hover { background: #eaf0fa; }
.ca-btn-primary { color: #fff; background: var(--ca-navy); }
.ca-btn-primary:hover { color: #fff; background: #172b52; }
.ca-btn-red { color: #fff; background: var(--ca-red); border-color: var(--ca-red); }
.ca-btn-red:hover { background: #ab1b26; color: #fff; }
.ca-btn-quiet { border-color: transparent; background: transparent; padding-inline: 8px; }
.ca-btn-danger { color: #a62330; border-color: #deb9c0; }
.ca-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-top: 20px; }
.ca-access { max-width: 580px; padding: 28px; background: #fff; border: 1px solid var(--ca-line); border-radius: 12px; }
.ca-access > p { color: var(--ca-muted); }
.ca-access form { margin-top: 22px; }
.ca-field { display: flex; flex-direction: column; gap: 7px; min-width: 0; font-size: 14px; font-weight: 500; }
.ca-field small { font-weight: 400; color: var(--ca-muted); font-size: 12px; }
.ca-field input, .ca-field select, .ca-field textarea { width: 100%; min-height: 46px; padding: 10px 12px; border: 1px solid #bdc8d9; border-radius: 5px; background: #fff; color: var(--ca-text); font-size: 16px; }
.ca-field textarea { resize: vertical; }
.ca-field input::placeholder, .ca-field textarea::placeholder { color: #667286; }
.ca-field input:read-only { background: #f1f4f8; }
.ca-field-error { color: #a62330; font-size: 13px; }
.ca-otp-line { display: grid; grid-template-columns: 1fr auto; align-items: end; gap: 10px; }
.ca-preview-code { padding: 12px; background: #fff5e4; color: #73501a; border-radius: 6px; font-size: 14px; }
.ca-shell { display: grid; grid-template-columns: 208px minmax(0, 1fr); align-items: start; gap: 28px; }
.ca-nav { display: flex; flex-direction: column; gap: 6px; padding: 8px; background: #fff; border: 1px solid var(--ca-line); border-radius: 12px; }
.ca-nav a { display: flex; align-items: center; min-height: 46px; padding: 10px 14px; border-radius: 6px; color: var(--ca-muted); font-size: 15px; font-weight: 550; text-decoration: none; }
.ca-nav a[aria-current="page"] { color: #fff; background: var(--ca-navy); }
.ca-nav a:hover:not([aria-current]) { background: #eef2f8; color: var(--ca-navy); }
.ca-panel { min-width: 0; padding: 28px; border: 1px solid var(--ca-line); border-radius: 12px; background: #fff; }
.ca-panel-heading { display: flex; justify-content: space-between; align-items: start; gap: 16px; margin-bottom: 20px; }
.ca-panel-heading p { color: var(--ca-muted); font-size: 14px; margin: 6px 0 0; }
.ca-overview { display: grid; grid-template-columns: 1fr 1fr; gap: 0; margin-block: 24px; border-block: 1px solid var(--ca-line); }
.ca-overview a { display: flex; flex-direction: column; gap: 3px; padding: 22px 16px 22px 0; text-decoration: none; color: var(--ca-text); }
.ca-overview strong { color: var(--ca-navy); font-size: 30px; line-height: 1.2; font-variant-numeric: tabular-nums; }
.ca-overview span { color: var(--ca-muted); font-size: 14px; }
.ca-facts { margin: 18px 0 0; }
.ca-facts > div { display: grid; grid-template-columns: minmax(120px, .65fr) minmax(0, 1fr); gap: 18px; padding: 12px 0; border-bottom: 1px solid #e7ecf2; }
.ca-facts dt { color: var(--ca-muted); font-size: 14px; }
.ca-facts dd { margin: 0; font-size: 15px; overflow-wrap: anywhere; }
.ca-facts dd small { display: block; color: var(--ca-muted); font-size: 12px; margin-top: 3px; }
.ca-limit { background: var(--ca-navy); color: #fff; padding: 24px; border-radius: 12px; margin-block: 22px; }
.ca-limit > p { margin-bottom: 4px; color: #dce7f7; font-size: 14px; }
.ca-limit > strong { display: block; font-size: clamp(32px, 5vw, 44px); line-height: 1.2; letter-spacing: -.025em; font-variant-numeric: tabular-nums; }
.ca-limit dl { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin: 24px 0 0; padding-top: 18px; border-top: 1px solid #60779c; }
.ca-limit dt { color: #dce7f7; font-size: 12px; }
.ca-limit dd { margin: 5px 0 0; font-size: 18px; font-weight: 600; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.ca-limit-ocean { background: #11516b; }
.ca-limit-ruby { background: #7c263e; }
.ca-card-brand { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 24px; }
.ca-card-brand > span { display: inline-flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 600; }
.ca-card-brand img { width: 26px; height: 26px; flex-shrink: 0; }
.ca-card-brand > strong { font-size: 12px; }
.ca-card-personalization { display: flex; flex-wrap: wrap; align-items: end; justify-content: space-between; gap: 12px; margin-top: 22px; padding-top: 16px; border-top: 1px solid rgb(255 255 255 / 30%); }
.ca-card-personalization > span { min-width: 0; }
.ca-card-personalization small { display: block; margin-bottom: 4px; color: #eef5ff; font-size: 12px; }
.ca-card-personalization strong { display: block; font-size: 16px; line-height: 1.4; overflow-wrap: anywhere; }
.ca-card-design-name { color: #eef5ff; font-size: 12px; }
.ca-empty { padding: 28px 0; max-width: 62ch; }
.ca-empty p { color: var(--ca-muted); }
.ca-list { display: flex; flex-direction: column; }
.ca-order { padding: 20px 0; border-top: 1px solid var(--ca-line); }
.ca-order-top { display: flex; justify-content: space-between; align-items: start; gap: 16px; }
.ca-order h3 { font-size: 17px; }
.ca-order p, .ca-order time { color: var(--ca-muted); font-size: 13px; margin: 6px 0 0; }
.ca-order strong { font-size: 20px; font-variant-numeric: tabular-nums; white-space: nowrap; }
.ca-pill { display: inline-flex; padding: 5px 9px; border-radius: 5px; background: #edf2f9; color: var(--ca-navy); font-size: 12px; font-weight: 550; }
.ca-pill.is-delivered, .ca-pill.is-active { color: #245d3d; background: #e9f5ed; }
.ca-pill.is-cancelled, .ca-pill.is-rejected { color: #a62330; background: #fff0f1; }
.ca-order-items { display: flex; flex-direction: column; margin-block: 18px; }
.ca-product-line { display: grid; grid-template-columns: 68px minmax(0, 1fr) auto; align-items: center; gap: 14px; padding: 14px 0; border-top: 1px solid #e7ecf2; }
.ca-product-line img { width: 68px; height: 68px; object-fit: contain; background: #f7f8fb; border-radius: 6px; }
.ca-product-line h3 { font-size: 15px; margin: 0; }
.ca-product-line p { font-size: 12px; color: var(--ca-muted); margin: 4px 0 0; }
.ca-product-line strong { font-size: 16px; font-variant-numeric: tabular-nums; }
.ca-product-placeholder { display: grid; place-items: center; width: 68px; height: 68px; padding: 5px; background: #f1f4f8; color: var(--ca-muted); font-size: 11px; text-align: center; border-radius: 6px; }
.ca-timeline { padding-left: 20px; margin-block: 18px; }
.ca-timeline li { padding: 0 0 18px 8px; }
.ca-timeline strong { display: block; font-size: 15px; }
.ca-timeline time, .ca-timeline p { color: var(--ca-muted); font-size: 13px; margin: 3px 0 0; }
.ca-form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.ca-full { grid-column: 1 / -1; }
.ca-wishlist { display: grid; grid-template-columns: 1fr 1fr; gap: 0 24px; margin-top: 20px; }
.ca-wishlist-item { display: grid; grid-template-columns: 80px minmax(0, 1fr); gap: 14px; padding: 20px 0; border-top: 1px solid var(--ca-line); }
.ca-wishlist-item img { width: 80px; height: 90px; object-fit: contain; background: #f7f8fb; border-radius: 6px; }
.ca-wishlist-item h3 { font-size: 15px; margin: 0 0 4px; }
.ca-wishlist-item p { color: var(--ca-muted); font-size: 12px; margin: 0 0 10px; }
.ca-wishlist-item .ca-btn { font-size: 12px; min-height: 44px; padding: 8px 10px; }
.ca-consent { display: flex; align-items: start; gap: 10px; margin-top: 18px; font-size: 14px; }
.ca-consent input { width: 20px; height: 20px; flex-shrink: 0; margin: 2px 0 0; accent-color: var(--ca-navy); }
.ca-footer { max-width: 1216px; margin: 0 auto; padding: 24px 32px; display: flex; justify-content: space-between; gap: 20px; color: var(--ca-muted); font-size: 13px; border-top: 1px solid var(--ca-line); }
@media (max-width: 800px) { .ca-header, .ca-main, .ca-footer { padding-inline: 20px; }.ca-shell { grid-template-columns: 1fr; gap: 18px; }.ca-nav { flex-direction: row; flex-wrap: wrap; gap: 4px; }.ca-nav a { flex: 1 0 auto; justify-content: center; font-size: 13px; padding: 9px; }.ca-wishlist { gap: 0 18px; } }
@media (max-width: 540px) { .ca-header { min-height: 0; padding-block: 18px; flex-wrap: wrap; gap: 12px; }.ca-header nav { width: 100%; justify-content: space-between; gap: 8px; }.ca-brand { font-size: 20px; }.ca-main { padding-top: 14px; padding-bottom: 40px; }.ca-heading { flex-wrap: wrap; gap: 14px; }.ca-panel, .ca-access { padding: 20px; }.ca-form-grid { grid-template-columns: 1fr; gap: 16px; }.ca-full { grid-column: auto; }.ca-facts > div { grid-template-columns: 1fr; gap: 4px; }.ca-limit { padding: 20px; }.ca-limit dl { grid-template-columns: 1fr; gap: 12px; }.ca-limit dl > div { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; }.ca-limit dd { margin: 0; font-size: 18px; }.ca-wishlist { grid-template-columns: 1fr; }.ca-otp-line { grid-template-columns: 1fr; }.ca-order-top { flex-wrap: wrap; gap: 10px; }.ca-product-line { grid-template-columns: 54px minmax(0, 1fr); gap: 10px; }.ca-product-line img, .ca-product-placeholder { width: 54px; height: 64px; }.ca-product-line > strong { grid-column: 2; }.ca-footer { flex-wrap: wrap; }.ca-panel-heading { flex-wrap: wrap; } }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; } }

/* Account dashboard only: checkout continues to use the shared foundation above. */
.customer-account-page { background:#f5f7fa; }
.customer-account-page .ca-icon-library { position:absolute; width:0; height:0; overflow:hidden; }
.customer-account-page .ca-icon { display:block; width:21px; height:21px; flex:0 0 21px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.customer-account-page .ca-header { min-height:80px; max-width:none; padding:16px max(28px,calc((100% - 1160px)/2)); background:#fff; border-bottom:1px solid #e3e8ef; }
.customer-account-page .ca-brand { gap:9px; font-size:18px; letter-spacing:-.015em; }
.customer-account-page .ca-brand img { width:36px; height:36px; }
.customer-account-page .ca-brand small { margin-top:3px; font-size:11px; letter-spacing:0; }
.customer-account-page .ca-header nav { gap:7px; flex-wrap:nowrap; width:auto; }
.customer-account-page .ca-header nav a { justify-content:center; }
.customer-account-page .ca-icon-button { display:inline-flex; justify-content:center; align-items:center; flex:0 0 44px; width:44px; height:44px; padding:0; border:1px solid #dce3eb; border-radius:8px; background:#fff; color:#213969; text-decoration:none; }
.customer-account-page .ca-icon-button:hover { border-color:#b6c4d9; background:#eef3f9; }
.customer-account-page .ca-icon-button:disabled { opacity:1; color:#70809a; background:#eef2f7; cursor:wait; }
.customer-account-page .ca-store-link { display:inline-flex; gap:7px; padding:0 11px; border-radius:8px; color:#213969; font-weight:600; }
.customer-account-page .ca-store-link:hover { background:#eef3f9; }
.customer-account-page .ca-main { max-width:1216px; padding:28px 28px 48px; }
.customer-account-page .ca-heading { align-items:center; gap:16px; padding-bottom:25px; }
.customer-account-page .ca-heading-person { display:flex; align-items:center; gap:13px; min-width:0; }
.customer-account-page .ca-heading-person > div { min-width:0; }
.customer-account-page .ca-heading h1 { margin:0; font-size:26px; line-height:1.25; letter-spacing:-.025em; }
.customer-account-page .ca-heading p { margin-top:4px; font-size:13px; line-height:1.6; overflow-wrap:anywhere; }
.customer-account-page .ca-avatar { display:grid; place-items:center; flex:0 0 48px; width:48px; height:48px; border-radius:50%; background:#dcefe8; color:#205447; font-size:17px; font-weight:650; letter-spacing:.01em; }
.customer-account-page .ca-refresh { flex-shrink:0; }
.customer-account-page .ca-shell { grid-template-columns:196px minmax(0,1fr); gap:32px; }
.customer-account-page .ca-sidebar { position:sticky; top:24px; min-width:0; }
.customer-account-page .ca-nav { gap:5px; padding:0; border:0; border-radius:0; background:transparent; }
.customer-account-page .ca-nav a { gap:12px; padding:13px 15px; min-height:48px; border-radius:8px; color:#536078; font-size:14px; }
.customer-account-page .ca-nav a[aria-current="page"] { color:#213969; background:#e0eee9; font-weight:650; }
.customer-account-page .ca-nav a:hover:not([aria-current]) { background:#eaf0f7; color:#213969; }
.customer-account-page .ca-sidebar-help { display:flex; align-items:flex-start; gap:10px; margin:26px 12px 0; padding-top:22px; border-top:1px solid #dce3eb; color:#213969; font-size:13px; font-weight:600; text-decoration:none; }
.customer-account-page .ca-sidebar-help small { display:block; margin-top:3px; color:#536078; font-size:11px; font-weight:400; line-height:1.6; }
.customer-account-page .ca-panel { padding:28px; border:0; border-radius:12px; background:#fff; scroll-margin-top:22px; }
.customer-account-page .ca-panel.is-overview { padding:0; background:transparent; border-radius:0; }
.customer-account-page .ca-panel-heading { margin-bottom:24px; }
.customer-account-page .ca-panel-heading h2 { margin:0; font-size:24px; line-height:1.3; overflow-wrap:anywhere; }
.customer-account-page .ca-panel-heading p { margin-top:7px; max-width:55ch; font-size:14px; line-height:1.6; }
.customer-account-page .ca-overview { grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin:0 0 30px; border:0; }
.customer-account-page .ca-overview a { display:flex; flex-direction:row; align-items:center; gap:13px; min-width:0; min-height:91px; padding:18px; border:1px solid #dce3eb; border-radius:10px; background:#fff; }
.customer-account-page .ca-overview a:hover { border-color:#a1b4cf; background:#fbfcfe; }
.customer-account-page .ca-overview .ca-stat-icon { display:grid; place-items:center; flex:0 0 38px; width:38px; height:38px; border-radius:9px; background:#edf2fa; color:#213969; }
.customer-account-page .ca-overview a:nth-child(2) .ca-stat-icon { background:#fcecef; color:#a52d45; }
.customer-account-page .ca-overview .ca-stat-copy { display:grid; flex:1; min-width:0; gap:3px; }
.customer-account-page .ca-overview strong { font-size:25px; font-weight:600; line-height:1.2; overflow-wrap:anywhere; }
.customer-account-page .ca-overview .ca-stat-copy > span { color:#536078; font-size:12px; line-height:1.5; }
.customer-account-page .ca-overview a > .ca-icon { width:17px; height:17px; flex-basis:17px; color:#6a7890; }
.customer-account-page .ca-section-heading { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:10px; margin-bottom:14px; }
.customer-account-page .ca-section-heading h3 { margin:0; font-size:18px; font-weight:600; }
.customer-account-page .ca-pill { padding:5px 9px; border-radius:5px; font-size:11px; line-height:1.55; font-weight:550; overflow-wrap:anywhere; }
.customer-account-page .ca-pill.is-approved { background:#e1f0e9; color:#205447; }
.customer-account-page .ca-pill.is-pending { background:#fff0cf; color:#725112; }
.customer-account-page .ca-pill.is-suspended { background:#fce8ed; color:#962640; }
.customer-account-page .ca-card-state-line { margin-bottom:12px; }
.customer-account-page .ca-card-state { display:flex; align-items:flex-start; gap:15px; padding:22px; border-radius:12px; background:#e9f1ee; color:#214d43; }
.customer-account-page .ca-card-state > .ca-icon { width:26px; height:26px; flex-basis:26px; margin-top:1px; }
.customer-account-page .ca-card-state > div { min-width:0; }
.customer-account-page .ca-card-state h3 { margin:0; color:inherit; font-size:19px; line-height:1.35; letter-spacing:-.015em; }
.customer-account-page .ca-card-state p { max-width:54ch; margin:8px 0 0; color:#395f56; font-size:14px; line-height:1.65; }
.customer-account-page .ca-card-state.is-hold { background:#fff0f2; color:#8d283d; }
.customer-account-page .ca-card-state.is-hold p { color:#7d3a49; }
.customer-account-page .ca-limit { margin:0; padding:25px; border-radius:12px; }
.customer-account-page .ca-card-brand { margin-bottom:27px; }
.customer-account-page .ca-card-brand > span { font-size:13px; }
.customer-account-page .ca-card-brand > strong { font-size:11px; letter-spacing:.04em; }
.customer-account-page .ca-limit > p { font-size:13px; color:#dce7f7; }
.customer-account-page .ca-limit > strong { font-size:38px; font-weight:600; line-height:1.2; letter-spacing:-.025em; overflow-wrap:anywhere; }
.customer-account-page .ca-limit dl { grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; padding-top:18px; margin-top:22px; }
.customer-account-page .ca-limit dl > div { display:block; min-width:0; }
.customer-account-page .ca-limit dt { font-size:11px; }
.customer-account-page .ca-limit dd { margin:5px 0 0; font-size:16px; font-weight:550; line-height:1.45; }
.customer-account-page .ca-card-personalization { margin-top:20px; padding-top:15px; }
.customer-account-page .ca-card-personalization small { font-size:11px; }
.customer-account-page .ca-card-personalization strong { font-size:14px; font-weight:550; }
.customer-account-page .ca-card-design-name { font-size:11px; }
.customer-account-page .ca-card-guidance, .customer-account-page .ca-card-explanation { max-width:65ch; margin:13px 0 0; color:#536078; font-size:13px; line-height:1.7; }
.customer-account-page .ca-actions { margin-top:17px; gap:10px; }
.customer-account-page .ca-btn { min-height:46px; padding:11px 17px; border-radius:7px; font-size:13px; }
.customer-account-page .ca-btn .ca-icon { width:17px; height:17px; flex-basis:17px; }
.customer-account-page .ca-btn:disabled { opacity:1; background:#e9edf3; border-color:#d5deea; color:#68778e; cursor:not-allowed; }
.customer-account-page .ca-profile-shortcut { display:flex; align-items:center; gap:13px; margin-top:28px; padding:20px 0; border-top:1px solid #dce3eb; border-bottom:1px solid #dce3eb; color:#213969; text-decoration:none; }
.customer-account-page .ca-profile-shortcut > span { flex:1; min-width:0; }
.customer-account-page .ca-profile-shortcut strong { display:block; font-size:14px; font-weight:600; }
.customer-account-page .ca-profile-shortcut small { display:block; margin-top:4px; color:#536078; font-size:12px; line-height:1.6; }
.customer-account-page .ca-profile-shortcut:hover strong { text-decoration:underline; text-underline-offset:3px; }
.customer-account-page .ca-order { padding-block:22px; }
.customer-account-page .ca-order:first-child { border-top:0; padding-top:0; }
.customer-account-page .ca-order-top { min-width:0; }
.customer-account-page .ca-order-top > div { min-width:0; }
.customer-account-page .ca-order h3 { overflow-wrap:anywhere; font-size:16px; }
.customer-account-page .ca-order strong { white-space:normal; overflow-wrap:anywhere; font-size:18px; }
.customer-account-page .ca-facts > div { padding-block:15px; }
.customer-account-page .ca-facts dt { font-size:13px; }
.customer-account-page .ca-facts dd { font-size:14px; }
.customer-account-page .ca-field { gap:8px; font-size:13px; }
.customer-account-page .ca-field input, .customer-account-page .ca-field textarea { min-height:48px; padding:11px 13px; border-radius:7px; border-color:#c3cede; }
.customer-account-page .ca-field input:read-only { background:#eef2f7; color:#617088; }
.customer-account-page .ca-form-grid { gap:20px; }
.customer-account-page .ca-wishlist-item { min-width:0; }
.customer-account-page .ca-wishlist-item > div { min-width:0; }
.customer-account-page .ca-wishlist-item h3 { overflow-wrap:anywhere; line-height:1.5; }
.customer-account-page .ca-wishlist-item .ca-btn { margin:3px 3px 3px 0; }
.customer-account-page .ca-product-line > div { min-width:0; }
.customer-account-page .ca-product-line h3 { overflow-wrap:anywhere; }
.customer-account-page .ca-product-line > strong { overflow-wrap:anywhere; }
.customer-account-page details { padding:18px 0 0; border-top:1px solid #e2e8f0; }
.customer-account-page summary { min-height:44px; padding:10px 0; color:#213969; font-size:14px; font-weight:600; cursor:pointer; }
.customer-account-page .ca-footer { align-items:center; max-width:1160px; padding:22px 0 30px; font-size:12px; }
@media(max-width:800px) {
  .customer-account-page.ca-signed-in { padding-bottom:calc(86px + env(safe-area-inset-bottom,0px)); }
  .customer-account-page .ca-header { min-height:70px; padding:12px 20px; }
  .customer-account-page .ca-shell { grid-template-columns:minmax(0,1fr); gap:0; }
  .customer-account-page .ca-main { padding:22px 20px 32px; }
  .customer-account-page .ca-sidebar { position:static; }
  .customer-account-page .ca-sidebar-help { display:none; }
  .customer-account-page .ca-nav { position:fixed; z-index:40; inset:auto 0 0; display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:0; padding:7px 8px calc(7px + env(safe-area-inset-bottom,0px)); border-top:1px solid #d7e0ec; border-radius:0; background:#fff; }
  .customer-account-page .ca-nav a { display:flex; flex-direction:column; justify-content:center; flex:none; gap:5px; min-width:0; min-height:57px; padding:7px 3px; border-radius:8px; font-size:11px; line-height:1.4; font-weight:500; text-align:center; }
  .customer-account-page .ca-nav a > span { max-width:100%; overflow-wrap:anywhere; }
  .customer-account-page .ca-nav .ca-icon { width:21px; height:21px; flex-basis:21px; }
  .customer-account-page .ca-nav a[aria-current="page"] { color:#213969; background:#e5f2ec; font-weight:650; }
  .customer-account-page .ca-footer { margin-inline:20px; padding:20px 0; }
  .customer-account-page :is(input,textarea,select,button,a,summary) { scroll-margin-block:90px 110px; }
}
@media(max-width:540px) {
  .customer-account-page .ca-header { min-height:66px; flex-wrap:nowrap; gap:8px; padding:10px 16px; }
  .customer-account-page .ca-brand { font-size:15px; gap:7px; }
  .customer-account-page .ca-brand img { width:32px; height:32px; }
  .customer-account-page .ca-brand small { font-size:11px; }
  .customer-account-page .ca-header nav { gap:3px; justify-content:flex-end; }
  .customer-account-page .ca-header .ca-icon-button { border-color:transparent; }
  .customer-account-page .ca-store-link { padding-inline:7px; font-size:13px; }
  .customer-account-page .ca-main { padding:20px 16px 28px; }
  .customer-account-page .ca-heading { flex-wrap:nowrap; padding-bottom:23px; gap:10px; }
  .customer-account-page .ca-heading-person { gap:11px; }
  .customer-account-page .ca-heading h1 { font-size:23px; }
  .customer-account-page .ca-heading p { font-size:12px; line-height:1.5; }
  .customer-account-page .ca-avatar { flex-basis:43px; width:43px; height:43px; font-size:15px; }
  .customer-account-page .ca-panel { padding:22px 18px; }
  .customer-account-page .ca-panel.is-overview { padding:0; }
  .customer-account-page .ca-panel-heading { gap:10px; margin-bottom:20px; }
  .customer-account-page .ca-panel-heading h2 { font-size:22px; }
  .customer-account-page .ca-panel-heading p { font-size:13px; }
  .customer-account-page .ca-overview { gap:10px; margin-bottom:25px; }
  .customer-account-page .ca-overview a { min-height:85px; padding:14px 12px; gap:10px; }
  .customer-account-page .ca-overview .ca-stat-icon { flex-basis:30px; width:30px; height:34px; }
  .customer-account-page .ca-stat-icon .ca-icon { width:18px; height:18px; flex-basis:18px; }
  .customer-account-page .ca-overview strong { font-size:23px; }
  .customer-account-page .ca-overview .ca-stat-copy > span { font-size:11px; }
  .customer-account-page .ca-overview a > .ca-icon { display:none; }
  .customer-account-page .ca-section-heading { margin-bottom:12px; }
  .customer-account-page .ca-section-heading h3 { font-size:17px; }
  .customer-account-page .ca-card-state { padding:20px 17px; gap:12px; }
  .customer-account-page .ca-card-state h3 { font-size:18px; }
  .customer-account-page .ca-card-state p { font-size:13px; }
  .customer-account-page .ca-card-state > .ca-icon { width:24px; height:24px; flex-basis:24px; }
  .customer-account-page .ca-limit { padding:21px; }
  .customer-account-page .ca-card-brand { gap:8px; margin-bottom:23px; }
  .customer-account-page .ca-card-brand > span { font-size:12px; gap:6px; }
  .customer-account-page .ca-card-brand > strong { font-size:11px; }
  .customer-account-page .ca-limit > strong { font-size:33px; }
  .customer-account-page .ca-limit dl { gap:10px; margin-top:20px; }
  .customer-account-page .ca-limit dd { font-size:14px; }
  .customer-account-page .ca-limit dt { font-size:11px; }
  .customer-account-page .ca-actions { gap:6px; }
  .customer-account-page .ca-actions > .ca-btn-primary { flex:1 1 auto; }
  .customer-account-page .ca-order-top { display:grid; grid-template-columns:minmax(0,1fr); gap:8px; }
  .customer-account-page .ca-order-top > strong { font-size:19px; }
  .customer-account-page .ca-order .ca-actions { align-items:flex-start; flex-direction:column; gap:10px; }
  .customer-account-page .ca-order .ca-actions > .ca-muted { font-size:12px; }
  .customer-account-page .ca-facts > div { gap:5px; padding-block:13px; }
  .customer-account-page .ca-form-grid { gap:18px; }
  .customer-account-page .ca-wishlist-item { gap:12px; grid-template-columns:68px minmax(0,1fr); }
  .customer-account-page .ca-wishlist-item img { width:68px; height:82px; }
  .customer-account-page .ca-footer { margin-inline:16px; gap:7px; font-size:11px; }
  .customer-account-page .ca-footer a { overflow-wrap:anywhere; }
}
@media(max-width:380px) { .customer-account-page .ca-store-link > span { display:none; } .customer-account-page .ca-store-link { width:44px; padding:0; } .customer-account-page .ca-limit { padding-inline:17px; } .customer-account-page .ca-overview a { padding-inline:10px; gap:8px; } }