/* byt.qa shared styles v1 (9 Nov 2026). Cached for 10 years: when changing it, save as byt-base-v2.css and update the <link> on every page. */

/* Fonts */
@font-face{font-family:"Baloo Bhaijaan 2";font-weight:500;font-display:swap;src:url(/assets/fonts/baloo-bhaijaan-2-arabic-500.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:"Baloo Bhaijaan 2";font-weight:500;font-display:swap;src:url(/assets/fonts/baloo-bhaijaan-2-latin-500.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Baloo Bhaijaan 2";font-weight:700;font-display:swap;src:url(/assets/fonts/baloo-bhaijaan-2-arabic-700.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:"Baloo Bhaijaan 2";font-weight:700;font-display:swap;src:url(/assets/fonts/baloo-bhaijaan-2-latin-700.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Baloo Bhaijaan 2";font-weight:800;font-display:swap;src:url(/assets/fonts/baloo-bhaijaan-2-arabic-800.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:"Baloo Bhaijaan 2";font-weight:800;font-display:swap;src:url(/assets/fonts/baloo-bhaijaan-2-latin-800.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Brenson";src:url(/assets/fonts/brenson-v1.woff) format("woff");font-display:swap}
@font-face{font-family:"Filson";src:url(/assets/fonts/filson-v1.woff) format("woff");font-display:swap}

/* Compact language switch (Pick For Me, Your Macros, Bored?, BYT card, Privacy). Same look as the menu's, never moves when the language changes. */
.lang-sm{display:grid;grid-template-columns:1fr 1fr;gap:4px;direction:ltr;background:#D9CEF9;border-radius:14px;padding:4px;width:200px;max-width:200px}
.lang-sm button{font:inherit;min-height:44px;height:auto;border:0;border-radius:11px;background:transparent;color:#39362F;font-weight:700;font-size:15px;padding:0 8px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent}
.lang-sm button[aria-pressed="true"]{background:#AC8FF2}
.lang-sm button[data-lang="en"]{font-family:"Brenson","Baloo Bhaijaan 2",sans-serif;font-weight:400;letter-spacing:.5px;padding-top:2px}
.lang-sm button[data-lang="ar"]{font-family:"Baloo Bhaijaan 2",sans-serif;font-weight:700}
.lang-sm button:focus-visible{outline:2px solid #39362F;outline-offset:2px}