/* ═══════════════════════════════════════════════════════════════════
   r3.css — fleet-r3 өргөтгөлийн давхарга (PAGE-BLUEPRINTS.md §6 гэрээ)
   shiloh.css-ийн ДАРАА ачаална. Хууль: селектор бүр .r3--ээр эхэлнэ,
   эсвэл цорын ганц зөвшөөрөгдсөн body.r3-ergo хаалганы дор байна.
   Зөвхөн байгаа CSS var-ууд · шинэ фонт/өнгө/var ХОРИОТОЙ ·
   !important, border-radius, box-shadow, keyframes ХОРИОТОЙ ·
   canon breakpoints: 880px / 760px / 472px.
   Гэрээнээс нэг зөрүү (баримтжуулав): .r3-request хүрээ var(--line) —
   гэрээний var(--line-dark) нь cream-on-dark тул цагаан дэвсгэр дээр
   үл харагдана.
   ═══════════════════════════════════════════════════════════════════ */

/* ── .r3-scrim — hero-panel/band фотон дээрх уншигдах scrim (M1/H4/M3).
      .hero-panel .panel доторх img.bgimg-ийн ЯГ ДАРАА тавина — DOM
      дараалал нь давхарласны эрэмбийг өөрөө шийднэ. ── */
.r3-scrim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,10,10,0) 32%,rgba(10,10,10,.5) 72%,rgba(10,10,10,.7) 100%);pointer-events:none}

/* ── .r3-band-ink — фотогүй, хатуу хар statement/risk band (slot 9) ── */
.r3-band-ink{background:var(--black)}

/* ── .r3-sig — үүсгэн байгуулагчийн гарын үсэг (V10) — maison дуу хоолой,
      гэрчлэлийн хүрээ БИШ: том “ тэмдэг байхгүй. ── */
.r3-sig{padding:130px 32px;text-align:center}
.r3-sig blockquote{max-width:36rem;margin:0 auto;padding-top:3.4rem;border-top:1px solid var(--line);font-family:var(--serif);font-style:italic;font-weight:300;font-size:clamp(1.35rem,2.2vw,1.8rem);line-height:1.5;color:var(--ink)}
.r3-sig .cap{display:block;margin-top:2.1rem;color:var(--gold);font-size:11px}
@media(max-width:760px){.r3-sig{padding:96px 24px}}

/* ── .r3-index-list — ирээдүйн саналын нарийн hairline index
      (home + services; ocards ×8-ийн бууруулсан хувилбар) ── */
.r3-index-list{max-width:1100px;margin:0 auto;border-bottom:1px solid var(--line)}
.r3-index-list a{display:grid;grid-template-columns:12rem 16rem 1fr auto;gap:.35rem 2.6rem;align-items:baseline;min-height:48px;padding:1.35rem 0;border-top:1px solid var(--line);color:var(--ink)}
.r3-index-list .cap{font-size:11px;color:var(--gold)}
.r3-index-list .r3-name{font-family:var(--serif);font-weight:400;font-size:1.25rem;line-height:1.3}
.r3-index-list .r3-one{font-size:12.5px;color:var(--ink-soft)}
.r3-index-list .r3-arw{font-size:15px;color:var(--gold);transition:transform .3s ease}
.r3-index-list a:hover .r3-arw{transform:translateX(6px)}
.r3-index-list a:hover .r3-name{font-style:italic}
@media(max-width:880px){
  .r3-index-list a{grid-template-columns:1fr auto;gap:.25rem 1.4rem}
  .r3-index-list .cap{grid-column:1 / -1}
  .r3-index-list .r3-arw{grid-row:2;grid-column:2;align-self:center}
  .r3-index-list .r3-one{grid-column:1 / -1}
}

