/*
   GEAR APEX - category page premium layer.
   Scope is body.category-page only. No image/video assets.
*/

body.category-page{
  --cat-cyan:#38d5ff;
  --cat-violet:#a855f7;
  --cat-gold:#fbbf24;
  --cat-panel:rgba(10,12,24,.88);
  --cat-panel-2:rgba(22,18,38,.78);
}

body.category-page main{
  position:relative;
}

body.category-page #gax-buddy,
body.category-page #sfx-toggle,
body.category-page #pwa-install-btn{
  display:none !important;
}

body.category-page .hero{
  position:relative;
  overflow:hidden;
  border-bottom:1px solid rgba(56,213,255,.14);
  background:
    radial-gradient(circle at 50% 18%, rgba(168,85,247,.22), transparent 34%),
    linear-gradient(180deg, rgba(9,11,24,.94), rgba(7,8,17,.88));
}

body.category-page .hero::before,
body.category-page .hero::after{
  content:"";
  position:absolute;
  pointer-events:none;
}

body.category-page .hero::before{
  inset:0;
  opacity:.28;
  background:
    linear-gradient(90deg, transparent 0 48%, rgba(56,213,255,.25) 49% 51%, transparent 52% 100%),
    repeating-linear-gradient(0deg, transparent 0 31px, rgba(56,213,255,.12) 32px, transparent 33px),
    repeating-linear-gradient(90deg, transparent 0 47px, rgba(168,85,247,.10) 48px, transparent 49px);
}

body.category-page .hero::after{
  left:50%;
  top:50%;
  width:min(520px,80vw);
  aspect-ratio:1;
  transform:translate(-50%,-42%);
  border:1px solid rgba(56,213,255,.28);
  border-radius:50%;
  opacity:.36;
  box-shadow:0 0 36px rgba(56,213,255,.16), inset 0 0 34px rgba(168,85,247,.13);
}

body.category-page .hero > *{
  position:relative;
  z-index:1;
}

body.category-page .hero h1{
  text-shadow:0 0 20px rgba(168,85,247,.42), 0 8px 28px rgba(0,0,0,.46);
}

body.category-page .date-badge{
  border-radius:8px !important;
  clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);
  background:linear-gradient(135deg, rgba(168,85,247,.2), rgba(56,213,255,.08)) !important;
  box-shadow:0 0 22px rgba(168,85,247,.18), inset 0 1px 0 rgba(255,255,255,.12);
}

body.category-page .section-title{
  position:relative;
  width:max-content;
  max-width:100%;
  padding-bottom:.54rem;
  text-shadow:0 0 16px rgba(168,85,247,.32);
}

body.category-page .section-title::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:3px;
  background:
    linear-gradient(90deg, var(--cat-gold), var(--cat-violet), var(--cat-cyan), transparent);
  box-shadow:0 0 16px rgba(56,213,255,.34);
}

body.category-page .cat-guide-banner,
body.category-page .cat-compare-hint{
  border-radius:10px !important;
  clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);
  background:
    linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.018)),
    linear-gradient(95deg, rgba(168,85,247,.20), rgba(56,213,255,.07), rgba(251,191,36,.10)) !important;
  box-shadow:0 12px 28px rgba(0,0,0,.36), inset 0 1px 0 rgba(255,255,255,.12);
}

body.category-page .filter-bar2{
  position:sticky;
  top:72px;
  z-index:58;
  margin:.9rem 0 1.1rem;
  padding:1rem !important;
  border:1px solid rgba(56,213,255,.32) !important;
  border-radius:12px !important;
  clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px);
  background:
    linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.02)),
    radial-gradient(circle at 10% 0, rgba(56,213,255,.16), transparent 36%),
    radial-gradient(circle at 98% 100%, rgba(168,85,247,.20), transparent 42%),
    var(--cat-panel) !important;
  box-shadow:
    0 18px 46px rgba(0,0,0,.48),
    0 0 0 1px rgba(255,255,255,.06) inset,
    0 0 30px rgba(56,213,255,.08);
}

