:root {
        --color-primary: #FFAB1D;
        --color-primary-2: #FF9A00;
    }

    body { background: #f7f8fb !important; }

    /* Exact CleanLife Card Style */
    .cleanlife-card {
        border-radius: 28px;
        transition: transform 0.3s ease, box-shadow 0.3s ease;
    }

    .cleanlife-card:hover {
        transform: translateY(-8px);
        box-shadow: 0 16px 40px rgba(0,0,0,0.12);
    }

    .card-img-wrapper {
        height: 220px;
        overflow: hidden;
        border-radius: 28px 28px 0 0;
    }

    .card-img-top {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform 0.4s ease;
    }

    .cleanlife-card:hover .card-img-top {
        transform: scale(1.08);
    }

    .text-cyan {
        color: #D46F00; /* CleanLife teal */
        font-size: 1.35rem;
    }

    .text-cyan span {
        color: #D46F00;
        font-weight: 900;
    }

    /* Button & Other Styles */
    .btn-primary-custom {
        background: linear-gradient(135deg, #FFAB1D, #FF9A00);
        border: none;
        border-radius: 12px;
        color: #000;
        font-weight: 700;
    }

    .category-box:hover {
        transform: translateY(-4px);
        border-color: var(--color-primary);
        box-shadow: 0 8px 25px rgba(0,0,0,0.1);
    }

    .premium-pagination .page-link {
        background: #fff;
        border: 1px solid #eee;
        color: #333;
        border-radius: 12px;
        padding: 10px 16px;
        margin: 0 4px;
    }

    .premium-pagination .page-link:hover {
        background: var(--color-primary);
        color: #111;
        transform: translateY(-3px);
    }

    .premium-pagination .page-item.active .page-link {
        background: linear-gradient(135deg, var(--color-primary), var(--color-primary-2));
        color: #111;
        border: none;
    }
    @media (max-width: 576px) {
    .cleanlife-card {
        border-radius: 20px;
    }

    .card-img-wrapper {
        height: 160px; /* smaller image on mobile */
    }

    .text-cyan {
        font-size: 1.05rem;
    }

    .card-body {
        padding: 14px !important;
    }
}

@media (min-width: 992px) {
  .rts-navigation-area-breadcrumb.mb-3 {
    margin-bottom: 8px !important;
  }
}

/* =====================================================
   DESKTOP: CENTER THE WHOLE BREADCRUMB BLOCK
   (equal space on left & right)
   ===================================================== */
@media (min-width: 992px) {

  /* Outer breadcrumb wrapper */
  .rts-navigation-area-breadcrumb {
    max-width: 1260px;      /* SAME as body grid */
    margin-left: auto;     /* 🔥 center horizontally */
    margin-right: auto;    /* 🔥 center horizontally */

        /* your existing vertical pull */
    margin-bottom: 16px;
  }

  /* Inner container should NOT stretch full width */
  .rts-navigation-area-breadcrumb .container {
    max-width: 100%;
    padding-left: 12px;
    padding-right: 12px;
  }

}
@media (min-width: 992px) {

  .rts-navigation-area-breadcrumb {
    max-width: 1260px;
    margin: 0 auto 16px auto; /* top | left-right | bottom */
  }

  .rts-navigation-area-breadcrumb .container {
    max-width: 100%;
    padding-left: 12px;
    padding-right: 12px;
  }

}