/* Shared icon language: line symbols, navy on light, muted gold on dark. */
:root{
  --icon-ink:#334155;
  --icon-accent:#94651f;
  --icon-on-dark:#e6bf73;
  --icon-surface:#f3f5f8;
  --icon-border:#dfe5ed;
}
:where(i[class^="ri-"],i[class*=" ri-"]){
  display:inline-block;width:1em;line-height:1;flex-shrink:0;font-style:normal;
  text-align:center;vertical-align:-.125em;
}
.rating-stars{display:inline-flex;align-items:center;gap:3px;color:var(--icon-accent);font-size:15px;line-height:1;letter-spacing:0}
.site .btn i,.admin-ui .btn i{font-size:18px;line-height:1}
.site :is(.eyebrow,.filter-block h4,.filter-card h3,.sf-field label,.sum-info,.bank-name) > i{color:var(--icon-ink)}
.site .eyebrow > i{font-size:16px}
.site :is(.hero,.section-dark) .eyebrow > i{color:var(--icon-on-dark)}
.site .topbar i,.site .hero-badges .hb i{color:var(--icon-on-dark)}
.site .submenu a > i{color:var(--icon-ink);background:var(--icon-surface);border:1px solid var(--icon-border);border-radius:9px;font-size:18px}
.site .submenu a:hover > i{color:var(--icon-accent);background:#faf6ef}
.site .drawer-body i{color:var(--icon-ink);font-size:20px}
.site .drawer-body a.active i{color:var(--icon-accent)}
.site :is(.feature-card,.info-card,.cat-card,.step-item) > .ic{
  display:grid;place-items:center;width:48px;height:48px;flex:0 0 48px;
  border-radius:12px;border:1px solid var(--icon-border);background:var(--icon-surface);
  color:var(--icon-ink);font-size:24px;line-height:1;
}
.site .section-dark .feature-card > .ic,.site .benefit-icon{
  color:var(--icon-on-dark);background:rgba(230,191,115,.06);border-color:rgba(230,191,115,.18);
}
.site .info-card > .ic-whatsapp{color:#176b4b}
.site .option-card .ic{border-radius:11px;border:1px solid var(--icon-border);background:var(--icon-surface);color:var(--icon-ink);font-size:22px}
.site .option-card.selected .ic{color:var(--icon-accent);border-color:#dbc7a8;background:#faf6ef}
.site .spec-box > i{display:grid;place-items:center;width:40px;height:40px;margin:0 auto 10px;border-radius:10px;
  border:1px solid var(--icon-border);background:var(--icon-surface);color:var(--icon-ink);font-size:21px}
.site .feature-list i{color:var(--icon-ink);font-size:18px}
.site .pick-car .meta i{color:var(--icon-ink);margin-right:3px}
.site .ccm-specs i{color:var(--icon-on-dark);font-size:15px}
.site .ccm-badge{background:rgba(15,23,42,.9);color:#f8fafc;border:1px solid rgba(255,255,255,.2);box-shadow:none}
.site .ccm-badge i{color:var(--icon-on-dark);font-size:14px}
.site .ccm-kasko{background:rgba(24,78,60,.96);color:#ecfdf5;box-shadow:none}
.site .ccm-kasko i{font-size:14px}
.site .ccm-mini .ic{border:1px solid var(--icon-border);border-radius:9px;background:var(--icon-surface);color:var(--icon-ink);font-size:18px}
.site .ccm-mini.monthly .ic{background:#faf6ef;border-color:#dbc7a8;color:var(--icon-accent)}
.site .ccm-deposit i{color:var(--icon-ink);font-size:18px}
.site .bank-head > i{color:var(--icon-on-dark);font-size:22px}
.site .result-box > .ic{width:72px;height:72px;border-radius:18px;background:#f0f7f3;border:1px solid #cce0d4;color:#23634e;font-size:32px}
.site .footer-contact i{color:var(--icon-on-dark);font-size:19px}
.site .footer-links i{color:#a9b6ca;opacity:1}
.site .footer-cta .fcta-tel .fcta-ic{background:rgba(230,191,115,.08);border:1px solid rgba(230,191,115,.18);color:var(--icon-on-dark)}
.site .social a{border-radius:12px;border:1px solid rgba(255,255,255,.12)}
.site .float-btn{width:50px;height:50px;border-radius:14px;font-size:23px;border:1px solid rgba(255,255,255,.15);box-shadow:0 5px 18px rgba(15,23,42,.16)}
.site .float-btn:hover{transform:translateY(-2px)}
.site .float-wa{background:#176b4b}
.site .float-bot{background:#152238;color:var(--icon-on-dark)}
.site .float-top{font-size:21px}
.site .bot-head .ava{display:grid;place-items:center;flex:0 0 42px;border-radius:12px;
  background:rgba(230,191,115,.08);border:1px solid rgba(230,191,115,.18);color:var(--icon-on-dark);font-size:21px}
.site .bot-head .ava::before{content:none}
.site .promo-top .ic{display:grid;place-items:center;width:56px;height:56px;margin:0 auto 16px;border-radius:14px;
  background:rgba(255,255,255,.25);border:1px solid rgba(26,18,5,.12);font-size:28px}
.site :is(.burger,.drawer-close,.float-btn,.social a,.view-toggle button):focus-visible,
.admin-ui :is(.icon-btn,.burger-admin):focus-visible{outline:3px solid var(--icon-accent);outline-offset:3px}
.admin-ui .side-nav a i{font-size:19px;opacity:1;color:#b8c5d8}
.admin-ui .side-nav a.active i{color:inherit}
.admin-ui .card-head h2 > i{color:var(--icon-ink);margin-right:5px}
.admin-ui .stat .ic,.admin-ui .admin-icon-tile{display:grid;place-items:center;width:48px;height:48px;flex:0 0 48px;
  border-radius:12px;border:1px solid var(--icon-border);background:var(--icon-surface);color:var(--icon-ink);font-size:23px}
.admin-ui .admin-icon-tile{width:40px;height:40px;font-size:20px;border-radius:10px}
.admin-ui .icon-btn{color:var(--icon-ink)}
@media (prefers-reduced-motion:reduce){
  .site .float-btn,.site .social a{transition:none;transform:none}
}