body.category-page .filter-bar2::before{
  content:"LOADOUT FILTER";
  display:block;
  margin:0 0 .72rem;
  color:var(--cat-cyan);
  font-family:var(--gx-disp, 'Oxanium', system-ui, sans-serif);
  font-size:.7rem;
  font-weight:800;
  letter-spacing:.16em;
}

body.category-page .filter-bar2::after{
  content:"";
  position:absolute;
  left:1rem;
  right:1rem;
  top:2.55rem;
  height:2px;
  pointer-events:none;
  background:linear-gradient(90deg, var(--cat-cyan), var(--cat-violet), var(--cat-gold), transparent);
  box-shadow:0 0 16px rgba(56,213,255,.25);
}

body.category-page .fb-top{
  display:grid !important;
  grid-template-columns:minmax(220px,1fr) auto minmax(150px,190px) auto;
  gap:.72rem !important;
  align-items:center;
}

body.category-page .filter-bar2 .fb-search,
body.category-page .filter-bar2 .fb-select{
  min-height:44px;
  border-radius:8px !important;
  color:#eef7ff;
  background:linear-gradient(180deg, rgba(11,14,28,.82), rgba(7,8,18,.72)) !important;
  border-color:rgba(148,163,184,.20) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
}

body.category-page .filter-bar2 .fb-search:focus,
body.category-page .filter-bar2 .fb-select:focus{
  border-color:rgba(56,213,255,.70) !important;
  box-shadow:0 0 0 3px rgba(56,213,255,.13), 0 0 18px rgba(56,213,255,.16) !important;
}

body.category-page .fb-toggle,
body.category-page .fb-clear,
body.category-page .filter-bar2 .fb-sort{
  min-height:44px;
  border-radius:8px !important;
  clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px);
}

body.category-page .fb-toggle{
  background:linear-gradient(135deg, rgba(56,213,255,.12), rgba(168,85,247,.18)) !important;
  border-color:rgba(56,213,255,.30) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10);
}

body.category-page .fb-toggle:hover,
body.category-page .fb-toggle.expanded{
  color:#fff;
  border-color:rgba(56,213,255,.68) !important;
  box-shadow:0 0 20px rgba(56,213,255,.15), inset 0 1px 0 rgba(255,255,255,.14);
}

body.category-page .fb-toggle.has-active{
  border-color:rgba(251,191,36,.72) !important;
  color:#fde68a;
}

body.category-page .fb-badge{
  color:#080813;
  background:linear-gradient(135deg,#fef08a,#f0abfc,#7dd3fc) !important;
}

body.category-page .fb-count{
  justify-self:end;
  min-height:44px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:.42rem .72rem;
  border:1px solid rgba(168,85,247,.26);
  border-radius:8px;
  color:rgba(226,232,240,.82);
  background:rgba(255,255,255,.035);
  white-space:nowrap;
}

body.category-page .fb-count strong{
  color:#7dd3fc !important;
  text-shadow:0 0 12px rgba(56,213,255,.28);
}

body.category-page .fb-panel.open{
  gap:.78rem !important;
  margin-top:1rem !important;
  padding-top:1.05rem !important;
  border-top:1px solid rgba(56,213,255,.18) !important;
}

body.category-page .fb-panel .fg{
  position:relative;
  padding:.78rem;
  border:1px solid rgba(148,163,184,.14);
  border-radius:9px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.014)),
    rgba(5,8,18,.35);
}

body.category-page .fb-panel .fg-label{
  color:rgba(125,211,252,.82) !important;
  font-family:var(--gx-disp, 'Oxanium', system-ui, sans-serif);
  font-weight:800;
  letter-spacing:.11em !important;
}

body.category-page .chip{
  border-radius:7px !important;
  border:1px solid rgba(148,163,184,.20);
  background:rgba(255,255,255,.045);
  color:rgba(238,247,255,.86);
}

body.category-page .chip:hover{
  border-color:rgba(56,213,255,.55);
  box-shadow:0 0 14px rgba(56,213,255,.13);
}

