:root{--bg:#0f3164;--bg2:#1c4b8f;--text:#0a1a33;--ink:#0b2d5c;--panel:#f5f7fb;--brand:#1f57b0}*{box-sizing:border-box}body{margin:0;font:16px/1.55 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif;color:var(--text);background:#fff}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:1100px;margin:0 auto;padding:0 16px}.topbar{background:var(--bg);color:#fff}.topbar .container{display:flex;align-items:center;gap:16px;padding:10px 16px}.brand{background:#1b3b74;color:#fff;border-radius:10px;padding:6px 10px;font-weight:800}nav{background:#153a72;position:sticky;top:0;z-index:50}nav .container{display:flex;flex-wrap:wrap;gap:16px;padding:10px 16px}nav a{color:#e7efff;font-weight:700;padding:6px 8px;border-radius:8px}nav a.active{background:#0b2d5c}.hero{background:linear-gradient(180deg,var(--bg) 0,var(--bg2) 60%);color:#fff;padding:64px 0 54px}.hero h1{font-size:38px;margin:0 0 8px}.hero p{opacity:.98;font-size:18px;margin:0}section{padding:26px 0}.card{background:var(--panel);border-radius:14px;padding:18px;margin:22px 0}.grid{display:grid;gap:18px}.grid.cols-3{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}h2{color:var(--ink);margin-top:6px}.table{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden}.table td,.table th{padding:12px 10px;border-bottom:1px solid #e8edf7;text-align:left}.notice{background:#fff3cd;border:1px solid #ffe69c;color:#664d03;border-radius:10px;padding:10px 12px}.button{display:inline-block;background:var(--brand);color:#fff;border-radius:10px;padding:10px 14px;font-weight:800}.small{font-size:14px;opacity:.9}footer{background:var(--bg);color:#cbd6f2;margin-top:40px}footer .container{padding:16px}.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.gallery img{width:100%;height:160px;object-fit:cover;border-radius:12px;border:1px solid #eaeef7;background:#fff}.form{display:grid;gap:10px;max-width:560px}input,textarea{width:100%;padding:10px 12px;border:1px solid #d7dff0;border-radius:10px;font:inherit}button{all:unset}.btn{cursor:pointer}.btn{display:inline-block;background:#0f5ad3;color:#fff;border-radius:10px;padding:10px 16px;font-weight:800}.alert{margin-top:10px;display:none}.alert.show{display:block}
/* --- FIX: Stripe checkout button mobile click --- */
#checkout-button {
  all: unset !important;
  display: inline-block !important;
  padding: 12px 20px !important;
  font-size: 16px !important;
  background: #635bff !important;
  color: #fff !important;
  border: none !important;
  border-radius: 6px !important;
  cursor: pointer !important;
  text-align: center !important;
}
#checkout-button:active {
  opacity: 0.85;
}

/* --- FIX: Stripe checkout button mobile click --- */
#checkout-button {
  all: unset !important;
  display: inline-block !important;
  padding: 12px 20px !important;
  font-size: 16px !important;
  background: #635bff !important;
  color: #fff !important;
  border: none !important;
  border-radius: 6px !important;
  cursor: pointer !important;
  text-align: center !important;
}
#checkout-button:active {
  opacity: 0.85;
}