.about-minimal-section {
        background: var(--bg-light);
        position: relative;
    }

    .about-minimal-left {
        position: sticky;
        top: 120px;
    }

    .about-mini-tag {
        display: inline-block;
        margin-bottom: 22px;
        font-size: 14px;
        font-weight: 600;
        letter-spacing: 2px;
        text-transform: uppercase;
        color: var(--clr-accent);
        font-family: var(--font);
    }

    .about-minimal-title {
        margin: 0;
        color: var(--ts-heading-color);
        font-family: var(--ts-heading-font-family);
        font-size: var(--ts-h1-font-size);
        line-height: var(--ts-h1-line-height);
        font-weight: 700;
        letter-spacing: -2px;
    }

    .about-minimal-content {
        max-width: 720px;
        margin-left: auto;
    }

    .about-minimal-content p {
        margin: 0 0 20px;
        color: var(--ts-text-color);
        font-weight: 400;
        font-family: var(--font);
    }

    .about-minimal-content p:last-child {
        margin-bottom: 0;
    }

    /* ===============================
   Responsive
================================== */

    @media (max-width: 1199px) {

        .about-minimal-content p {
            font-size: 28px;
        }

    }

    @media (max-width: 991px) {

        .about-minimal-section {
            padding: 80px 0;
        }

        .about-minimal-left {
            position: relative;
            top: 0;
        }

        .about-minimal-title {
            font-size: 58px;
            margin-bottom: 10px;
        }

        .about-minimal-content {
            margin-left: 0;
        }

        .about-minimal-content p {
            font-size: 22px;
            line-height: 1.6;
            margin-bottom: 30px;
        }

    }

    @media (max-width: 767px) {



        .about-minimal-title {
            font-size: 46px;
            line-height: 1;
        }

        .about-minimal-content p {
            font-size: 18px;
            line-height: 1.8;
            letter-spacing: 0;
        }

    }








     <style>
    /* ══════════════════════════════════════════
           MAC Furnitures – Product Section Styles
           All rules scoped so they integrate cleanly
           with the existing site stylesheet.
        ══════════════════════════════════════════ */

    /* ── Tab bar ──────────────────────────────── */
    .product-tabs {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
    }

    .tab-btn {
        padding: 8px 20px;
        border: 1.5px solid #dee2e6;
        border-radius: 50px;
        background: transparent;
        font-size: 0.875rem;
        font-weight: 500;
        color: #555;
        cursor: pointer;
        transition: background 0.2s, color 0.2s, border-color 0.2s, transform 0.15s;
        white-space: nowrap;
        -webkit-transition: background 0.2s, color 0.2s, border-color 0.2s, transform 0.15s;
        -moz-transition: background 0.2s, color 0.2s, border-color 0.2s, transform 0.15s;
        -ms-transition: background 0.2s, color 0.2s, border-color 0.2s, transform 0.15s;
        -o-transition: background 0.2s, color 0.2s, border-color 0.2s, transform 0.15s;
}

    .tab-btn:hover {
        border-color: #e07b00;
        color: #e07b00;
    }

    .tab-btn.active {
        background: #e07b00;
        border-color: #e07b00;
        color: #fff;
        font-weight: 600;
    }

    /* ── Featured top-bar ──────────────────────── */
    .featured-topbar {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
        margin-bottom: 28px;
        flex-wrap: wrap;
    }

    .featured-count {
        font-size: 0.82rem;
        color: #888;
        white-space: nowrap;
    }

  

    @keyframes shimmer {
        0% {
            background-position: 200% 0;
        }

        100% {
            background-position: -200% 0;
        }
    }

    /* Category badge */
    .product-badge {
        position: absolute;
        top: 10px;
        left: 10px;
        background: rgba(0, 0, 0, 0.55);
        color: #fff;
        font-size: 0.68rem;
        font-weight: 700;
        letter-spacing: 0.06em;
        text-transform: uppercase;
        padding: 3px 8px;
        border-radius: 4px;
        backdrop-filter: blur(4px);
    }

    .product-info {
        padding: 14px 16px 16px;
        display: flex;
        flex-direction: column;
        flex: 1;
    }

    .product-model {
        font-size: 0.72rem;
        font-weight: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: #e07b00;
        margin-bottom: 4px;
    }

    .product-info h3 {
        font-size: 0.95rem;
        font-weight: 600;
        color: #1a1a1a;
        margin: 0 0 6px;
        line-height: 1.3;
    }

    .product-info p {
        font-size: 0.8rem;
        color: #666;
        line-height: 1.5;
        margin: 0;
        flex: 1;
    }

    /* ── Product grid item animation ──────────── */
    .product-item {
        animation: fadeInUp 0.3s ease both;
    }

    @keyframes fadeInUp {
        from {
            opacity: 0;
            transform: translateY(16px);
        }

        to {
            opacity: 1;
            transform: translateY(0);
        }
    }

    /* Stagger animation delay per visible card */
    .product-item:nth-child(1) {
        animation-delay: 0.04s;
    }

    .product-item:nth-child(2) {
        animation-delay: 0.08s;
    }

    .product-item:nth-child(3) {
        animation-delay: 0.12s;
    }

    .product-item:nth-child(4) {
        animation-delay: 0.16s;
    }

    .product-item:nth-child(5) {
        animation-delay: 0.20s;
    }

    .product-item:nth-child(6) {
        animation-delay: 0.24s;
    }

    .product-item:nth-child(7) {
        animation-delay: 0.28s;
    }

    .product-item:nth-child(8) {
        animation-delay: 0.32s;
    }

    .product-item:nth-child(9) {
        animation-delay: 0.36s;
    }

    .product-item:nth-child(10) {
        animation-delay: 0.40s;
    }

    /* ── Empty state ──────────────────────────── */
    .no-products {
        text-align: center;
        padding: 60px 20px;
        color: #aaa;
        font-size: 0.95rem;
        width: 100%;
    }