body.category-page .chip.active{
  color:#080813 !important;
  background:linear-gradient(135deg,#7dd3fc,#c084fc,#fb923c) !important;
  box-shadow:0 0 20px rgba(168,85,247,.26), inset 0 1px 0 rgba(255,255,255,.38) !important;
}

body.category-page .fb-panel input[type=range]{
  accent-color:var(--cat-cyan);
}

body.category-page #item-grid,
body.category-page #starter-kits-grid{
  gap:1rem !important;
  align-items:start;
}

body.category-page .item-card{
  position:relative;
  border-radius:10px !important;
  border-color:rgba(var(--rar,124,58,237), .34) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.014)),
    radial-gradient(circle at 16% 0, rgba(var(--rar,124,58,237), .18), transparent 42%),
    rgba(8,9,20,.82) !important;
  box-shadow:
    0 12px 28px rgba(0,0,0,.44),
    inset 0 1px 0 rgba(255,255,255,.08);
  clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);
}

body.category-page .item-card::after{
  content:"";
  position:absolute;
  inset:8px;
  z-index:7;
  pointer-events:none;
  opacity:.38;
  background:
    linear-gradient(90deg, rgba(var(--rar,56,213,255), .95) 0 14px, transparent 14px calc(100% - 14px), rgba(56,213,255,.60) calc(100% - 14px) 100%) top left / 100% 1px no-repeat,
    linear-gradient(90deg, rgba(168,85,247,.68) 0 14px, transparent 14px calc(100% - 14px), rgba(var(--rar,56,213,255), .90) calc(100% - 14px) 100%) bottom left / 100% 1px no-repeat,
    linear-gradient(180deg, rgba(var(--rar,56,213,255), .90) 0 14px, transparent 14px calc(100% - 14px), rgba(168,85,247,.62) calc(100% - 14px) 100%) top left / 1px 100% no-repeat,
    linear-gradient(180deg, rgba(56,213,255,.62) 0 14px, transparent 14px calc(100% - 14px), rgba(var(--rar,56,213,255), .85) calc(100% - 14px) 100%) top right / 1px 100% no-repeat;
  transition:opacity .18s ease;
}

body.category-page .item-card:hover::after{
  opacity:.72;
}

body.category-page .item-card:hover{
  transform:translateY(-5px);
  filter:saturate(1.05);
}

body.category-page .item-card:active{
  transform:translateY(1px) scale(.985);
  filter:brightness(.96);
}

body.category-page .item-card::before{
  opacity:.28;
  background:linear-gradient(135deg, rgba(var(--rar,124,58,237), .95), rgba(56,213,255,.42), rgba(251,191,36,.34));
}

body.category-page .item-image{
  height:156px;
  background:
    radial-gradient(circle at 50% 30%, rgba(var(--rar,124,58,237), .18), transparent 58%),
    linear-gradient(135deg, rgba(56,213,255,.05), rgba(168,85,247,.10)),
    rgba(0,0,0,.34) !important;
}

body.category-page .item-image::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  opacity:.35;
  background:
    repeating-linear-gradient(180deg, rgba(255,255,255,.04) 0 1px, transparent 1px 5px),
    linear-gradient(180deg, transparent 52%, rgba(0,0,0,.62));
}

body.category-page .tier-badge,
body.category-page .apex-badge{
  border-radius:7px !important;
  clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px);
}

body.category-page .item-content{
  position:relative;
  padding:1rem !important;
  display:flex;
  flex-direction:column;
  flex:1 1 auto;
}

body.category-page .item-content::before{
  content:"";
  position:absolute;
  left:0;
  top:.95rem;
  bottom:.95rem;
  width:3px;
  border-radius:0 3px 3px 0;
  background:linear-gradient(180deg, rgba(var(--rar,56,213,255), .95), rgba(168,85,247,.55));
  box-shadow:0 0 12px rgba(var(--rar,56,213,255), .24);
}

body.category-page .item-brand{
  color:rgba(125,211,252,.82) !important;
  font-size:.72rem;
  letter-spacing:.12em;
  text-transform:uppercase;
}

body.category-page .item-name{
  margin-top:.18rem;
  line-height:1.24;
}

body.category-page .item-desc{
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  min-height:2.9em;
}

