/* Service catalog: shared responsive navigation and package cards. */
.svc-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0 28px}.svc-tab{display:flex;align-items:center;gap:12px;text-align:left;padding:16px;border:1px solid var(--border,#dbe3ed);border-radius:18px;background:var(--surface,var(--card,#fff));color:var(--text,#142033);cursor:pointer;min-width:0;font:inherit;transition:transform .18s,border-color .18s}.svc-tab:hover{transform:translateY(-2px)}.svc-tab[aria-pressed=true]{border-color:var(--primary,#0284c7);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary,#0284c7) 18%,transparent)}.svc-tab img,.svc-all{width:48px;height:48px;object-fit:cover;border-radius:13px;flex-shrink:0}.svc-all{display:grid;place-items:center;background:#e0f2fe;color:#0369a1;font-size:30px}.svc-tab b{display:block;font-size:14px;line-height:1.5}.svc-tab small{display:block;font-size:12px;color:var(--muted,#64748b);margin-top:3px}.svc-section{margin-bottom:34px}.svc-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 16px}.svc-heading h2{font-size:21px;margin:0 0 5px}.svc-heading p,.svc-heading>span{color:var(--muted,#64748b);font-size:13px;margin:0}.svc-chip{display:inline-block;border-radius:8px;background:color-mix(in srgb,var(--primary,#0284c7) 10%,transparent);color:var(--primary,#0284c7);padding:3px 9px;font-size:11px;margin:5px 0}.svc-pack-art{display:block;width:48px;height:48px;border-radius:12px;object-fit:cover;margin-bottom:10px}.svc-package-head{display:flex;align-items:center;gap:16px;padding:16px;border:1px solid var(--border,#dbe3ed);border-radius:16px;margin-bottom:20px}.svc-package-head img{width:64px;height:64px;object-fit:cover;border-radius:14px}.svc-package-head h3{margin:0 0 5px}.svc-package-head p{margin:0;color:var(--muted,#64748b);font-size:13px}.pk:has(.svc-pack-art){padding:18px;min-height:166px}.pk:has(.svc-pack-art) .pk-name{line-height:1.5}.pk:has(.svc-pack-art) .pk-price{margin-top:auto;padding-top:12px;font-size:20px}.svc-package-search{width:100%;margin:0 0 12px;padding:12px 14px;border:1px solid var(--border,#dbe3ed);border-radius:12px;background:var(--surface,var(--card,#fff));color:inherit;font:inherit}.svc-result{font-size:13px;color:var(--muted,#64748b);margin-bottom:12px}
@media(max-width:760px){.svc-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.svc-tab{padding:12px;gap:9px}.svc-tab img,.svc-all{width:38px;height:38px}.svc-tab b{font-size:12px}.svc-heading h2{font-size:18px}.pk:has(.svc-pack-art){padding:13px;min-height:150px}}@media(prefers-reduced-motion:reduce){.svc-tab{transition:none}.svc-tab:hover{transform:none}}

.svc-game-picker{margin:0 0 24px;padding:18px 20px;border:1px solid var(--line,var(--border,#e2e8f0));border-radius:18px;background:var(--surface,#fff)}.svc-picker-title{display:flex;justify-content:space-between;gap:12px;font-weight:700;font-size:14px;margin-bottom:14px}.svc-picker-title>span{font-size:12px;color:var(--muted,#64748b);font-weight:400}.svc-game-rail{display:flex;overflow-x:auto;gap:18px;padding:3px 2px 8px;scrollbar-width:thin;overscroll-behavior-x:contain}.svc-game-choice{display:flex;align-items:center;flex-direction:column;gap:8px;flex:0 0 84px;text-align:center;text-decoration:none;color:inherit;font-size:11px;line-height:1.5}.svc-game-choice img{width:60px;height:60px;object-fit:cover;border-radius:16px;border:2px solid transparent;padding:2px}.svc-game-choice[aria-current=page]{color:var(--pt,#0284c7);font-weight:700}.svc-game-choice[aria-current=page] img,.svc-game-choice:hover img{border-color:var(--pt,#0284c7)}.svc-game-choice:focus-visible{outline:2px solid var(--pt,#0284c7);outline-offset:2px;border-radius:10px}.svc-game-choice span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}@media(max-width:600px){.svc-game-picker{padding:14px;margin-bottom:16px}.svc-picker-title>span{display:none}.svc-game-rail{gap:10px}.svc-game-choice{flex-basis:70px}.svc-game-choice img{width:52px;height:52px}}