.content-sm 
        {
            padding-top: 0px !important; 
        }

        .category-row {
            margin-top: 30px;
            margin-bottom: 18px;
        }

    .category-pill {
      display: block;
      margin: 0 auto;
      text-align: center;
      height: 76px;                   /* visual height */
      line-height: 36px;              /* for multi-line centering we use padding instead */
      padding: 12px 18px;             /* vertical + horizontal padding */
      border-radius: 40px;            /* big pill shape */
      border: 2px solid #337ab7;
      box-shadow:
        0 6px 12px rgba(0,0,0,0.25),  /* outer drop shadow */
        inset 0 2px 0 rgba(255,255,255,0.25), /* top glossy highlight */
        inset 0 -6px 18px rgba(255,90,0,0.05); /* bottom subtle inner depth */
      background: #337ab7;
      color: #fff;
      text-decoration: none;
      font-weight: 700;
      font-size: 14px;
      letter-spacing: 0.6px;
      -webkit-font-smoothing: antialiased;
      transition: transform 0.12s ease, box-shadow 0.12s ease;
      white-space: normal;
      word-wrap: break-word;
      min-width: 120px;
      max-width: 220px;
      box-sizing: border-box;
    }

    /* make text vertically centered across 2 lines */
    .category-pill .label-text {
      display: inline-block;
      vertical-align: middle;
      line-height: 1.05;
      padding-top: 2px;
    }

    /* smaller text variation if long */
    .category-pill.small {
      padding: 10px 14px;
      font-size: 13px;
      height: auto;
      border-radius: 34px;
    }

    .category-pill:hover,
    .category-pill:focus {
      transform: translateY(-3px);
      box-shadow:
        0 12px 20px rgba(0,0,0,0.28),
        inset 0 2px 0 rgba(255,255,255,0.28);
      text-decoration: none;
      color: #fff;
    }

    /* spacing inside columns so pills don't touch edges */
    .cat-col {
      margin-bottom: 18px;
      padding-left: 10px;
      padding-right: 10px;
      text-align: center;
    }

    /* allow two-line break nicely and keep first line bolder */
    .category-pill .line1 {
      display: block;
      font-weight: 800;
      /* font-size: 13px; */
      font-size: 18px;
      text-transform: uppercase;
      letter-spacing: 0.8px;
    }
    .category-pill .line2 {
      display: block;
      font-weight: 600;
      font-size: 13px;
      margin-top: 4px;
      text-transform: none;
    }

    /* responsive tweak: center items when fewer per row */
    @media (max-width: 991px) {
      .category-pill { max-width: 260px; }
    }