body.category-page .price-pill{
  display:inline-flex !important;
  align-items:center;
  min-height:28px;
  padding:.2rem .52rem;
  border:1px solid rgba(var(--rar,168,85,247), .28);
  border-radius:7px;
  background:rgba(255,255,255,.04) !important;
  -webkit-text-fill-color:currentColor !important;
  color:#fdba74 !important;
}

body.category-page .item-specs{
  display:grid;
  gap:.38rem;
  max-height:86px;
  overflow:hidden;
}

body.category-page .spec-row{
  border-radius:7px;
  background:rgba(255,255,255,.035);
  border:1px solid rgba(148,163,184,.10);
  padding:.42rem .5rem;
}

body.category-page .buy-btn{
  border-radius:8px !important;
  clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px);
  background:linear-gradient(135deg, rgba(251,146,60,.20), rgba(124,58,237,.16)) !important;
  border:1px solid rgba(251,191,36,.44) !important;
  box-shadow:0 10px 24px rgba(251,146,60,.16), inset 0 1px 0 rgba(255,255,255,.18) !important;
  margin-top:auto !important;
}

body.category-page .card-alt-box{
  display:flex;
  flex-direction:column;
  gap:.45rem;
  margin-top:.75rem;
  padding:.65rem;
  border:1px solid rgba(251,191,36,.24);
  border-radius:8px;
  background:rgba(15,23,42,.58);
}

body.category-page .card-alt-note{
  display:flex;
  align-items:center;
  gap:.35rem;
  color:#facc15;
  font-size:.72rem;
  line-height:1.35;
  font-weight:700;
}

body.category-page .card-alt-link,
body.category-page .card-alt-detail{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.5rem;
  min-height:34px;
  padding:.42rem .52rem;
  border-radius:7px;
  text-decoration:none;
  font-size:.76rem;
  line-height:1.25;
}

body.category-page .card-alt-link{
  color:#e0f2fe;
  background:rgba(14,165,233,.13);
  border:1px solid rgba(56,189,248,.28);
}

