/* Brand palette — warm off-white ground, navy ink, royal-blue accent, gold highlight. */
:root{
  --color-bg:#fbfaf7;
  --color-surface:#f3f1ec;
  --color-card:#ffffff;
  --color-text:#1b2a4a;
  --color-divider:color-mix(in srgb,#1b2a4a 16%,transparent);
  --color-accent:#2350a8;
  --color-accent-100:#eaf0fb;
  --color-accent-200:#cfdcf4;
  --color-accent-300:#a3bbe8;
  --color-accent-400:#5f86d0;
  --color-accent-500:#2350a8;
  --color-accent-600:#1c4290;
  --color-accent-700:#1a3c80;
  --color-accent-800:#132c5e;
  --color-accent-900:#0c1c3d;
  --color-neutral-200:#eae8e2;
  --color-neutral-300:#cfd4dc;
  --color-neutral-400:#a3acba;
  --color-neutral-700:#555f70;
  --color-neutral-800:#3b4558;
  --brand-red:#c99a2e;
  --brand-blue:#2350a8;
  --brand-navy:#1b2a4a;
  --whatsapp:#1f9d55;
}
html,body{overflow-x:clip}
::selection{background:#cfdcf4}
:focus-visible{outline:2px solid #2350a8;outline-offset:2px}
.grayscale{filter:none!important}
img{max-width:100%}
/* Mobile layer — hooks via data-mob */
@media (max-width:700px){
  [data-mob=hscroll]{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px!important;margin-right:-20px;padding:0 20px 10px 0;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  [data-mob=hscroll]::-webkit-scrollbar{display:none}
  [data-mob=hscroll]>*{flex:0 0 82%!important;min-width:0;scroll-snap-align:start}
  [data-mob=hide]{display:none!important}
  [data-mob=half]{flex:1 1 calc(50% - 8px)!important;padding:18px 16px!important;border-radius:20px!important}
  [data-mob=half] .notranslate{font-size:30px!important}
  [data-mob=half] strong{font-size:14.5px!important}
  [data-mob=badge]{font-size:12px!important;padding:7px 12px!important}
  [data-mob=fnav]{grid-template-columns:1fr 1fr!important;gap:2px 16px!important}
  [data-mob=fnav] a{font-size:14px!important;letter-spacing:.02em!important;text-transform:none!important;color:var(--color-text)!important;padding:10px 0;display:block}
  [data-mob=fsvc]{display:none!important}
  [data-mob=taps] a{padding:8px 0}
  [data-mob=svc-img]{display:none!important}
  [data-mob=hint]{display:flex!important}
}
@media (max-width:480px){
  [data-mob=hide-xs]{display:none!important}
  [data-mob=logo]{width:40px!important;height:31px!important}
  [data-mob=hdr-name]{font-size:18px!important}
}