:root{--red:#E10600;--dark:#0F1115;--muted:#6B7280;--bg:#fff;--b:#E5E7EB;--r:12px;--shadow:0 10px 30px rgba(0,0,0,.08)}
*{box-sizing:border-box}
body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;color:var(--dark);background:var(--bg);line-height:1.5}
a{text-decoration:none;color:inherit}
.container{max-width:1100px;margin:0 auto;padding:0 20px}
.header{position:sticky;top:0;background:#fff;border-bottom:1px solid var(--b);z-index:10}
.nav{display:flex;align-items:center;justify-content:space-between;padding:14px 0;gap:10px}
.brand{display:flex;align-items:center;gap:10px}
.brand img{height:50px}
.tabs{display:flex;gap:8px;flex-wrap:wrap}
.tab{padding:8px 12px;border:1px solid var(--b);border-radius:999px}
.tab.active{background:var(--red);border-color:var(--red);color:#fff}
.actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.button{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--b);padding:10px 16px;border-radius:12px;background:#fff;cursor:pointer}
.button.primary{background:var(--red);border-color:var(--red);color:#fff}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.card{background:#fff;border:1px solid var(--b);border-radius:12px;box-shadow:var(--shadow);padding:16px}
.hero{padding:28px 0}
.hero h1{margin:0 0 8px;font-size:2rem}
.small{color:var(--muted);font-size:.95rem}
.input, select, textarea{border:1px solid var(--b);border-radius:12px;padding:12px 14px;font-size:1rem;width:100%}
.label{font-weight:600;margin-bottom:6px;display:block}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.form-row-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}
.section{padding:20px 0}
.table{width:100%;border-collapse:separate;border-spacing:0 8px}
.table th,.table td{text-align:left;padding:12px 14px;background:#fff;border:1px solid var(--b)}
.table th{background:#F8FAFC}
.footer{border-top:1px solid var(--b);margin-top:24px;padding:20px 0;color:#6b7280}
.badge{display:inline-block;padding:4px 8px;border-radius:999px;border:1px solid var(--b);font-size:.85rem;margin-right:6px}
.event-card img{width:100%;height:140px;object-fit:cover;border-radius:10px}
.qty{display:inline-flex;align-items:center;border:1px solid var(--b);border-radius:10px;overflow:hidden}
.qty button{border:none;padding:8px 12px;background:#fff;cursor:pointer}
.qty input{width:48px;text-align:center;border:none}
.notice{padding:12px 14px;border:1px solid var(--b);border-radius:12px;background:#fff}
.qr{width:180px;height:180px;background:repeating-linear-gradient(45deg,#000 0 8px,#fff 8px 16px);border:8px solid #000;border-radius:6px}
.header-links{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.lang{display:inline-flex;gap:6px;align-items:center}
.lang button{border:1px solid var(--b);background:#fff;padding:8px 10px;border-radius:10px;cursor:pointer}
.lang button.active{background:var(--red);color:#fff;border-color:var(--red)}
@media (max-width: 920px){ .grid{grid-template-columns:1fr} }

/* === TIKO v6 Mobile-first Enhancements === */
:root{ --tap: 48px; }
@media (max-width: 480px){ body{ font-size:17px; } .container{ padding:0 16px; } }
.button{ min-height: var(--tap); padding:12px 16px; border-radius:14px; }
.tab{ min-height:38px; padding:8px 12px; }
.card{ padding:16px; border-radius:14px; }
@media (max-width: 920px){ .grid{ grid-template-columns:1fr; } .actions{ gap:6px; } }
.input, select, textarea{ min-height:44px; }
.form-row, .form-row-3{ grid-template-columns:1fr; }
@media (min-width: 720px){ .form-row{ grid-template-columns:1fr 1fr; } .form-row-3{ grid-template-columns:1fr 1fr 1fr; } }
.header{ backdrop-filter:saturate(180%) blur(6px); }
.header.shrink .nav{ padding:8px 0; }
.header .brand img{ height:28px; }
.hamburger{ display:none; background:#fff; border:1px solid var(--b); border-radius:10px; width:44px; height:44px; align-items:center; justify-content:center; cursor:pointer; }
.hamburger span{ display:block; width:20px; height:2px; background:#111; position:relative; }
.hamburger span::before, .hamburger span::after{ content:""; position:absolute; left:0; width:20px; height:2px; background:#111; }
.hamburger span::before{ top:-6px; }
.hamburger span::after{ top:6px; }
@media (max-width: 920px){ .tabs{ display:none; } .actions.header-links{ display:none; } .actions > a.button{ display:none; } .hamburger{ display:flex; } }
.drawer{ position:fixed; inset:0; background:rgba(0,0,0,.45); display:none; }
.drawer.open{ display:block; }
.drawer .sheet{ position:absolute; right:0; top:0; bottom:0; width:86%; max-width:360px; background:#fff; padding:16px; border-left:1px solid var(--b); overflow:auto; }
.drawer h3{ margin-top:0; }
.drawer a{ display:block; padding:12px 10px; border:1px solid var(--b); border-radius:12px; margin-bottom:10px; }
.drawer .lang{ margin-top:6px; }
.button.primary{ font-weight: 600; }
@media (max-width: 480px){ .hero h1{ font-size: 1.6rem; } .button.primary{ width: 100%; justify-content: center; } }