.pj-section {
            width: 100%;
            position: relative;
            overflow: hidden;
            padding: 0rem 0;
        }

        .pj-track-wrap {
            overflow: hidden;
            width: 100%;
        }

        .pj-track {
            display: flex;
            gap: 0.75rem;
            cursor: grab;
            margin-left: calc(-12.5% + 0.375rem);
        }

        .pj-track.animating {
            transition: transform 0.5s ease;
        }

        .pj-track.dragging {
            cursor: grabbing;
        }

        .pj-slide {
            flex: 0 0 25%;
            min-width: 25%;
            border-radius: 0;
            overflow: hidden;
            position: relative;
            aspect-ratio: 4 / 3.8;
        }

        .pj-slide img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
            transition: transform 0.4s ease;
        }

        .pj-slide-overlay {
            position: absolute;
            inset: 0;
            background: rgba(0, 0, 0, 0.45);
            display: flex;
            align-items: center;
            justify-content: center;
            opacity: 0;
            transition: opacity 0.3s ease;
        }

        .pj-slide:hover .pj-slide-overlay {
            opacity: 1;
        }

        .pj-slide:hover img {
            transform: scale(1.05);
        }

        .pj-slide-btn {
            display: inline-flex;
            align-items: center;
            gap: 0.5rem;
            padding: 0.75rem 1.5rem;
            border: 0.125rem solid #fff;
            border-radius: 3rem;
            color: #fff;
            font-size: 0.9375rem;
            font-weight: 500;
            font-family: 'Inter', sans-serif;
            text-decoration: none;
            transition: background 0.3s ease;
            cursor: pointer;
            background: transparent;
        }

        .pj-slide-btn:hover {
            background: rgba(255, 255, 255, 0.2);
        }

        .pj-slide-btn svg {
            width: 1rem;
            height: 1rem;
        }

        /* NAV ARROWS */
        .pj-nav-btn {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            width: 2.75rem;
            height: 2.75rem;
            border-radius: 50%;
            border: none;
            background: rgba(255, 255, 255, 0.9);
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            transition: all 0.3s ease;
            z-index: 10;
            box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.15);
        }

        .pj-nav-btn:hover {
            background: #111;
        }

        .pj-nav-btn svg {
            width: 1rem;
            height: 1rem;
        }

        .pj-nav-btn svg path {
            stroke: #333;
            transition: stroke 0.3s ease;
        }

        .pj-nav-btn:hover svg path {
            stroke: #fff;
        }

        .pj-nav-prev { left: 1.25rem; }
        .pj-nav-next { right: 1.25rem; }

        /* RESPONSIVE — Tablet */
        @media (max-width: 56.25rem) {
            .pj-slide {
                flex: 0 0 33.333%;
                min-width: 33.333%;
            }

            .pj-track {
                margin-left: calc(-16.666% + 0.375rem);
            }
        }

        /* RESPONSIVE — Mobile: 1 centered, 2 peeking from sides */
        @media (max-width: 48rem) {
            .pj-slide {
                flex: 0 0 80%;
                min-width: 80%;
            }

            .pj-track {
                margin-left: 0;
            }

            .pj-nav-btn {
                width: 2.25rem;
                height: 2.25rem;
            }

            .pj-nav-prev { left: 0.75rem; }
            .pj-nav-next { right: 0.75rem; }
        }