.post-type-archive-products,
.category  {
    padding-top: 96px;

    /* Brand Logo */
    .brand-logo {

        .brand-logo__container {
            display: flex;
            justify-content: center;
            padding-top: 20px;
            padding-bottom: 20px;

            /* Mobile */
            @media (max-width: 767px) {

                img {
                    max-width: 295px;
                    height: auto;
                }
            }
        }
    }

    /* Category Header */
    .category-header {
        padding: 24px;

        .category-title {
            font-size: 42px;
            color: white;
            width: max-content;
            margin: 0 auto;

            /* Mobile */
            @media (max-width: 767px) {
                font-size: 24px;
                width: 100%;
                text-align: center;
            }
        }
    }
    
    /* Product Grid */
    .archive-product-grid {

        .archive-product-grid__header {
            text-align: center;
            padding: 26px;
        }
    
        .archive-product-grid__title {
            font-size: 45px;
            font-family: 600;
            text-align: center;
        }
    
        .archive-product-grid__container {
            padding-top: 40px;
            padding-bottom: 60px;
        }
    
        .archive-product-grid__grid {
            display: grid;
            grid-template-columns: repeat(2, minmax(450px, 450px));
            gap: 40px 80px;
            place-content: center;
            padding: 40px 0;
    
            /* Mobile */
            @media (max-width: 767px) {
                grid-template-columns: 1fr;
                gap: 20px;
            }
        }
    
        .archive-product-grid__item {
            position: relative;	
    
            &:hover {
    
                .archive-product-grid__img--primary { 
                    opacity: 0; 
                }
                .archive-product-grid__img--rollover { 
                    opacity: 1; 
                }
            }
        }
    
        .archive-product-grid__item-permalink {
            position: absolute;
            inset: 0;
            z-index: 2;
        }
    
        .archive-product-grid__item-image {
            display: flex;
            justify-content: center;
            align-items: center;
            position: relative;
            padding: 20px;
    
            img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                transition: opacity .3s ease;
            }
        }
    
        .archive-product-grid__img--rollover {
            position: absolute;
            inset: -20px;
            opacity: 0;
        }
    
        .archive-product-grid__line-divider {
            width: 80%;
            height: 5px;
            border-radius: 6px;
            margin: 0 0 22px 10%;
        }
    
        .archive-product-grid__item-title,
        .archive-product-grid__item-subtitle {
            font-size: 24px;
            text-align: center;
        }
    
        .archive-product-grid__item-title {
            position: relative;
            font-weight: 700;
        }
    
        .archive-product-grid__item-subtitle {
            font-weight: 500;
        }
    }
}

.category {

    &.category-valijas-contenedoras-2-en-1 {
        .category-header {
            background-color: #009FE3;
        }
    }

    &.category-vehiculos-grandes {
        .category-header {
            background-color: #ED3E3D;
        }
    }

    &.category-pistas-con-lanzador {
        .category-header {
            background-color: #83BB23;
        }
    }

    .category-extra__container {
        padding-top: 75px;
        padding-bottom: 75px;

        /* Mobile */
        @media (max-width: 767px) {
            padding-top: 40px;
            padding-bottom: 40px;
        }
    }

    .category-extra__title {
        font-size: 42px;
        font-weight: 400;
        text-align: center;

        /* Mobile */
        @media (max-width: 767px) {
            font-size: 32px;
        }
    }

    .category-extra__copy {
        max-width: 1200px;
        margin: 26px auto 0;

        p,
        span,
        strong {
            font-size: 20px;
            font-family: var(--font-secondary);
            text-align: center;

            /* Mobile */
            @media (max-width: 767px) {
                font-size: 16px;
            }
        }
    }
}