/* Desktop Bandar legal pages (terms, privacy, refunds, shipping, contact): the website's colours and fonts. */
:root { --ink: #3A2416; --ink-2: #6B4A33; --orange: #F47B20; --banana: #FFD23F; --cream: #FFF8EE; --card: #FFFFFF; --line: #E9D9C4; }
* { box-sizing: border-box; }
body { margin: 0; background: var(--cream); color: var(--ink); font: 17px/1.65 'Nunito', 'Segoe UI', system-ui, -apple-system, sans-serif; }
header, main, footer { width: min(760px, 100% - 32px); margin: 0 auto; }
header { padding: 22px 0 6px; }
.home { font: 700 1.25rem 'Fredoka', 'Segoe UI', sans-serif; color: var(--ink); text-decoration: none; }
main { background: var(--card); border: 2.5px solid var(--ink); border-radius: 20px; padding: 28px clamp(18px, 4vw, 40px); margin-top: 14px; }
h1 { font: 700 clamp(1.8rem, 4vw, 2.4rem)/1.15 'Fredoka', 'Segoe UI', sans-serif; margin: 0 0 4px; }
h2 { font: 600 1.25rem/1.3 'Fredoka', 'Segoe UI', sans-serif; margin: 28px 0 6px; }
p, li { color: var(--ink-2); }
.updated { margin: 0 0 18px; font-size: .92rem; }
.box { background: var(--cream); border: 2px solid var(--line); border-radius: 14px; padding: 14px 18px; }
.box p { margin: 4px 0; color: var(--ink); }
a { color: var(--orange); font-weight: 700; }
footer { padding: 22px 0 40px; font-size: .92rem; color: var(--ink-2); }
footer nav { display: flex; flex-wrap: wrap; gap: 6px 18px; margin-bottom: 8px; }
.home img { display: block; width: 150px; height: auto; }
.emo { display: inline-block; width: 1.15em; height: 1.15em; vertical-align: -0.22em; }