.manuals-hero {
        background: var(--bg-light, #fff);
    }

    /* ---- Search group ---- */
    .search-wrap {
        width: 100%;
        min-height: 56px;
    }

    .search-field {
        background: #eee;
        border-radius: 16px 0 0 16px;
        padding: 0 14px 0 16px;
        border: 1px solid rgba(0, 0, 0, 0.06);
        box-shadow: 0 10px 26px rgba(0, 0, 0, 0.04);
    }

    .search-field .lead-in-icon {
        font-size: 20px;
        color: rgba(0, 0, 0, 0.45);
        stroke-width: 1.3;
        margin-right: 10px;
    }

    .search-input {
        background: transparent;
        border: 0;
        outline: none;
        box-shadow: none !important;
        height: 56px;
        padding: 0;
        color: var(--text-primary, #212121);
    }

    .search-input::placeholder {
        color: rgba(0, 0, 0, 0.55);
    }

    /* Attached search button */
    .search-btn {
        background: var(--blue-darkest, #001223);
        border: 1px solid var(--blue-darkest, #001223);
        color: #fff;
        height: 56px;
        padding-inline: 18px;
        border-radius: 0 16px 16px 0;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    .search-btn:hover {
        background: var(--blue-darker, #00203D);
    }

    .search-btn .search-glyph {
        font-size: 24px;
        color: #fff;
        stroke: #fff;
        stroke-width: 1.6;
    }

    /* ---- Category pill ---- */
    .category-pill {
        height: 56px;
        padding-inline: 18px;
        background: #eee;
        border: 1px solid rgba(0, 0, 0, 0.06);
        border-radius: 16px;
        color: var(--text-primary, #212121);
        box-shadow: 0 10px 26px rgba(0, 0, 0, 0.04);
        font-weight: 500;
    }

    .category-pill .cat-icon {
        font-size: 20px;
        color: var(--gray-dark, #3D3D3D);
        stroke-width: 1.4;
    }

    .category-pill:hover {
        background: #eee;
    }

    /* ---------- Tweak this to your fixed header height ---------- */
    :root {
        --nav-offset: 84px;
    }

    /* ---------- Cards ---------- */
    .manual-card {
        background: var(--bg-light, #fff);
        border: 1px solid rgba(0, 0, 0, .08);
        border-radius: 16px;
        padding: 18px;
        box-shadow: 0 8px 22px rgba(0, 0, 0, .06);
        display: flex;
        flex-direction: column
    }

    .manual-title {
        color: var(--gray-darkest, #212121)
    }

    .price {
        color: var(--gray-darkest, #212121);
        font-size: 2rem
    }

    .badge-pill-cat {
        display: inline-block;
        background: var(--bg-yellow-light);
        color: var(--yellow-dark);
        border-radius: 5px;
        padding: 6px 12px;
        font-weight: 600;
        font-size: .85rem
    }

    .manual-desc {
        color: var(--text-secondary, #3D3D3D);
        font-size: 14px;
        margin: 2rem 0
    }

    /* Stars: cards & review */
    .rating .star {
        color: #C5C7CE;
        font-size: 16px;
        stroke-width: 1.4
    }

    .rating .star.filled {
        color: var(--yellow-dark)
    }

    .rating-container .rating-star {
        cursor: pointer;
        font-size: 1.5rem;
        color: #ccc;
        transition: color 0.2s ease;
    }

    .rating-container .rating-star.filled {
        color: #ffc107;
    }

    /* Action buttons */
    .card-actions {
        padding-top: .25rem
    }

    .btn-darkblue {
        background: var(--blue-dark);
        color: #fff;
        border-radius: 12px;
        padding: 10px 16px;
        border: none
    }

    .btn-darkblue:hover {
        background: var(--blue-darker)
    }

    .btn-outline-dark-subtle {
        background: #fff;
        border: 1px solid rgba(0, 0, 0, .12);
        border-radius: 12px;
        color: var(--gray-darkest, #212121)
    }

    .btn-outline-dark-subtle:hover {
        background: rgba(0, 0, 0, .03)
    }

    .manual-card .btn {
        white-space: nowrap
    }

    /* ---------- Sticky review box ---------- */
    .review-sticky {
        top: var(--nav-offset)
    }

    .review-card {
        background: #fff;
        border: 1px solid rgba(0, 0, 0, .12);
        border-radius: 14px;
        box-shadow: 0 10px 26px rgba(0, 0, 0, .06)
    }

    .rating-container .rating-star .iconify {
        transition: transform .15s ease;
    }

    .rating-container .rating-star.filled .iconify {
        transform: scale(1.05);
    }

    .select-btn {
        background: #fff;
        border: 1px solid rgba(0, 0, 0, .15);
        border-radius: 10px;
        padding: 10px 12px;
        color: var(--text-primary, #212121)
    }

    .dropdown-menu {
        border-radius: 10px
    }

    .soft-input {
        background: #fff;
        border: 1px solid rgba(0, 0, 0, .15);
        border-radius: 10px;
        padding: 10px 12px
    }

    .soft-input::placeholder {
        color: #adadad;
        opacity: 1;
    }

    .soft-input:focus::placeholder {
        color: transparent;
    }

    textarea.soft-input:focus::placeholder {
        color: transparent;
    }

    /* See more */
    #seeMoreBtn {
        color: var(--blue-dark, #003C71)
    }
    /* Responsive */
    @media (max-width:991.98px) {
        .review-sticky {
            top: 0
        }
    }
    .manuals-catalog .rating .rating-stars {
        direction: ltr;
    }