body.category-page .card-alt-link span{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

body.category-page .card-alt-detail{
  justify-content:center;
  color:#c4b5fd;
  background:rgba(124,58,237,.12);
  border:1px solid rgba(167,139,250,.22);
}

body.category-page .cross-sell-section{
  border-radius:8px;
  border-color:rgba(56,213,255,.16) !important;
  background:rgba(56,213,255,.045) !important;
  max-height:92px;
  overflow:hidden;
}

body.category-page .cross-sell-tags{
  max-height:34px;
  overflow:hidden;
}

body.category-page .cross-sell-tag{
  border-radius:6px !important;
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

body.category-page:not(.adv-mode-intro) main .container #item-grid,
body.category-page:not(.adv-mode-intro) main .container #starter-kits-grid,
body.category-page:not(.adv-mode-intro) main .container .item-grid{
  grid-template-columns:repeat(auto-fill, minmax(224px, 1fr)) !important;
  gap:.86rem !important;
}

body.category-page .cat-guide-banner,
body.category-page .cat-compare-hint{
  min-height:52px;
  align-items:center;
}

body.category-page .cat-guide-banner > i:first-child,
body.category-page .cat-compare-hint > i{
  width:32px;
  height:32px;
  flex:0 0 32px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:8px;
  color:#7dd3fc !important;
  background:rgba(56,213,255,.10);
  border:1px solid rgba(56,213,255,.22);
  box-shadow:0 0 14px rgba(56,213,255,.12);
}

body.category-page .cat-guide-banner span:not(.cgb-go),
body.category-page .cat-compare-hint span{
  line-height:1.55;
}

body.category-page .item-card{
  min-height:0;
}

body.category-page .item-image img{
  object-fit:contain;
  width:82%;
  height:82%;
  filter:drop-shadow(0 8px 18px rgba(0,0,0,.46));
}

body.category-page .item-card:hover .item-image img{
  transform:scale(1.045) translateY(-2px);
}

body.category-page .apex-badge{
  top:.72rem;
  left:.72rem;
  font-size:.64rem;
}

body.category-page .item-image .fav-btn{
  left:.72rem;
}

body.category-page .item-image .cmp-btn{
  left:.72rem;
}

body.category-page .item-image .apex-badge + .fav-btn{
  top:2.76rem;
}

body.category-page .item-image .apex-badge ~ .cmp-btn{
  top:4.9rem;
}

body.category-page .item-name{
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  min-height:2.45em;
  font-size:1.05rem;
}

body.category-page .item-desc{
  -webkit-line-clamp:1;
  min-height:1.45em;
  margin-bottom:.72rem;
}

body.category-page .item-specs{
  margin-top:.3rem;
  padding:.42rem;
  max-height:68px;
}

body.category-page .spec-row{
  min-height:0;
  padding:.34rem .42rem;
}

body.category-page .spec-label{
  font-size:.68rem;
}

body.category-page .spec-value{
  display:-webkit-box;
  -webkit-line-clamp:1;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

body.category-page .cross-sell-section{
  max-height:64px;
  margin-top:.6rem;
}

body.category-page .buy-btn{
  min-height:40px;
  padding:.58rem .8rem !important;
}

@media (max-width:900px){
  body.category-page .filter-bar2{
    top:58px;
  }

  body.category-page .fb-top{
    grid-template-columns:minmax(0,1fr) auto;
  }

  body.category-page .filter-bar2 .fb-search,
  body.category-page .filter-bar2 .fb-sort,
  body.category-page .fb-count{
    grid-column:auto;
  }

  body.category-page .fb-count{
    grid-column:1 / -1;
    justify-self:stretch;
    justify-content:flex-start;
  }

  body.category-page #maker-eval-section{
    margin:0 0 1.2rem !important;
  }

  body.category-page #maker-eval-section .section-title{
    margin-bottom:.8rem;
    line-height:1.25;
  }

  body.category-page #maker-eval-grid{
    display:flex !important;
    grid-template-columns:none !important;
    gap:.8rem !important;
    overflow-x:auto;
    overscroll-behavior-x:contain;
    scroll-snap-type:x proximity;
    padding:.08rem .2rem .9rem;
    margin:0 -0.2rem;
  }

  body.category-page #maker-eval-grid .maker-eval-card{
    flex:0 0 min(76vw, 360px);
    scroll-snap-align:start;
    padding:1.05rem !important;
    min-height:184px;
    max-height:226px;
    overflow:hidden;
  }

  body.category-page #maker-eval-grid .maker-eval-card h3{
    font-size:1.05rem !important;
    line-height:1.25;
    margin-bottom:.42rem !important;
  }

  body.category-page #maker-eval-grid .maker-eval-card p{
    font-size:.8rem !important;
    line-height:1.55 !important;
  }

  body.category-page #maker-eval-grid .maker-eval-card p:first-of-type{
    margin-bottom:.56rem !important;
    padding-bottom:.46rem !important;
  }

  body.category-page #maker-eval-grid .maker-eval-card p:last-of-type{
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    overflow:hidden;
  }
}