/* ── .r3-request — contact #request хүсэлтийн карт (C1 conversion surface) ── */
.r3-request{max-width:34rem;margin:0 auto;border:1px solid var(--line);padding:3rem 2.8rem;text-align:center;scroll-margin-top:110px}
.r3-request h3{font-family:var(--serif);font-weight:400;font-size:clamp(1.5rem,2.4vw,1.9rem);line-height:1.3;margin:1.2rem 0 0}
.r3-request>p{max-width:26rem;margin:1.3rem auto 2.6rem;font-size:13px;line-height:1.8;color:var(--ink-soft)}
.r3-request .ch{display:flex;align-items:center;justify-content:space-between;gap:1.6rem;min-height:52px;border-top:1px solid var(--line);text-align:left}
.r3-request .ch:last-of-type{border-bottom:1px solid var(--line)}
.r3-request .r3-note{display:block;margin-top:1.7rem;font-size:12px;line-height:1.75;color:var(--ink-soft)}
.r3-request .r3-foot{display:block;margin-top:2.6rem;color:var(--gold);font-size:11px}
@media(max-width:472px){.r3-request{padding:2.4rem 1.5rem}}

/* ── .r3-pending — шударга, эзэмшигч-түгжээтэй сувгийн төлөв:
      бүдэг, линк БИШ, дарагдахаар харагдуулахыг ХОРИГЛОНО ── */
.r3-pending{color:var(--gray-deep);cursor:default}
.r3-pending .cap{color:var(--gray-deep)}
.r3-pending .r3-state{font-family:var(--ui);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--gray-deep);text-align:right}

/* Live channel URLs are owner-gated. Pending footer labels keep the visual rhythm
   without pretending to be links or entering the keyboard tab order. */
.fgrid .r3-pending,.fbottom .r3-pending{color:var(--gray-deep)}

/* ── .r3-cta-inline — сэтгүүлийн доторх нам CTA (style-edit payoff,
      cgrid сум) — товч биш, journal хэвээр ── */
.r3-cta-inline{display:inline-block;font-family:var(--serif);font-style:italic;font-size:1.05rem;color:var(--gold);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;padding:12px 0;margin:-12px 0}

/* Late-tail two-action heroes: one primary request, one secondary browse path. */
.r3-hero-actions{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:2.6rem}
.hero-panel .r3-hero-actions .btn,.hero-state .r3-hero-actions .btn{margin-top:0}
@media(max-width:560px){
  .r3-hero-actions{width:100%;max-width:22rem;margin-right:auto;margin-left:auto}
  .r3-hero-actions .btn{width:100%}
}

/* ── body.r3-ergo — ЦОРЫН ГАНЦ зөвшөөрөгдсөн descendant-override хаалга.
      Зөвхөн доорх 5 мобайл эргономикийн дүрэм (H1/H2/M1/M2/M5);
      өөр юу ч энд нуугдахгүй. <body class="r3-ergo"> ×16 —
      integration pass нэмнэ. ── */
body.r3-ergo .overlay a{display:flex;align-items:center;min-height:44px;padding:.35rem 0}
body.r3-ergo .overlay a.sub{min-height:44px;padding:.2rem 0}
@media (max-width:480px){
  body.r3-ergo .lc-pill{min-height:55px}
  /* Нүүрийн hero CTA — concierge pill-ийн бүсээс (44px+зай) дээгүүр байх */
  body.r3-ergo .hero .hero-inner{padding-bottom:72px}
}
body.r3-ergo .go{display:inline-block;padding:12px 0;margin:-12px 0}
body.r3-ergo .nav .brand{padding:10px 6px;margin:-10px -6px}
body.r3-ergo .article .rel a,body.r3-ergo .article a.cap{display:inline-block;padding:12px 2px;margin:-12px -2px}
body.r3-ergo .band{background-color:var(--black)}

/* r3 service-detail */
/* Групп: vip · masterclass · virtual · closet-edit · personal-shopping ·
   shopping-tours · travel · men (2026-08-05). Шинэ селектор ШААРДЛАГАГҮЙ —
   slot 6/7/8/9-ийг canon (.sec/.creds/.proof-gated/.band) + дээрх
   .r3-scrim / .r3-band-ink / .r3-sig бүрэн хаасан. Гэрээний §6 хүснэгтээс
   гадуур юу ч нэмээгүй. */

