/* Wanderlust FC — shared black & gold styles */
:root{
  --bg:radial-gradient(120% 80% at 50% -8%, #2a2a2a 0%, #121212 45%, #000 100%);
  --ink:#0a0a0a; --maize:#FFCB05; --gold:#D4AF37;
  --muted:#b9b9b9; --arrow:#8a8a8a; --footer:#8a8a8a; --sub:#cfcfcf;
  --card:rgba(255,255,255,.05); --card-bd:rgba(255,255,255,.12); --card-hi:rgba(255,255,255,.09);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Oswald',system-ui,sans-serif;background:var(--bg);background-attachment:fixed;
  color:#fff;min-height:100vh;-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;
  background:url('owl_gold.png') center 60% no-repeat;background-size:120% auto;opacity:.05;filter:saturate(.6)}
.wrap{max-width:560px;margin:0 auto;padding:26px 22px 60px;position:relative;z-index:1}

/* top nav */
.nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.nav a{color:var(--muted);text-decoration:none;font-weight:600;font-size:14px;letter-spacing:.04em}
.nav a:hover{color:var(--maize)}
.nav .home{display:flex;align-items:center;gap:8px}

header{text-align:center;padding-top:8px}
.lockup{width:min(82%,400px);height:auto;filter:drop-shadow(0 8px 24px rgba(0,0,0,.45))}
.owlmark{width:64px;height:auto;margin:0 auto 6px;display:block}
.tagline{font-family:'Oswald';font-weight:500;letter-spacing:.18em;text-transform:uppercase;font-size:13px;color:var(--maize);margin-top:14px}

h1.title{font-family:'Anton';font-size:38px;line-height:1.02;text-transform:uppercase;text-align:center;margin:18px 0 6px;letter-spacing:.01em}
h1.title .accent{color:var(--maize)}
.lede{text-align:center;color:var(--sub);font-size:16px;max-width:430px;margin:0 auto 6px}

.price{text-align:center;margin:22px 0 4px}
.price .amt{font-family:'Anton';font-size:60px;color:var(--maize);line-height:1}
.price .per{font-weight:600;color:var(--muted);letter-spacing:.06em}

.cta{display:block;margin:26px 0 10px;text-decoration:none;text-align:center;
  background:linear-gradient(180deg,var(--maize),#f0b800);color:var(--ink);border-radius:16px;padding:18px 20px;
  font-family:'Anton';letter-spacing:.03em;font-size:22px;text-transform:uppercase;
  box-shadow:0 10px 26px rgba(255,203,5,.28);border:2px solid #ffd83a;transition:transform .12s,box-shadow .12s}
.cta:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(255,203,5,.4)}
.cta small{display:block;font-family:'Oswald';font-weight:600;font-size:12px;letter-spacing:.14em;opacity:.78;margin-top:3px}
.finePrint{text-align:center;color:var(--footer);font-size:12px;letter-spacing:.04em;margin-top:4px}

.section-label{font-family:'Oswald';font-weight:600;letter-spacing:.22em;text-transform:uppercase;font-size:12px;color:var(--muted);margin:34px 4px 12px;text-align:center}

/* perks */
.perks{list-style:none;display:flex;flex-direction:column;gap:11px;margin:22px 0 4px}
.perks li{display:flex;gap:13px;align-items:flex-start;background:var(--card);border:1px solid var(--card-bd);
  border-radius:13px;padding:14px 16px;font-size:16px}
.perks .ck{flex:0 0 22px;width:22px;height:22px;border-radius:50%;background:var(--maize);color:var(--ink);
  display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;margin-top:1px}
.perks b{color:#fff}.perks span{color:var(--sub)}

/* link tree */
.links{display:flex;flex-direction:column;gap:12px}
.link{display:flex;align-items:center;gap:14px;text-decoration:none;color:#fff;background:var(--card);
  border:1px solid var(--card-bd);border-radius:14px;padding:15px 18px;font-weight:600;font-size:17px;
  transition:background .12s,border-color .12s,transform .12s}
.link:hover{background:var(--card-hi);border-color:var(--maize);transform:translateY(-1px)}
.link .ic{width:26px;height:26px;flex:0 0 26px;fill:var(--maize)}
.link .arrow{margin-left:auto;color:var(--arrow);font-size:18px}
.link .lk-txt{display:flex;flex-direction:column;line-height:1.12}
.link .lk-txt small{font-weight:500;font-size:13px;color:var(--sub);margin-top:1px}

/* merch */
.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.grid a{text-decoration:none;color:#fff;background:var(--card);border:1px solid var(--card-bd);border-radius:14px;
  padding:20px 14px;text-align:center;font-weight:600;transition:border-color .12s,transform .12s}
.grid a:hover{border-color:var(--maize);transform:translateY(-1px)}
.grid .big{font-family:'Anton';font-size:30px;color:var(--maize);line-height:1}
.grid .sub{margin-top:6px;font-size:13px;color:var(--sub)}
.shopall{display:block;text-align:center;text-decoration:none;margin-top:12px;color:var(--ink);background:#fff;
  border-radius:14px;padding:15px;font-weight:700;transition:transform .12s}
.shopall:hover{transform:translateY(-1px)}

footer{text-align:center;margin-top:46px;color:var(--footer);font-size:12px;letter-spacing:.06em}
footer .owl{font-size:16px}

/* ---- language switcher (big, bold, top corner) ---- */
.langbar{position:fixed;top:12px;right:12px;z-index:60;display:flex;gap:4px;
  background:rgba(0,0,0,.6);border:1.5px solid rgba(255,255,255,.2);border-radius:999px;
  padding:5px;backdrop-filter:blur(8px);box-shadow:0 6px 18px rgba(0,0,0,.4)}
.langbar button{font-family:'Oswald',sans-serif;font-weight:700;font-size:14px;letter-spacing:.03em;
  color:#fff;background:transparent;border:0;border-radius:999px;padding:8px 12px;cursor:pointer;line-height:1;
  transition:background .12s,color .12s}
.langbar button:hover{background:rgba(255,255,255,.12)}
.langbar button.on{background:var(--maize);color:#0a0a0a}
[dir="rtl"] .langbar{right:auto;left:12px}
.wrap{padding-top:64px}  /* clear the fixed switcher */

/* ---- RTL (Arabic) ---- */
[dir="rtl"] .link .arrow{margin-left:0;margin-right:auto;transform:scaleX(-1)}
[dir="rtl"] .perks li{flex-direction:row}
[dir="rtl"] .nav{direction:rtl}