@media (min-width: 992px) {}@media (min-width: 768px) and (max-width: 991px) {}@media (max-width: 767px) {}
    /* ==========================================================
       CLEAN WHITE DESIGN + CSS IZOLAT (nu afectează OpenCart)
       - totul este sub .category-module
       - fără shadow / fără glass / fără blur
    ========================================================== */

    .category-module{
      --tt-bg: #ffffff;
      --tt-surface: #ffffff;
      --tt-border: #e6e8ec;
      --tt-border-2: #dfe3ea;
      --tt-text: #111827;
      --tt-muted: #6b7280;
      --tt-muted-2: #9aa3af;
      --tt-radius: 16px;
      --tt-radius-sm: 12px;

      /* dimensiune icon (din codul tău) */
      --icon-size: 44px;

      padding: 18px 16px;
      max-width: 1100px;
      margin: 18px auto;

      font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, "Noto Sans", "Helvetica Neue", sans-serif;
      color: var(--tt-text);
      background: var(--tt-bg);
      border: 1px solid var(--tt-border);
      border-radius: var(--tt-radius);
      box-sizing: border-box;
    }

    .category-module *{ box-sizing: border-box; }

    .category-module h1{
      margin: 0 0 6px 0;
      font-size: 18px;
      line-height: 1.2;
      font-weight: 800;
      letter-spacing: .2px;
      color: var(--tt-text);
    }

    .category-module p{
      margin: 0 0 14px 0;
      color: var(--tt-muted);
      font-size: 13px;
      line-height: 1.5;
    }

    .category-module .container{
      background: var(--tt-surface);
      border: 1px solid var(--tt-border);
      border-radius: var(--tt-radius);
      padding: 14px;
    }

    .category-module .grid{
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
      gap: 12px;
    }

    .category-module .category-card{
      display: flex;
      gap: 12px;
      align-items: center;

      padding: 12px;
      border: 1px solid var(--tt-border);
      border-radius: var(--tt-radius);
      background: #fff;

      text-decoration: none;
      color: inherit;

      transition: border-color .12s ease, transform .12s ease, background-color .12s ease;
      outline: none;
    }

    .category-module .category-card:hover{
      border-color: var(--tt-border-2);
      background: #fafafa;
      transform: translateY(-1px);
      cursor: pointer;
    }

    .category-module .category-card:focus-visible{
      border-color: #93c5fd;
      box-shadow: 0 0 0 3px rgba(147,197,253,.35);
    }

    .category-module .icon-wrapper{
      width: calc(var(--icon-size) + 12px);
      height: calc(var(--icon-size) + 12px);
      border-radius: var(--tt-radius-sm);
      border: 1px solid var(--tt-border);
      background: #fff;

      flex: 0 0 auto;
      overflow: hidden;

      display: flex;
      align-items: center;
      justify-content: center;
    }

    .category-module .icon-img{
      width: var(--icon-size);
      height: var(--icon-size);
      object-fit: contain;
      display: block;
      background: transparent;
    }

    .category-module .category-title{
      margin: 0 0 4px 0;
      font-size: 13px;
      line-height: 1.25;
      font-weight: 800;
      letter-spacing: .2px;
      color: var(--tt-text);
    }

    .category-module .category-desc{
      margin: 0;
      font-size: 12px;
      line-height: 1.35;
      color: var(--tt-muted);
    }

    @media (max-width: 520px){
      .category-module{
        padding: 14px;
        margin: 14px auto;
      }
      .category-module .container{ padding: 12px; }
      .category-module .grid{ grid-template-columns: 1fr; }
      .category-module .icon-wrapper{
        width: 58px;
        height: 58px;
      }
    }