@media (max-width:560px){
  body.category-page #to-top{
    display:none !important;
  }

  body.category-page .hero{
    padding:1rem 5% .72rem !important;
  }

  body.category-page .hero p{
    margin:.72rem auto .2rem !important;
    font-size:.88rem;
    line-height:1.55;
  }

  body.category-page .date-badge{
    max-width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    padding:.42rem .62rem !important;
    font-size:.74rem !important;
    line-height:1.2;
  }

  body.category-page .filter-bar2{
    position:sticky;
    top:0;
    padding:.66rem !important;
    margin:.72rem 0 .92rem;
    clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);
  }

  body.category-page .filter-bar2::before{
    width:calc(100% - 7.4rem);
    margin-bottom:.58rem;
    font-size:.64rem;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }

  body.category-page .filter-bar2::after{
    left:.72rem;
    right:.72rem;
    top:2.25rem;
  }

  body.category-page .fb-top{
    grid-template-columns:1fr 1fr;
    gap:.52rem !important;
  }

  body.category-page .filter-bar2 .fb-search{
    grid-column:1 / -1;
    min-width:0;
    min-height:42px;
    font-size:.88rem;
  }

  body.category-page .fb-toggle,
  body.category-page .filter-bar2 .fb-sort{
    width:100%;
    min-height:40px;
    font-size:.82rem;
    justify-content:center;
  }

  body.category-page .fb-count{
    position:absolute;
    top:.5rem;
    right:.62rem;
    min-height:24px;
    max-width:7rem;
    padding:.16rem .42rem;
    font-size:.68rem;
    line-height:1;
    justify-content:flex-end;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    border-color:rgba(251,191,36,.34);
    background:rgba(251,191,36,.08);
  }

  body.category-page .fb-count{
    color:transparent;
    font-size:0;
  }

  body.category-page .fb-count > *{
    display:none !important;
  }

  body.category-page .fb-count::before{
    content:attr(data-short);
    color:#fde68a;
    font-size:.72rem;
    font-weight:900;
    letter-spacing:.02em;
    text-shadow:0 0 10px rgba(251,191,36,.25);
  }

  body.category-page .fb-panel.open{
    grid-template-columns:1fr !important;
    max-height:min(58vh, 420px);
    overflow:auto;
    padding-right:.2rem;
  }

  body.category-page .item-image{
    height:126px;
  }

  body.category-page .item-content{
    padding:.78rem .82rem .82rem !important;
  }

  body.category-page .item-name{
    font-size:.98rem;
    min-height:2.38em;
  }

  body.category-page .item-desc{
    display:none;
  }

  body.category-page .item-specs{
    max-height:58px;
  }

  body.category-page .cross-sell-section{
    display:none;
  }

  body.category-page .cat-guide-banner,
  body.category-page .cat-compare-hint{
    flex-wrap:nowrap !important;
    gap:.58rem;
    padding:.62rem .72rem !important;
    margin-bottom:.6rem !important;
  }

  body.category-page .cat-guide-banner span:not(.cgb-go),
  body.category-page .cat-compare-hint span{
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    font-size:.8rem !important;
  }

  body.category-page .cat-guide-banner .cgb-go,
  body.category-page .cat-compare-hint .cch-go{
    width:auto !important;
    margin-left:auto !important;
    flex:0 0 auto;
    padding:.38rem .58rem !important;
    font-size:.72rem !important;
    white-space:nowrap;
  }

  body.category-page .cat-compare-hint .cch-go{
    max-width:5.8rem;
    overflow:hidden;
    text-overflow:ellipsis;
  }

  body.category-page #maker-eval-section{
    margin:0 0 1rem !important;
  }

  body.category-page #maker-eval-section .section-title{
    margin-bottom:.68rem;
    font-size:1.34rem;
    line-height:1.25;
  }

  body.category-page #maker-eval-grid{
    display:flex !important;
    grid-template-columns:none !important;
    gap:.72rem !important;
    overflow-x:auto;
    overscroll-behavior-x:contain;
    scroll-snap-type:x proximity;
    padding:.08rem .2rem .8rem;
    margin:0 -0.2rem;
  }

  body.category-page #maker-eval-grid .maker-eval-card{
    flex:0 0 min(82vw, 320px);
    scroll-snap-align:start;
    padding:1rem !important;
    min-height:178px;
    max-height:214px;
    overflow:hidden;
  }

  body.category-page #maker-eval-grid .maker-eval-card h3{
    font-size:1rem !important;
    line-height:1.25;
    margin-bottom:.38rem !important;
  }

  body.category-page #maker-eval-grid .maker-eval-card p{
    font-size:.78rem !important;
    line-height:1.55 !important;
  }

  body.category-page #maker-eval-grid .maker-eval-card p:first-of-type{
    margin-bottom:.52rem !important;
    padding-bottom:.42rem !important;
  }

  body.category-page #maker-eval-grid .maker-eval-card p:last-of-type{
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    overflow:hidden;
  }
}

@media (prefers-reduced-motion:reduce){
  body.category-page .item-card:hover,
  body.category-page .item-card:active,
  body.category-page .cat-guide-banner:hover{
    transform:none !important;
  }
}