/* ============================================================
 * Refrigerators Luxury: giao diện thương hiệu (nạp SAU style.css của child).
 * Một bộ token màu duy nhất ở :root, đổi màu chỉ sửa ở đây (rule H2).
 * Palette: graphite (thép không gỉ) + đồng thau (sang trọng) + kem ấm (nội thất)
 * ============================================================ */
:root{
  --navy:#1f2328; --ink:#262a2f; --ink-soft:#565c63; --muted:#7a7f86; --line:#e7e1d8; --bg:#fff;
  --panel:#f8f4ee; --gold:#9a6a2c; --gold-deep:#7a5220; --link:#262a2f; --sale:#b8602f; --good:#1e8e5a;
  --rfl-mint:#f6eddc; --rfl-mint-2:#ead9b9; --rfl-champagne:#d4b26a; --rfl-champagne-deep:#a8832f;
  --rfl-radius:14px; --rfl-shadow:0 18px 40px -22px rgba(31,35,40,.35);

  --color-primary:#9a6a2c; --color-primary-hover:#7a5220; --color-primary-dark:#7a5220;
  --color-primary-light:#f6eddc; --color-primary-rgb:154,106,44;
  --color-accent:#9a6a2c; --color-accent-hover:#7a5220; --color-accent-light:#f6eddc;
  --color-success:#1e8e5a; --color-success-light:#e3f3ec;
  --color-warning:#8a6d1a; --color-error:#b8402f; --color-info:#262a2f;
  --color-text:#262a2f; --color-text-secondary:#565c63; --color-text-muted:#7a7f86; --color-text-subtle:#9a9fa5;
  --color-bg:#ffffff; --color-bg-alt:#f8f4ee; --color-surface:#f8f4ee; --color-surface-raised:#ffffff; --color-surface-hover:#f0e9de;
  --color-border:#e7e1d8; --color-border-subtle:#efeae2; --color-border-strong:#d6cec2;
  --acms-primary-rgb:154,106,44; --acms-star-active:#d4b26a; --acms-border:#e7e1d8;
}

