/* Account v1.2: browser-local demo access, order states and authored reviews. */
.ac-account { min-width: 0; }
.ac-header-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 17px; }
.ac-session-active { color: #347650; border-color: #c5decd; background: #eff7f1; }
.ac-storage-notice { display: flex; align-items: flex-start; gap: 10px; padding: 13px 16px; background: #fff7e7; border: 1px solid #ead8b4; border-radius: 8px; color: #83652f; font-size: .82rem; margin-bottom: 24px; }
.ac-storage-notice > .app-icon { margin-top: 4px; }
.ac-access-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(340px, 475px); gap: 32px; align-items: stretch; max-width: 1170px; margin: 31px auto 18px; }
.ac-access-story { position: relative; overflow: hidden; background: var(--navy); border-radius: 15px; padding: 43px; color: #e0e8f5; }
.ac-access-story::before { content: ''; display: block; width: 45px; height: 4px; border-radius: 5px; background: var(--gold); margin-bottom: 27px; }
.ac-access-kicker { display: block; color: #b4c4dd; font-size: .7rem; letter-spacing: .15em; direction: ltr; text-align: right; margin-bottom: 18px; }
.ac-access-story h2 { color: #fff; font-size: clamp(1.7rem, 2.9vw, 2.35rem); line-height: 1.7; font-weight: 700; margin: 0 0 22px; }
.ac-access-story h2 span { color: #e5c781; }
.ac-access-story > p { color: #d0dcef; font-size: .91rem; line-height: 2.2; max-width: 430px; margin-bottom: 30px; }
.ac-access-benefits { display: flex; flex-direction: column; gap: 22px; margin-top: 27px; }
.ac-access-benefits > div { display: flex; align-items: flex-start; gap: 15px; }
.ac-access-benefits > div > span { display: grid; place-items: center; width: 43px; height: 43px; flex: 0 0 43px; color: #e4c47c; background: rgb(255 255 255 / 8%); border: 1px solid rgb(255 255 255 / 9%); border-radius: 9px; }
.ac-access-benefits strong { display: block; color: #f2f5fb; font-size: .9rem; font-weight: 500; margin-bottom: 5px; }
.ac-access-benefits p { margin: 0; color: #bacce5; font-size: .77rem; line-height: 1.95; }
.ac-access-footnote { display: flex; gap: 10px; align-items: flex-start; border-top: 1px solid rgb(255 255 255 / 16%); margin-top: 34px; padding-top: 22px; }
.ac-access-footnote > .app-icon { color: #d5ba7e; margin-top: 4px; }
.ac-access-footnote p { font-size: .73rem; color: #aebfda; line-height: 2; margin: 0; }
.ac-access-form-panel { min-width: 0; padding: 35px; background: #fff; border: 1px solid var(--line); border-radius: 15px; }
.ac-access-form-icon { display: grid; place-items: center; width: 57px; height: 57px; margin-bottom: 18px; border-radius: 12px; border: 1px solid #e6ddc9; color: #a78443; background: #faf5e9; }
.ac-access-form-panel h2 { color: var(--navy); font-size: 1.4rem; margin: 0 0 10px; }
.ac-access-intro { color: #7d8796; font-size: .85rem; line-height: 2; margin: 0 0 26px; }
.ac-form-helper { display: block; color: #949ca7; font-size: .72rem; margin-top: 7px; }
.ac-access-submit { min-height: 50px; width: 100%; margin-top: 8px; font-size: .89rem; }
.ac-session-description { font-size: .72rem; line-height: 2; color: #949dac; margin: 16px 0 24px; }
.ac-guest-options { border-top: 1px solid var(--line); padding-top: 21px; }
.ac-guest-options > strong { display: block; color: #77859b; font-size: .8rem; font-weight: 500; margin-bottom: 12px; }
.ac-guest-options > a { display: flex; align-items: center; gap: 9px; padding: 10px 0; font-size: .8rem; color: var(--navy); }
.ac-guest-options > a > .app-icon:last-child { margin-right: auto; }
.ac-guest-options > a:hover { text-decoration: underline; text-underline-offset: 4px; }
.ac-sidebar-profile { display: flex; align-items: center; gap: 11px; padding: 10px 9px 22px; border-bottom: 1px solid var(--line); margin-bottom: 13px; }
.ac-profile-avatar { display: grid; place-items: center; width: 45px; height: 45px; flex: 0 0 45px; border-radius: 50%; color: var(--navy); background: #edf2f8; border: 1px solid #dde6f0; font-size: 1.1rem; }
.ac-sidebar-profile > div { min-width: 0; }
.ac-sidebar-profile strong { display: block; font-size: .85rem; color: var(--navy); font-weight: 600; overflow-wrap: anywhere; }
.ac-sidebar-profile bdi, .ac-sidebar-profile small { display: block; font-size: .73rem; color: #9aa3b0; margin-top: 5px; }
.ac-sidebar-session-button { display: flex; align-items: center; gap: 10px; min-height: 44px; width: 100%; border: 0; background: transparent; color: #8a929f; padding: 11px 12px; margin-top: 8px; font-size: .79rem; text-align: right; }
.ac-sidebar-session-button:hover { color: var(--navy); background: #f6f8fb; border-radius: 7px; }
.ac-account .co-account-local-note { font-size: .7rem; }
.ac-local-intro { font-size: .79rem; color: #8a94a4; line-height: 2; margin: -8px 0 21px; }
.ac-guest-order-note { display: flex; align-items: flex-start; gap: 9px; padding: 13px 16px; background: #f4f7fb; border: 1px solid #e3e9f1; border-radius: 7px; margin-bottom: 22px; font-size: .77rem; color: #748197; }
.ac-guest-order-note > .app-icon { color: #7a8da8; margin-top: 4px; }
.ac-guest-order-note > p { margin: 0; }
.ac-order-counts { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 11px; margin: 22px 0 27px; }
.ac-order-counts > button { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; min-width: 0; padding: 16px 8px; border: 1px solid #e4e8ef; border-radius: 8px; color: #9aa6b8; background: #fff; }
.ac-order-counts > button > strong { color: #596e8c; font-size: 1.4rem; line-height: 1.4; font-weight: 600; }
.ac-order-counts > button > span { color: #8592a6; font-size: .7rem; white-space: normal; }
.ac-order-counts > button.active { background: #f2f6fb; border-color: #b6c7dd; box-shadow: inset 0 0 0 1px #d7e1ee; color: var(--navy); }
.ac-order-counts > button.active > strong, .ac-order-counts > button.active > span { color: var(--navy); }
.ac-order-counts > button:hover { background: #f7f9fc; }
.ac-order-card-actions { display: flex; justify-content: flex-end; align-items: center; flex-wrap: wrap; gap: 14px; }
.ac-continue-payment { display: inline-flex; align-items: center; gap: 7px; color: #8a672e; background: #fbf5e6; border: 1px solid #e9d8b5; border-radius: 5px; min-height: 36px; padding: 6px 10px; font-size: .75rem; }
.ac-continue-payment:hover { background: #f4e8cb; color: #72501d; }
.ac-account .co-status-awaiting-payment { background: #faf0d8; color: #8b6a2d; }
.ac-account .co-payment-failed, .ac-account .co-payment-cancelled { background: #faece9; color: #9c5a51; }
.ac-order-progress-panel { border: 1px solid #e4e9f0; border-radius: 9px; background: #fafbfd; padding: 24px 21px 18px; margin-bottom: 26px; }
.ac-order-progress { display: flex; list-style: none; padding: 0; margin: 0; }
.ac-order-progress > li { position: relative; display: flex; flex-direction: column; align-items: center; flex: 1; gap: 8px; min-width: 0; text-align: center; }
.ac-order-progress > li:not(:last-child)::after { content: ''; height: 2px; background: #e4e9f0; position: absolute; top: 21px; right: 50%; width: 100%; z-index: 0; }
.ac-progress-icon { display: grid; place-items: center; width: 43px; height: 43px; border-radius: 50%; border: 2px solid #e3e9f1; background: #fff; color: #bdc7d5; position: relative; z-index: 1; }
.ac-order-progress strong { color: #a5afbd; font-size: .75rem; font-weight: 500; margin-top: 2px; }
.ac-order-progress small { color: #bac2cc; font-size: .64rem; }
.ac-order-progress > li.current .ac-progress-icon { color: var(--navy); border-color: var(--gold); box-shadow: 0 0 0 4px #f7f0df; }
.ac-order-progress > li.current strong { color: var(--navy); font-weight: 600; }
.ac-order-progress > li.current small { color: #9c8044; }
.ac-order-progress > li.done .ac-progress-icon { color: #fff; border-color: #628d73; background: #628d73; }
.ac-order-progress > li.done:not(:last-child)::after { background: #afc8b8; }
.ac-order-progress > li.done strong { color: #5c836c; }
.ac-order-progress > li.done small { color: #96ad9f; }
.ac-order-progress > li.needs-retry .ac-progress-icon { color: #a77539; border-color: #cfac79; background: #fff8eb; box-shadow: 0 0 0 4px #fbf3e3; }
.ac-order-progress-panel > p { padding-top: 19px; margin: 22px 0 0; border-top: 1px solid #e5eaf1; color: #8290a5; font-size: .77rem; text-align: center; line-height: 2; }
.ac-cancelled-order { display: flex; align-items: flex-start; gap: 13px; padding: 17px; background: #f8f4f3; border: 1px solid #eadcda; border-radius: 8px; color: #a16c64; margin-bottom: 24px; }
.ac-cancelled-order > .app-icon { margin-top: 3px; }
.ac-cancelled-order strong { font-size: .88rem; font-weight: 500; }
.ac-cancelled-order p { color: #aa8b85; font-size: .77rem; margin: 5px 0 0; }
.ac-payment-next { display: grid; grid-template-columns: 48px minmax(0, 1fr) auto; align-items: center; gap: 17px; padding: 21px; border: 1px solid #d7e3f0; background: #f5f9fd; border-radius: 9px; margin-bottom: 25px; }
.ac-payment-next-icon { display: grid; place-items: center; width: 48px; height: 48px; color: #7893b9; border-radius: 50%; background: #e8f0fa; }
.ac-payment-next h3 { font-size: .93rem; color: var(--navy); margin: 0 0 6px; }
.ac-payment-next p { color: #8494aa; font-size: .77rem; margin: 0 0 6px; line-height: 2; }
.ac-payment-next > div > span { font-size: .8rem; color: #5d7394; }
.ac-payment-next > .btn { font-size: .77rem; padding: 9px 12px; }
.ac-payment-next.ac-payment-retry { border-color: #e8d7b8; background: #fcf8f0; }
.ac-payment-retry .ac-payment-next-icon { background: #f4e9d2; color: #b18b4f; }
.ac-payment-retry p { color: #9a8768; }
.ac-order-reference { display: flex; align-items: center; justify-content: space-between; gap: 15px; padding: 15px 17px; border: 1px solid #d9e5dc; background: #f4f9f5; border-radius: 7px; margin-bottom: 20px; }
.ac-order-reference > div { min-width: 0; }
.ac-order-reference span { display: block; font-size: .72rem; color: #82a08c; margin-bottom: 5px; }
.ac-order-reference bdi { display: block; color: #547961; font-size: .88rem; overflow-wrap: anywhere; }
.ac-items-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 25px 0 2px; }
.ac-items-heading h3 { margin: 0; color: #586b86; font-size: 1rem; }
.ac-items-heading > span { font-size: .75rem; color: #9aa6b6; }
.ac-line-review { display: inline-flex; align-items: center; gap: 6px; margin-top: 9px; min-height: 30px; color: #687f9f; font-size: .75rem; }
.ac-line-review:hover { color: var(--navy); text-decoration: underline; text-underline-offset: 4px; }
.ac-account .co-order-item .ac-line-review { display: flex; width: fit-content; }
.ac-payment-history { margin-top: 30px; padding-top: 5px; border-top: 1px solid var(--line); }
.ac-payment-history > .ac-items-heading { margin-bottom: 17px; }
.ac-payment-attempt { border: 1px solid #e5e9ef; border-radius: 8px; padding: 18px; margin-bottom: 14px; }
.ac-payment-attempt > header { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 17px; }
.ac-payment-attempt > header > div { display: flex; align-items: center; flex-wrap: wrap; gap: 13px; }
.ac-payment-attempt header strong { color: #60738f; font-size: .84rem; font-weight: 600; }
.ac-payment-attempt header time { color: #a6afbc; font-size: .68rem; }
.ac-payment-attempt dl { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 15px 35px; margin: 0; }
.ac-payment-attempt dl > div { min-width: 0; }
.ac-payment-attempt dt { color: #9ba6b7; font-size: .71rem; font-weight: 400; margin-bottom: 5px; }
.ac-payment-attempt dd { color: #7b8da6; font-size: .78rem; margin: 0; overflow-wrap: anywhere; }
.ac-attempt-error { margin: 15px 0 0; font-size: .77rem; line-height: 2; color: #a6766e; padding: 9px 12px; background: #fcf5f3; border-radius: 5px; }
.ac-attempt-actions { display: flex; justify-content: space-between; align-items: flex-start; gap: 17px; margin-top: 15px; }
.ac-attempt-actions > details { flex: 1; min-width: 0; }
.ac-attempt-actions summary { display: inline-flex; align-items: center; gap: 7px; list-style: none; color: #8093ad; font-size: .74rem; cursor: pointer; }
.ac-attempt-actions summary::-webkit-details-marker { display: none; }
.ac-attempt-actions details[open] summary > .app-icon { transform: rotate(180deg); }
.ac-attempt-actions ol { list-style: none; padding: 0; margin: 14px 0 0; }
.ac-attempt-actions li { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 7px; font-size: .73rem; color: #91a0b6; padding: 6px 0; }
.ac-attempt-actions li > time { font-size: .66rem; color: #aeb7c5; }
.ac-attempt-actions > .co-view-all { flex-shrink: 0; font-size: .75rem; }
.ac-print-helper { text-align: center; margin: 15px 0 0; color: #a1aab8; font-size: .7rem; }
.ac-print-heading { display: none; }

/* My reviews */
.ac-reviews-intro { color: #8d98a9; font-size: .81rem; line-height: 2; margin: -7px 0 24px; }
.ac-review-counts { display: flex; align-items: center; flex-wrap: wrap; gap: 9px; margin-bottom: 24px; }
.ac-review-counts > span { display: inline-flex; align-items: center; gap: 6px; padding: 7px 11px; color: #7a8da8; background: #f5f8fc; border: 1px solid #e2e9f2; border-radius: 5px; font-size: .75rem; }
.ac-awaiting-reviews { padding: 22px; margin-bottom: 30px; border: 1px solid #e9dfcc; border-radius: 9px; background: #fdfbf6; }
.ac-awaiting-reviews > .co-heading-row { margin-bottom: 8px; }
.ac-awaiting-reviews .co-heading-row h3 { font-size: 1rem; margin: 0; color: #8b723f; }
.ac-awaiting-reviews > p { color: #a09379; font-size: .76rem; margin-bottom: 18px; }
.ac-awaiting-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; }
.ac-awaiting-product { display: grid; grid-template-columns: 59px minmax(0, 1fr); gap: 11px; padding: 15px; border: 1px solid #e9e6df; border-radius: 7px; background: #fff; }
.ac-awaiting-product > .asset-image { border-radius: 5px; background: #f3f3ee; }
.ac-awaiting-product h4 { font-size: .81rem; color: #697b94; margin: 0 0 5px; line-height: 1.8; }
.ac-awaiting-product .ac-source-order { display: block; font-size: .65rem; color: #a1aab7; }
.ac-awaiting-product .ac-source-order:hover { text-decoration: underline; }
.ac-awaiting-product > .btn { grid-column: 1 / -1; min-height: 36px; font-size: .73rem; padding: 6px 10px; }
.ac-awaiting-empty { display: flex; gap: 10px; align-items: flex-start; padding: 15px; color: #b1a082; border: 1px dashed #e9dfcc; border-radius: 6px; font-size: .77rem; line-height: 2; }
.ac-awaiting-empty p { margin: 0; }
.ac-my-reviews-toolbar { display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; gap: 15px; margin-bottom: 19px; }
.ac-my-reviews-toolbar h3 { font-size: 1rem; color: #627794; margin: 0; }
.ac-review-filter { display: flex; align-items: center; gap: 10px; }
.ac-review-filter label { font-size: .75rem; color: #98a3b3; }
.ac-review-filter select { min-height: 40px; width: 164px; font-size: .77rem; }
.ac-my-review { border: 1px solid #e1e7ef; border-radius: 8px; padding: 21px; margin-bottom: 16px; }
.ac-my-review > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 13px; margin-bottom: 18px; }
.ac-my-review-product { display: flex; align-items: center; gap: 12px; min-width: 0; }
.ac-my-review-product > .asset-image { width: 54px; flex: 0 0 54px; border-radius: 5px; background: #f3f3ee; }
.ac-my-review-product > div { min-width: 0; }
.ac-my-review-product strong { display: block; color: #6d81a0; font-size: .85rem; font-weight: 500; overflow-wrap: anywhere; }
.ac-my-review-product time { display: block; color: #a8b1c0; font-size: .66rem; margin-top: 4px; }
.ac-my-review > .rv-stars { justify-content: flex-start; margin-bottom: 11px; }
.ac-my-review > h4 { color: #60748f; font-size: .91rem; font-weight: 600; margin: 0 0 9px; overflow-wrap: anywhere; }
.ac-my-review > p { color: #8492a7; font-size: .82rem; line-height: 2; margin: 0; white-space: pre-line; overflow-wrap: anywhere; }
.ac-my-review > footer { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px; border-top: 1px solid #eef1f5; margin-top: 19px; padding-top: 13px; }
.ac-my-review > footer > span { color: #a3adbc; font-size: .67rem; }
.ac-my-review > footer > .co-view-all { font-size: .74rem; }
.ac-my-review .rv-merchant-reply { margin-top: 18px; }

@media (max-width: 1199.98px) {
  .ac-access-layout { grid-template-columns: minmax(0, 1fr) 420px; gap: 26px; }
  .ac-access-story { padding: 35px; }
  .ac-access-form-panel { padding: 31px; }
  .ac-order-counts { gap: 8px; }
  .ac-order-counts > button { padding: 14px 5px; }
  .ac-order-counts > button > span { font-size: .65rem; }
  .ac-payment-next { grid-template-columns: 43px minmax(0, 1fr); gap: 14px; }
  .ac-payment-next > .btn { grid-column: 2; justify-self: start; }
  .ac-payment-next-icon { width: 43px; height: 43px; }
  .ac-awaiting-reviews { padding: 19px; }
}
@media (max-width: 991.98px) {
  .ac-access-layout { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 22px; }
  .ac-access-story, .ac-access-form-panel { padding: 27px; }
  .ac-access-story h2 { font-size: 1.75rem; }
  .ac-access-story > p { font-size: .84rem; }
  .ac-access-benefits > div { gap: 12px; }
  .ac-access-benefits strong { font-size: .8rem; }
  .ac-access-benefits p { font-size: .71rem; }
  .ac-access-benefits > div > span { width: 37px; height: 37px; flex-basis: 37px; }
  .ac-access-form-panel h2 { font-size: 1.25rem; }
  .ac-sidebar-profile { padding: 9px 12px 17px; margin-bottom: 10px; }
  .ac-account .co-account-sidebar nav { grid-template-columns: repeat(5, minmax(0, 1fr)); }
  .ac-account .co-account-sidebar nav > button { font-size: .75rem; gap: 6px; }
  .ac-account .co-account-sidebar nav > button > .app-icon { display: none; }
  .ac-sidebar-session-button { width: auto; display: inline-flex; margin-right: 9px; font-size: .74rem; }
  .ac-account .co-account-local-note { margin-top: 6px; padding-top: 11px; }
  .ac-payment-next { grid-template-columns: 46px minmax(0, 1fr) auto; }
  .ac-payment-next > .btn { grid-column: auto; }
}
@media (max-width: 767.98px) {
  .ac-access-layout { grid-template-columns: minmax(0, 1fr); max-width: 560px; margin-top: 23px; }
  .ac-access-form-panel { order: -1; padding: 29px; }
  .ac-access-story { padding: 30px; }
  .ac-access-story h2 br { display: none; }
  .ac-access-story h2 { font-size: 1.65rem; }
  .ac-access-story > p { max-width: none; font-size: .85rem; }
  .ac-access-benefits strong { font-size: .86rem; }
  .ac-access-benefits p { font-size: .77rem; }
  .ac-account .co-account-sidebar nav { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .ac-account .co-account-sidebar nav > button { justify-content: flex-start; padding-right: 12px; gap: 9px; }
  .ac-account .co-account-sidebar nav > button > .app-icon { display: inline-flex; }
  .ac-order-progress-panel { padding: 22px 13px 16px; }
  .ac-order-progress strong { font-size: .69rem; }
  .ac-order-progress small { font-size: .59rem; }
  .ac-progress-icon { width: 39px; height: 39px; }
  .ac-order-progress > li:not(:last-child)::after { top: 19px; }
  .ac-payment-next { grid-template-columns: 44px minmax(0, 1fr); padding: 18px; }
  .ac-payment-next > .btn { grid-column: 2; }
  .ac-payment-next h3 { font-size: .88rem; }
  .ac-awaiting-grid { gap: 11px; }
  .ac-awaiting-product { padding: 12px; grid-template-columns: 49px minmax(0, 1fr); gap: 10px; }
  .ac-awaiting-product h4 { font-size: .75rem; }
}
@media (max-width: 575.98px) {
  .ac-header-actions { gap: 10px; }
  .ac-header-actions > .co-view-all { font-size: .72rem; }
  .ac-storage-notice { padding: 12px; font-size: .74rem; }
  .ac-access-layout { gap: 20px; margin-top: 22px; }
  .ac-access-form-panel { padding: 24px 21px; border-radius: 11px; }
  .ac-access-form-icon { width: 51px; height: 51px; margin-bottom: 16px; }
  .ac-access-form-panel h2 { font-size: 1.2rem; }
  .ac-access-intro { font-size: .8rem; margin-bottom: 22px; }
  .ac-access-submit { font-size: .81rem; }
  .ac-form-helper { font-size: .67rem; }
  .ac-session-description { font-size: .67rem; margin-bottom: 21px; }
  .ac-guest-options > strong { font-size: .75rem; }
  .ac-guest-options > a { font-size: .75rem; }
  .ac-access-story { padding: 27px 23px; border-radius: 11px; }
  .ac-access-story::before { margin-bottom: 22px; }
  .ac-access-kicker { font-size: .63rem; letter-spacing: .11em; }
  .ac-access-story h2 { font-size: 1.5rem; margin-bottom: 18px; }
  .ac-access-story > p { font-size: .79rem; margin-bottom: 24px; }
  .ac-access-benefits { gap: 20px; }
  .ac-access-benefits strong { font-size: .79rem; }
  .ac-access-benefits p { font-size: .7rem; }
  .ac-access-footnote { margin-top: 27px; padding-top: 19px; }
  .ac-access-footnote p { font-size: .67rem; }
  .ac-sidebar-profile { padding: 8px 9px 16px; gap: 10px; }
  .ac-profile-avatar { width: 40px; height: 40px; flex-basis: 40px; }
  .ac-sidebar-profile strong { font-size: .81rem; }
  .ac-sidebar-profile bdi, .ac-sidebar-profile small { font-size: .68rem; }
  .ac-account .co-account-sidebar nav { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ac-account .co-account-sidebar nav > button { font-size: .76rem; padding: 11px 9px; gap: 8px; }
  .ac-account .co-account-local-note { font-size: .66rem; }
  .ac-sidebar-session-button { font-size: .71rem; }
  .ac-local-intro { font-size: .72rem; margin-bottom: 18px; }
  .ac-order-counts { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 9px; margin: 19px 0 23px; }
  .ac-order-counts > button { padding: 13px 5px; gap: 7px; }
  .ac-order-counts > button > strong { font-size: 1.25rem; }
  .ac-order-counts > button > span { font-size: .64rem; }
  .ac-order-counts > button > .app-icon { width: 18px !important; height: 18px !important; }
  .ac-order-card-actions { gap: 10px 13px; justify-content: space-between; width: 100%; }
  .ac-continue-payment { font-size: .69rem; gap: 5px; padding: 6px 8px; }
  .ac-guest-order-note { padding: 12px; font-size: .71rem; gap: 8px; }
  .ac-order-progress-panel { padding: 22px 20px 16px; }
  .ac-order-progress { flex-direction: column; }
  .ac-order-progress > li { display: grid; grid-template-columns: 37px minmax(0, 1fr); gap: 1px 14px; text-align: right; padding-bottom: 18px; min-height: 57px; }
  .ac-order-progress > li:last-child { padding-bottom: 0; }
  .ac-progress-icon { grid-column: 1; grid-row: 1 / 3; width: 35px; height: 35px; align-self: center; }
  .ac-order-progress > li:not(:last-child)::after { width: 2px; height: calc(100% - 18px); top: 28px; right: 17px; }
  .ac-order-progress strong { font-size: .79rem; margin-top: 0; align-self: end; }
  .ac-order-progress small { font-size: .65rem; align-self: start; }
  .ac-order-progress-panel > p { text-align: right; padding-top: 16px; margin-top: 22px; font-size: .73rem; }
  .ac-payment-next { grid-template-columns: 37px minmax(0, 1fr); gap: 12px; padding: 16px 13px; margin-bottom: 22px; }
  .ac-payment-next-icon { width: 36px; height: 36px; align-self: start; }
  .ac-payment-next-icon > .app-icon { width: 22px !important; height: 22px !important; }
  .ac-payment-next h3 { font-size: .83rem; }
  .ac-payment-next p { font-size: .72rem; }
  .ac-payment-next > div > span { font-size: .75rem; }
  .ac-payment-next > .btn { grid-column: 1 / -1; width: 100%; margin-top: 4px; font-size: .76rem; }
  .ac-cancelled-order { padding: 14px; gap: 11px; }
  .ac-cancelled-order strong { font-size: .81rem; }
  .ac-cancelled-order p { font-size: .72rem; }
  .ac-order-reference { padding: 13px; gap: 12px; }
  .ac-order-reference span { font-size: .66rem; }
  .ac-order-reference bdi { font-size: .76rem; }
  .ac-order-reference .co-text-button { font-size: .71rem; }
  .ac-items-heading h3 { font-size: .91rem; }
  .ac-items-heading > span { font-size: .68rem; }
  .ac-line-review { font-size: .68rem; gap: 5px; }
  .ac-payment-history { margin-top: 23px; }
  .ac-payment-attempt { padding: 15px 13px; }
  .ac-payment-attempt > header { align-items: flex-start; gap: 9px; }
  .ac-payment-attempt > header > div { flex-direction: column; align-items: flex-start; gap: 5px; }
  .ac-payment-attempt header strong { font-size: .77rem; }
  .ac-payment-attempt header time { font-size: .62rem; }
  .ac-payment-attempt dl { gap: 12px 20px; }
  .ac-payment-attempt dt { font-size: .65rem; }
  .ac-payment-attempt dd { font-size: .7rem; }
  .ac-attempt-error { font-size: .71rem; padding: 9px 10px; }
  .ac-attempt-actions { flex-direction: column; gap: 11px; }
  .ac-attempt-actions > details { width: 100%; }
  .ac-attempt-actions summary { font-size: .71rem; }
  .ac-attempt-actions li { font-size: .68rem; }
  .ac-attempt-actions li > time { font-size: .6rem; }
  .ac-attempt-actions > .co-view-all { font-size: .7rem; align-self: flex-end; }
  .ac-account .co-order-footer-actions { gap: 10px; }
  .ac-account .co-order-footer-actions > .btn { flex: 1 1 calc(50% - 10px); font-size: .73rem; }
  .ac-print-helper { font-size: .65rem; }
  .ac-reviews-intro { font-size: .75rem; }
  .ac-review-counts { gap: 8px; }
  .ac-review-counts > span { font-size: .69rem; padding: 6px 9px; }
  .ac-awaiting-reviews { padding: 17px 13px; margin-bottom: 25px; }
  .ac-awaiting-reviews .co-heading-row h3 { font-size: .9rem; }
  .ac-awaiting-reviews > p { font-size: .7rem; }
  .ac-awaiting-grid { grid-template-columns: minmax(0, 1fr); }
  .ac-awaiting-product { padding: 13px; grid-template-columns: 57px minmax(0, 1fr); gap: 11px; }
  .ac-awaiting-product h4 { font-size: .79rem; }
  .ac-awaiting-empty { padding: 13px; font-size: .71rem; }
  .ac-my-reviews-toolbar { gap: 13px; align-items: stretch; }
  .ac-my-reviews-toolbar h3 { font-size: .91rem; }
  .ac-review-filter { width: 100%; justify-content: space-between; }
  .ac-review-filter label { font-size: .71rem; }
  .ac-review-filter select { width: 157px; font-size: .74rem; }
  .ac-my-review { padding: 17px 14px; }
  .ac-my-review > header { flex-wrap: wrap; gap: 12px; margin-bottom: 15px; }
  .ac-my-review-product { gap: 10px; }
  .ac-my-review-product > .asset-image { width: 48px; flex-basis: 48px; }
  .ac-my-review-product strong { font-size: .78rem; }
  .ac-my-review-product time { font-size: .61rem; }
  .ac-my-review > h4 { font-size: .84rem; }
  .ac-my-review > p { font-size: .77rem; }
  .ac-my-review > footer > span { font-size: .62rem; }
  .ac-my-review > footer > .co-view-all { font-size: .69rem; }
}
@media (max-width: 359.98px) {
  .ac-access-form-panel { padding: 23px 18px; }
  .ac-account .co-account-sidebar nav > button { font-size: .7rem; gap: 6px; }
  .ac-order-counts > button > span { font-size: .59rem; }
  .ac-line-review { font-size: .63rem; gap: 4px; }
  .ac-order-progress-panel { padding-left: 16px; padding-right: 16px; }
}
@media print {
  .ac-has-order .ac-no-print { display: none !important; }
  .ac-has-order .co-account-layout { display: block; }
  .ac-has-order .co-account-content { border: 0; border-radius: 0; padding: 0; }
  .ac-has-order .ac-order-progress-panel, .ac-has-order .co-order-history, .ac-has-order .ac-payment-history { display: none !important; }
  .ac-print-heading { display: block; padding-bottom: 20px; margin-bottom: 22px; border-bottom: 2px solid #223f73; }
  .ac-print-heading strong { font-size: 22px; color: #223f73; }
  .ac-print-heading p { font-size: 11px; color: #666; margin: 7px 0 0; }
  .ac-has-order .co-order-item, .ac-has-order .co-order-detail-bottom { break-inside: avoid; }
  .ac-has-order .ac-order-reference { background: transparent; }
  .ac-has-order .co-order-item > strong, .ac-has-order .co-summary-lines dd { color: #111; }
}