/* Reading pages are deliberately isolated from storefront and account styles. */
.info-page {
  --info-navy: #152b43; --info-ink: #243b50; --info-muted: #596b7b;
  --info-gold: #806033; --info-gold-light: #e4c68e; --info-line: #dce3e9;
  margin: 0; color: var(--info-ink); background: linear-gradient(145deg, #f5f7fa 0%, #f4f5f7 65%, #f8f5ed 100%);
  font-size: 16px; line-height: 1.9;
}
.info-page *, .info-page *::before, .info-page *::after { box-sizing: border-box; }
.info-page a { color: inherit; text-decoration: none; }
.info-page :focus-visible { outline: 3px solid #987344; outline-offset: 4px; }
.info-page ::selection { background: #e9d6b3; color: #152b43; }
.info-page .eyebrow { margin: 0; color: var(--info-gold); font-size: 12px; font-weight: 750; }
.info-header { color: white; background: var(--info-navy); border-bottom: 3px solid #d2b27b; }
.info-header-inner { width: min(1320px, calc(100% - 64px)); margin: auto; min-height: 118px; display: flex; align-items: center; justify-content: space-between; gap: 28px; padding: 15px 0; }
.info-brand { display: inline-flex; align-items: center; gap: 18px; min-width: 0; }
.info-page .info-monogram.afrand-logo-art { display: block; width: 58px; height: 86px; border: 1px solid #e4c68e; border-radius: 8px; background: #fffdf8; box-shadow: 0 2px 12px #0002; }
.info-brand-name strong { display: block; font-size: 22px; font-weight: 780; line-height: 1.8; }
.info-brand-name small { display: block; color: #ead5ad; font-size: 10px; font-weight: 500; letter-spacing: 2.4px; margin-top: 3px; }
.info-actions { display: flex; align-items: center; gap: 28px; flex-shrink: 0; }
.info-phone { min-height: 48px; display: grid; align-content: center; gap: 1px; }
.info-phone > span { color: #cbd5df; font-size: 11px; }
.info-phone > bdi { font-size: 17px; font-weight: 650; line-height: 1.6; }
.info-back { display: inline-flex; align-items: center; justify-content: center; gap: 25px; min-height: 46px; padding: 10px 20px; border: 1px solid #cfb27d; border-radius: 9px; background: #e4c68e; color: #152b43 !important; font-size: 14px; font-weight: 750; transition: background .18s ease, transform .18s ease; }
.info-back:hover { background: #f1dbb2; transform: translateY(-1px); }
.info-breadcrumb { display: flex; align-items: center; flex-wrap: wrap; gap: 11px; width: min(1320px, calc(100% - 64px)); margin: 21px auto 17px; color: var(--info-muted); font-size: 12px; line-height: 1.8; }
.info-breadcrumb a { display: inline-flex; min-height: 32px; align-items: center; color: var(--info-gold); }
.info-breadcrumb > span[aria-hidden] { color: #9caab5; }
.info-layout { width: min(1320px, calc(100% - 64px)); margin: 0 auto 56px; display: grid; grid-template-columns: 246px minmax(0, 1fr); align-items: start; gap: 26px; outline: none; }
.info-sidebar { display: grid; gap: 16px; position: sticky; top: 18px; max-height: calc(100dvh - 36px); overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: #c2cdd7 transparent; padding: 2px; margin: -2px; }
.info-nav-card, .info-toc { padding: 20px 14px 14px; border: 1px solid var(--info-line); border-radius: 14px; background: #fff; }
.info-nav-card > .eyebrow { padding: 0 10px 12px; }
.info-page-nav { display: grid; gap: 4px; }
.info-page-nav a { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 46px; padding: 10px 12px; border: 1px solid transparent; border-radius: 8px; color: #3a5063; font-size: 13px; font-weight: 600; line-height: 1.7; transition: background .18s ease; }
.info-nav-arrow { color: #8b9aaa; font-size: 17px; }
.info-page-nav a:hover { background: #f3f5f8; }
.info-page-nav a[aria-current="page"] { color: #fff; background: var(--info-navy); border-color: var(--info-navy); }
.info-page-nav a[aria-current="page"] .info-nav-arrow { color: #e4c68e; }
.info-toc { padding: 0; overflow: clip; }
.info-toc summary { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 54px; padding: 12px 22px; color: var(--info-navy); font-size: 13px; font-weight: 750; cursor: pointer; list-style: none; }
.info-toc summary::-webkit-details-marker { display: none; }
.info-toc-toggle { color: var(--info-gold); font-size: 21px; line-height: 1; transition: transform .2s ease; }
.info-toc[open] .info-toc-toggle { transform: rotate(180deg); }
.info-toc nav { display: grid; gap: 3px; padding: 0 13px 13px; border-top: 1px solid #edf0f3; }
.info-toc nav a { display: flex; align-items: center; min-height: 44px; padding: 9px 12px; margin-top: 3px; border-right: 2px solid transparent; border-radius: 4px 0 0 4px; color: var(--info-muted); font-size: 12px; line-height: 1.8; }
.info-toc nav a:hover { background: #f4f6f8; color: var(--info-navy); }
.info-toc nav a[aria-current="location"] { color: #6e5028; background: #f7f1e5; border-right-color: #ba9356; font-weight: 700; }
.info-side-help { display: flex; gap: 11px; align-items: center; min-height: 76px; padding: 14px 16px; border: 1px solid #d8dfdf; border-radius: 12px; background: #eaf0f4; }
.info-help-icon { display: grid; place-items: center; width: 32px; height: 32px; border-radius: 50%; background: #fff; color: var(--info-gold); font-size: 22px; flex-shrink: 0; }
.info-side-help strong { display: block; font-size: 11px; font-weight: 650; }
.info-side-help bdi { display: block; width: fit-content; color: var(--info-gold); font-size: 14px; font-weight: 700; margin-top: 2px; }
.info-article { min-width: 0; padding: 0 clamp(28px, 4.2vw, 64px) 20px; border: 1px solid #d8e0e7; border-radius: 18px; background: #fff; box-shadow: 0 10px 34px #22364d06; overflow-wrap: anywhere; }
.info-title { position: relative; padding: 38px 0 30px; margin-bottom: 27px; border-bottom: 1px solid var(--info-line); }
.info-title::before { content: ""; position: absolute; top: 0; right: 0; width: 68px; height: 4px; border-radius: 0 0 4px 4px; background: #c5a16a; }
.info-title::after { display: none; }
.info-title-top { display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; gap: 10px; margin-bottom: 14px; }
.info-title-top .eyebrow { font-size: 11px; }
.info-title-top .eyebrow > [lang="en"] { letter-spacing: 2px; }
.info-title-top .eyebrow > [aria-hidden] { margin-inline: 5px; color: #c2b398; }
.info-reading-time { display: inline-flex; align-items: center; min-height: 28px; padding: 3px 10px; border-radius: 6px; background: #f2f5f8; color: #657689; font-size: 10px; }
.info-title h1 { margin: 0; color: #172e45; font-size: clamp(26px, 2.6vw, 36px); font-weight: 800; line-height: 1.65; letter-spacing: -.6px; }
.info-lead { margin: 13px 0 0; color: #806033; font-size: 16px; font-weight: 650; line-height: 1.95; }
.info-summary { margin: 11px 0 0; color: var(--info-muted); font-size: 13px; line-height: 2; max-width: 66ch; }
.info-service-note { display: flex; align-items: flex-start; gap: 11px; margin: 0 0 26px; padding: 13px 16px; border: 1px solid #dce5ed; border-radius: 10px; background: #f4f7fa; }
.info-service-note > span { display: grid; place-items: center; flex-shrink: 0; width: 21px; height: 21px; margin-top: 4px; border: 1px solid #9bafbf; border-radius: 50%; color: #57728a; font: italic 15px Georgia, serif; }
.info-service-note p { margin: 0; color: #50677b; font-size: 12px; line-height: 2.1; }
.info-copy { min-width: 0; }
.copy-section { scroll-margin-top: 30px; }
.copy-section + .copy-section { margin-top: 30px; padding-top: 29px; border-top: 1px solid #e6ebef; }
.copy-section h2 { display: flex; align-items: flex-start; gap: 12px; margin: 0 0 18px; color: #1c344c; font-size: 20px; font-weight: 760; line-height: 1.85; }
.copy-section h2::before { content: ""; display: block; flex: 0 0 4px; width: 4px; height: 21px; margin-top: 8px; border-radius: 3px; background: #c6a16b; }
.copy-section h3 { margin: 23px 0 12px; color: #29435a; font-size: 16px; font-weight: 750; line-height: 1.95; }
.copy-section-body > :first-child { margin-top: 0; }
.copy-section-body > :last-child { margin-bottom: 0; }
.copy-section p, .copy-section li, .copy-section blockquote { color: #405468; font-size: 16px; line-height: 2.35; text-align: justify; text-align-last: right; text-justify: inter-word; }
.copy-section p { margin: 0 0 17px; }
.copy-section strong { color: #243d54; font-weight: 750; }
.copy-section em { font-style: normal; color: #806033; }
.copy-section a { color: #805c27; text-decoration: underline; text-decoration-color: #d2b178; text-decoration-thickness: 1px; text-underline-offset: 5px; overflow-wrap: anywhere; }
.copy-section a:hover { color: #4b371e; text-decoration-thickness: 2px; }
.copy-section a[href^="tel:"], .copy-section a[href^="mailto:"] { display: inline-flex; align-items: center; min-height: 44px; direction: ltr; unicode-bidi: isolate; }
.copy-section ul, .copy-section ol { margin: 18px 0 20px; padding: 17px 42px 17px 22px; border: 1px solid #e4e9ee; border-radius: 12px; background: #f8fafc; }
.copy-section li { padding-right: 4px; margin: 0; }
.copy-section li + li { margin-top: 9px; }
.copy-section li::marker { color: #8e6c37; font-weight: 750; }
.copy-section ol { list-style-type: persian; }
.copy-section li > p { margin: 0; }
.copy-section blockquote { margin: 22px 0; padding: 19px 23px; border-right: 3px solid #bf9b63; border-radius: 8px 0 0 8px; background: #faf6ed; }
.copy-section blockquote p:last-child { margin-bottom: 0; }
.copy-section hr { height: 1px; border: 0; margin: 28px 0; background: #e3e9ee; }
.info-article-contact .copy-section-body > p:has(> strong:only-child) { margin-bottom: 3px; font-size: 13px; color: #627589; }
.info-article-contact .copy-section-body > p:has(> strong:only-child) > strong { color: #627589; font-weight: 650; }
.info-article-contact .copy-section-body > p:has(> strong:only-child) + p { margin-bottom: 22px; }
.info-updated { display: flex; align-items: center; flex-wrap: wrap; gap: 7px; margin-top: 34px; padding-top: 20px; border-top: 1px solid var(--info-line); color: #6b7c8d; font-size: 11px; }
.info-updated-dot { display: block; width: 6px; height: 6px; border-radius: 50%; background: #b99459; margin-left: 2px; }
.info-question { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 24px 26px; margin-top: 26px; border: 1px solid #274158; border-radius: 13px; background: var(--info-navy); color: #fff; }
.info-question .eyebrow { display: block; color: #e4c68e; font-size: 10px; margin-bottom: 5px; }
.info-question strong { display: block; font-size: 15px; font-weight: 680; line-height: 1.9; }
.info-question p { margin: 5px 0 0; color: #cfdae4; font-size: 11px; line-height: 2; }
.info-question > a { display: inline-flex; align-items: center; justify-content: center; gap: 18px; flex-shrink: 0; min-height: 44px; padding: 10px 17px; border: 1px solid #e0c18a; border-radius: 8px; background: #e4c68e; color: #172e45; font-size: 12px; font-weight: 750; }
.info-question > a:hover { background: #f0d8ac; }
.info-top-link { display: flex; align-items: center; justify-content: center; gap: 10px; width: fit-content; min-height: 44px; margin: 14px auto 0; padding: 9px 12px; color: #6e7f8f !important; font-size: 11px; }
.info-empty h2 { font-size: 21px; }
.info-empty p { color: var(--info-muted); }
.info-footer { padding: 0 32px; border-top: 1px solid #29425b; background: var(--info-navy); color: #d7e0e8; }
.info-footer-inner { width: min(1320px, 100%); min-height: 82px; margin: auto; display: flex; align-items: center; justify-content: space-between; gap: 20px; font-size: 11px; }
.info-footer a { display: inline-flex; align-items: center; gap: 14px; min-height: 44px; color: #e4c68e; }
@media (min-width: 1500px) {
  .info-header-inner, .info-breadcrumb, .info-layout, .info-footer-inner { max-width: 1400px; }
  .info-layout { grid-template-columns: 256px minmax(0, 1fr); gap: 30px; }
  .info-article { padding-inline: 72px; }
}
@media (max-width: 1000px) {
  .info-header-inner, .info-breadcrumb, .info-layout { width: calc(100% - 40px); }
  .info-layout { grid-template-columns: 212px minmax(0, 1fr); gap: 18px; }
  .info-article { padding-inline: 26px; }
  .info-brand-name strong { font-size: 19px; }
  .info-actions { gap: 20px; }
  .info-toc summary { padding-inline: 18px; }
  .info-page-nav a { padding-inline: 9px; font-size: 12px; }
  .info-question { align-items: stretch; flex-direction: column; gap: 15px; padding: 21px; }
  .info-question > a { align-self: flex-start; }
}
@media (max-width: 760px) {
  .info-header-inner { min-height: 105px; gap: 15px; }
  .info-page .info-monogram.afrand-logo-art { width: 48px; height: 72px; border-radius: 6px; }
  .info-brand { gap: 11px; }
  .info-brand-name strong { font-size: 17px; }
  .info-brand-name small { font-size: 8px; letter-spacing: 1.6px; }
  .info-phone { display: none; }
  .info-back { padding: 9px 12px; gap: 12px; min-height: 44px; font-size: 12px; }
  .info-breadcrumb { margin-top: 15px; margin-bottom: 13px; font-size: 11px; }
  .info-layout { display: flex; flex-direction: column; gap: 16px; margin-bottom: 30px; }
  .info-sidebar { position: static; display: grid; width: 100%; max-height: none; padding: 0; margin: 0; overflow: visible; gap: 12px; }
  .info-nav-card { padding: 9px; border-radius: 12px; }
  .info-nav-card > .eyebrow { display: none; }
  .info-page-nav { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 5px; }
  .info-page-nav a { min-height: 44px; padding: 8px 11px; font-size: 11px; background: #f5f7f9; }
  .info-nav-arrow { font-size: 15px; }
  .info-toc summary { min-height: 48px; padding: 10px 19px; font-size: 12px; }
  .info-toc nav { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 3px 9px; }
  .info-toc nav a { min-height: 44px; padding: 8px 9px; font-size: 11px; }
  .info-side-help { display: none; }
  .info-article { width: 100%; padding-inline: 25px; border-radius: 14px; }
  .info-title { padding-top: 29px; padding-bottom: 24px; margin-bottom: 22px; }
  .info-title h1 { font-size: 27px; line-height: 1.8; letter-spacing: -.4px; }
  .info-lead { font-size: 14px; margin-top: 9px; }
  .info-reading-time { font-size: 9px; }
  .info-summary { font-size: 12px; }
  .info-service-note { padding: 11px 13px; gap: 9px; }
  .info-service-note p { font-size: 11px; }
  .copy-section { scroll-margin-top: 18px; }
  .copy-section + .copy-section { margin-top: 26px; padding-top: 25px; }
  .copy-section h2 { font-size: 18px; margin-bottom: 13px; gap: 10px; }
  .copy-section h2::before { height: 19px; margin-top: 7px; }
  .copy-section h3 { font-size: 15px; }
  .copy-section p, .copy-section li, .copy-section blockquote { font-size: 15px; line-height: 2.3; }
  .copy-section ul, .copy-section ol { padding: 15px 31px 15px 17px; border-radius: 10px; }
  .copy-section li { padding-right: 2px; }
  .info-question { padding: 20px; }
  .info-question > a { align-self: stretch; }
  .info-footer { padding-inline: 20px; }
  .info-footer-inner { padding-block: 17px; gap: 6px; flex-direction: column; align-items: flex-start; font-size: 10px; }
}
@media (max-width: 420px) {
  .info-header-inner, .info-breadcrumb, .info-layout { width: calc(100% - 28px); }
  .info-header-inner { flex-wrap: wrap; padding-block: 14px; gap: 12px; }
  .info-brand { flex: 1 1 auto; }
  .info-brand-name strong { font-size: 16px; }
  .info-back { padding-inline: 11px; font-size: 11px; gap: 8px; }
  .info-article { padding-inline: 19px; }
  .info-title h1 { font-size: 24px; }
  .info-title-top { gap: 7px; }
  .info-title-top .eyebrow { font-size: 9px; }
  .info-toc nav { grid-template-columns: 1fr; }
  .copy-section p, .copy-section li, .copy-section blockquote { font-size: 14.5px; line-height: 2.3; }
  .copy-section h2 { font-size: 17px; }
  .info-service-note { padding-inline: 11px; }
}
@media print {
  .info-page { background: #fff; color: #111; }
  .info-header, .info-breadcrumb, .info-sidebar, .info-service-note, .info-question, .info-top-link, .info-footer, .skip-link { display: none !important; }
  .info-layout { display: block; width: 100%; margin: 0; }
  .info-article { border: 0; box-shadow: none; padding: 0; }
  .info-title { padding-top: 0; }
  .info-title::before, .info-reading-time { display: none; }
  .copy-section { break-inside: auto; }
  .copy-section h2, .copy-section h3 { break-after: avoid; }
  .copy-section p { orphans: 3; widows: 3; }
  .copy-section a { color: inherit; text-decoration: none; }
}