/* Thanh menu: navy sang trọng thay cho khối màu accent */
.navbar,.mobile-nav{background:var(--navy)}
.navbar .ni:hover > a{box-shadow:inset 0 -3px 0 var(--rfl-champagne)}
.accent-h{border-top-color:var(--rfl-champagne)}
.who{background:linear-gradient(135deg,#1f2328 0%,#2d3238 100%)}
footer.site{background:#15181b}

/* ---------- Logo (mark SVG + chữ) ---------- */
.logo--rfl{flex-direction:row;align-items:center;gap:11px;font-size:27px}
.logo--rfl .logo-mark{width:42px;height:42px;flex:none;display:block}
.logo--rfl .logo-row{display:flex;align-items:baseline;gap:.28em;color:var(--navy);letter-spacing:-.025em}
.logo--rfl .logo-row .t{color:var(--gold)}
footer.site .logo--rfl{font-size:26px;margin-bottom:14px}
footer.site .logo--rfl .logo-row{color:#fff}
footer.site .logo--rfl .logo-row .t{color:#e0b878}

/* ---------- Hero thương hiệu ---------- */
.rfl-hero{position:relative;overflow:hidden;background:
  radial-gradient(900px 380px at 88% -10%,var(--rfl-mint-2) 0%,rgba(234,217,185,0) 60%),
  linear-gradient(180deg,var(--rfl-mint) 0%,#fff 100%);border-bottom:1px solid var(--line)}
.rfl-hero-in{display:grid;grid-template-columns:1.15fr .85fr;gap:44px;align-items:center;padding-top:58px;padding-bottom:58px}
.rfl-kicker{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-deep);margin-bottom:16px}
.rfl-kicker::before{content:"";width:26px;height:2px;background:var(--rfl-champagne);display:block}
.rfl-hero h1{font-size:clamp(34px,5vw,56px);font-weight:900;line-height:1.04;letter-spacing:-.035em;color:var(--navy);margin-bottom:18px}
.rfl-hero h1 span{color:var(--gold)}
.rfl-lede{font-size:18px;line-height:1.6;color:var(--ink-soft);max-width:54ch;margin-bottom:26px}
.rfl-cta{display:flex;flex-wrap:wrap;gap:12px}
.rfl-btn{display:inline-flex;align-items:center;gap:9px;padding:13px 22px;border-radius:999px;font-weight:700;font-size:15px;border:1.5px solid var(--navy);color:var(--navy);background:#fff;transition:transform .15s,box-shadow .15s,background .15s,color .15s}
.rfl-btn:hover{transform:translateY(-2px);box-shadow:var(--rfl-shadow)}
.rfl-btn--primary{background:var(--navy);color:#fff;border-color:var(--navy)}
.rfl-btn--primary:hover{background:var(--gold-deep);border-color:var(--gold-deep)}
.rfl-trust{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:26px;font-size:13.5px;color:var(--ink-soft);font-weight:600}
.rfl-trust span{display:inline-flex;align-items:center;gap:7px}
.rfl-trust i{color:var(--gold);font-size:16px}
.rfl-art{position:relative;display:grid;place-items:center;min-height:300px}
.rfl-art svg{width:min(100%,340px);height:auto;filter:drop-shadow(0 28px 34px rgba(31,35,40,.22))}
.rfl-art .ring{position:absolute;border-radius:50%;border:1.5px solid rgba(154,106,44,.28);animation:rflRing 5.5s ease-out infinite}
.rfl-art .ring.r1{width:300px;height:300px}
.rfl-art .ring.r2{width:390px;height:390px;animation-delay:1.8s}
.rfl-art .ring.r3{width:480px;height:480px;animation-delay:3.6s}
@keyframes rflRing{0%{transform:scale(.72);opacity:.9}100%{transform:scale(1.04);opacity:0}}
@media (prefers-reduced-motion:reduce){.rfl-art .ring{animation:none;opacity:.5}}

/* ---------- Ô chủ đề ---------- */
.rfl-topics{padding:34px 0 8px;background:#fff}
.rfl-topics-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:16px}
.rfl-topics-head h2{font-size:var(--fs-sechead);font-weight:800;letter-spacing:-.02em;color:var(--navy)}
.rfl-topics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(168px,1fr));gap:14px}
.rfl-topic{display:flex;flex-direction:column;gap:10px;padding:18px;border:1px solid var(--line);border-radius:var(--rfl-radius);background:#fff;transition:border-color .15s,transform .15s,box-shadow .15s}
.rfl-topic:hover{border-color:var(--gold);transform:translateY(-3px);box-shadow:var(--rfl-shadow)}
.rfl-topic-ic{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--rfl-mint);color:var(--gold-deep);font-size:22px}
.rfl-topic b{display:block;font-size:15.5px;font-weight:800;color:var(--navy);line-height:1.25}
.rfl-topic small{display:block;font-size:12.5px;color:var(--muted);margin-top:2px}

/* ---------- Trang tác giả + trang tĩnh ---------- */
.authors-page .ap-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:22px;margin:24px 0}
.authors-page .ap-card{border:1px solid var(--line);border-radius:var(--rfl-radius);padding:22px;background:#fff;text-align:center}
.authors-page .ap-card img{width:112px;height:112px;border-radius:50%;margin:0 auto 14px;background:var(--rfl-mint)}
.authors-page .ap-card h3{font-size:18px;margin-bottom:4px;color:var(--navy)}
.authors-page .ap-role{font-size:12.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--gold-deep);margin-bottom:10px}
.authors-page .ap-card p{font-size:14.5px;line-height:1.55;color:var(--ink-soft);text-align:left}

@media (max-width:900px){
  .rfl-hero-in{grid-template-columns:1fr;gap:26px;padding-top:40px;padding-bottom:36px}
  .rfl-art{min-height:220px;order:-1}.rfl-art svg{width:min(70%,240px)}
  .rfl-art .ring.r1{width:220px;height:220px}.rfl-art .ring.r2{width:290px;height:290px}.rfl-art .ring.r3{width:360px;height:360px}
}
@media (max-width:640px){
  .rfl-lede{font-size:16px}
  .rfl-topics-grid{grid-template-columns:repeat(2,1fr);gap:10px}
  .rfl-topic{padding:14px}
  .logo--rfl{font-size:15px;gap:8px}.logo--rfl .logo-mark{width:34px;height:34px}
}

/* Shortlist (inc/shortlist.php) dùng token --cyan-*, --cta: map về palette Refrigerators Luxury. */
:root{--cyan-deep:var(--gold-deep); --cyan-soft:var(--rfl-mint); --cta:var(--rfl-champagne); --on-cta:#1c1200}