/* v78: full graphite category buttons, identical to the v77 service shortcuts.
 * Scope is deliberately limited to the eight main catalogue categories.
 * The active state changes only foreground; it never adds a colored panel. */
.homePage #catalogShell .marketCategoryTabs{
 --service-bg:var(--surface,#1a1e27);
 --service-hover:var(--surface2,#1d222b);
 --service-text:var(--text,#f4f7fb);
 display:flex!important;align-items:center;justify-content:flex-start;flex-wrap:wrap!important;
 gap:8px!important;width:100%;max-width:100%;min-width:0;
 margin:0 0 18px!important;padding:0!important;overflow:visible!important;
 background:transparent!important;border:0!important;box-shadow:none!important;
 scroll-snap-type:none;
}
.homePage #catalogShell .marketCategoryTabs .marketCategoryBtn{
 --category-accent:var(--blue2,#74b4ff);
 appearance:none;-webkit-appearance:none;box-sizing:border-box;
 position:relative;display:inline-flex;align-items:center;justify-content:flex-start;
 flex:0 0 auto;width:auto;min-width:0!important;max-width:100%;
 min-height:40px!important;height:40px!important;
 margin:0!important;padding:0 14px!important;gap:9px!important;
 background:var(--service-bg)!important;background-image:none!important;
 border:0!important;border-radius:10px!important;box-shadow:none!important;
 color:var(--service-text)!important;font-size:13px!important;font-weight:600!important;
 letter-spacing:0!important;line-height:1.25!important;white-space:nowrap;text-align:left;
 text-decoration:none;text-shadow:none;overflow:visible!important;
 backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
 transform:none!important;filter:none!important;cursor:pointer;touch-action:manipulation;
 transition:background-color .16s ease,color .16s ease!important;
 -webkit-tap-highlight-color:transparent;
}
.homePage #catalogShell .marketCategoryBtn[data-inline-dept="games"]{--category-accent:#ff6e8d}
.homePage #catalogShell .marketCategoryBtn[data-inline-dept="subscriptions"]{--category-accent:#69b4ff}
.homePage #catalogShell .marketCategoryBtn[data-inline-dept="esim"]{--category-accent:#5bd6ad}
.homePage #catalogShell .marketCategoryBtn[data-inline-dept="giftcards"]{--category-accent:#ffd063}
.homePage #catalogShell .marketCategoryBtn[data-inline-dept="appstores"]{--category-accent:#b89cff}
.homePage #catalogShell .marketCategoryBtn[data-inline-dept="finance"]{--category-accent:#efbe73}
.homePage #catalogShell .marketCategoryBtn[data-inline-dept="social"]{--category-accent:#d69cff}
.homePage #catalogShell .marketCategoryBtn[data-inline-dept="telegram-gifts"]{--category-accent:#67c2ff}
.homePage #catalogShell .marketCategoryTabs .marketCategoryBtn.active,
.homePage #catalogShell .marketCategoryTabs .marketCategoryBtn[aria-pressed="true"]{
 color:var(--category-accent)!important;
}
.homePage #catalogShell .marketCategoryTabs .marketCategoryBtn::before,
.homePage #catalogShell .marketCategoryTabs .marketCategoryBtn::after{content:none!important;display:none!important}
.homePage #catalogShell .marketCategoryTabs .marketCategoryLabel{
 display:block;min-width:0;line-height:1.25!important;font-size:inherit!important;font-weight:inherit!important;
 color:inherit!important;text-overflow:clip!important;overflow:visible!important;
}
.homePage #catalogShell .marketCategoryTabs .marketCategoryIcon{
 display:flex;align-items:center;justify-content:center;
 width:20px!important;height:20px!important;min-width:20px!important;max-width:20px!important;
 flex:0 0 20px!important;padding:0!important;margin:0!important;
 background:none!important;background-image:none!important;border:0!important;border-radius:0!important;
 box-shadow:none!important;filter:none!important;color:inherit!important;opacity:.88;
 transition:none!important;
}
.homePage #catalogShell .marketCategoryTabs .marketCategorySvg{
 display:block;width:20px!important;height:20px!important;
 fill:currentColor;stroke:none;stroke-width:0!important;color:inherit;
}
/* Hover is neutral in both selected and unselected states, as on the shortcuts. */
@media(hover:hover){
 .homePage #catalogShell .marketCategoryTabs .marketCategoryBtn:hover{background:var(--service-hover)!important}
}
.homePage #catalogShell .marketCategoryTabs .marketCategoryBtn:active{background:var(--surface3,#232934)!important}
.homePage #catalogShell .marketCategoryTabs .marketCategoryBtn:focus-visible{outline:2px solid var(--category-accent);outline-offset:3px}
.homePage #catalogShell .marketCategoryTabs .marketCategoryBtn:focus:not(:focus-visible){outline:none}
@media(max-width:800px){
 .homePage #catalogShell .marketCategoryTabs{
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:8px!important;margin:0 0 14px!important;
 }
 .homePage #catalogShell .marketCategoryTabs .marketCategoryBtn{
  width:100%!important;min-width:0!important;min-height:44px!important;height:auto!important;
  padding:8px 11px!important;gap:8px!important;font-size:12px!important;white-space:normal!important;
 }
 .homePage #catalogShell .marketCategoryTabs .marketCategoryLabel{overflow-wrap:anywhere;word-break:normal}
 .homePage #catalogShell .marketCategoryTabs .marketCategoryIcon{
  width:18px!important;height:18px!important;min-width:18px!important;max-width:18px!important;flex-basis:18px!important;
 }
 .homePage #catalogShell .marketCategoryTabs .marketCategorySvg{width:18px!important;height:18px!important}
}
/* No four tiny labels squeezed across a phone and no horizontal clipping. */
@media(max-width:640px){
 .homePage #catalogShell .marketCategoryTabs{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:560px){
 .homePage #catalogShell .marketCategoryTabs .marketCategoryBtn{justify-content:center;padding:8px 10px!important}
}
@media(prefers-reduced-motion:reduce){
 .homePage #catalogShell .marketCategoryTabs .marketCategoryBtn{transition:none!important}
}