/* r3 body-copy readability floor (judge-dual r1 gap #10, 2026-08-05)
   Урт МН кирилл body copy 13.5px Inter — тав тухын доод хязгаар дээр.
   shiloh.css-ийн 13.5px-тэй body-copy селекторуудыг 14.5px болгож өргөв
   (шугамын өндөр/өргөн canon-оор үлдэнэ; shiloh.css-д хүрээгүй). */
body.r3-ergo .hero-sub p,
body.r3-ergo .hero-state p,
body.r3-ergo .band p,
body.r3-ergo .proc p,
body.r3-ergo .duo-list p,
body.r3-ergo .creds p,
body.r3-ergo .faq summary,
body.r3-ergo .article li{font-size:14.5px}
/* HTML доторх inline style="font-size:13.5px" body-copy мөрүүд (p/li/span —
   бүгд урт МН өгүүлбэр, шалгасан) — shiloh.css:29-ийн .cap[style*] жишгээр
   мөн 14.5px давхарт өргөнө. */
body.r3-ergo [style*="font-size:13.5px"]{font-size:14.5px!important}

/* Long-form/card copy floor. Eyebrows and metadata remain intentionally smaller. */
body.r3-ergo .value p,
body.r3-ergo .ocard p,
body.r3-ergo .pcard li,
body.r3-ergo .faq .a,
body.r3-ergo .cgrid p,
body.r3-ergo .r3-index-list .r3-one,
body.r3-ergo .r3-request>p,
body.r3-ergo .r3-request .r3-note{font-size:14px}

/* r3b index */
/* judge-dual r1 gap #8 — /-ийн хоосон гүйдлүүд (2026-08-05).
   Хэмжсэн медиан секц-хоорондын зай @1440 = ~185px; зөрчил:
   интро→гарын үсэг 334px, гарын үсэг→үйлчилгээ 289px, галерей→FAQ 335px.
   .sec padding-ийг ГЛОБАЛЬ хөндөхгүй — зөвхөн доорх modifier ангиуд
   (/ дээр л хэрэглэгдэнэ). .r3-half-* = canon 150px-ийн тал.
   .r3-idx-sig = .r3-sig-ийн index-инстансын зай (56px дээр + 110px доор →
   хоёр хилийн зай хоёулаа ~185px болно). Мобайл: canon 880-д .sec 100px
   тул тал нь 50px. */
.r3-half-b{padding-bottom:75px}
.r3-half-t{padding-top:75px}
.r3-idx-sig{padding:56px 32px 110px}
@media(max-width:880px){
  .r3-half-b{padding-bottom:50px}
  .r3-half-t{padding-top:50px}
}
@media(max-width:760px){
  .r3-idx-sig{padding:40px 24px 72px}
}

/* r3b services */
/* Групп: vip · travel · shopping-tours (2026-08-05).
   1) .r3-dashlist — creds жагсаалтын зураас-тэмдэгт мөрүүд (judge-dual r1
      gap #9: canon 72px багана + 1.6rem завсар зураасыг текстээс ~90px
      салгаж байв). Тэмдэгтийн баганыг өөрийнх нь өргөнд шахаж, завсрыг
      .7rem (~11px) болгов — зураас, текст нэг мөр шиг уншигдана.
      Зөвхөн зураастай creds-д хэрэглэнэ; дугаартай creds/proc-д хэрэглэхгүй. */
.r3-dashlist .row{grid-template-columns:auto 1fr;gap:.7rem}
/* 2) .r3-a-inline — FAQ хариулт доторх текст-линк (leader precedent-ийн
      underline хэлбэр) + үл үзэгдэх 44px tap-box (r3-ergo padding-trick
      жишгээр; layout-д нөлөөгүй). */
.r3-a-inline{display:inline-block;padding:12px 2px;margin:-12px -2px;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}