/* =====================================================
   VTX Product Archive
===================================================== */

/* =====================================================
   Product Archive Page Spacing
===================================================== */

.vtx-product-archive {

    padding-top:40px;

}


@media(max-width:999px){

    .vtx-product-archive {

        padding-top:32px;

    }

}


@media(max-width:767px){

    .vtx-product-archive {

        padding-top:24px;

    }

}


/* =====================================================
   Archive Header
===================================================== */


.vtx-product-archive-header {

    margin-top:24px;

}


/* -----------------------------------------------------
   Archive Title
----------------------------------------------------- */


.vtx-product-archive-header__title {

    margin:0;

    font-size:40px;

    line-height:1.2;

    font-weight:700;

    letter-spacing:-0.02em;

}


/* -----------------------------------------------------
   Archive Intro
----------------------------------------------------- */


.vtx-product-archive-header__intro {

    max-width:960px;

    margin:20px 0 0;

    color:var(--vtx-muted);

    line-height:1.7;

}



/* =====================================================
   Tablet
===================================================== */


@media(max-width:999px){


    .vtx-product-archive-header {

        margin-top:24px;

    }


    .vtx-product-archive-header__title {

        font-size:34px;

    }


    .vtx-product-archive-header__intro {

        margin-top:16px;

        max-width:none;

    }


}



/* =====================================================
   Mobile
===================================================== */


@media(max-width:767px){


    .vtx-product-archive-header {

        margin-top:20px;

    }


    .vtx-product-archive-header__title {

        font-size:30px;

        line-height:1.25;

    }


}

/* =====================================================
   Product Archive Section Title
===================================================== */


.vtx-product-archive-section-title {

    margin:0;

    font-size:28px;

    line-height:1.25;

    font-weight:700;

}


@media(max-width:999px){

    .vtx-product-archive-section-title {

        font-size:26px;

    }

}


@media(max-width:767px){

    .vtx-product-archive-section-title {

        font-size:24px;

    }

}



/* =====================================================
   Product Archive Toolbar
===================================================== */


.vtx-product-archive-toolbar {

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:24px;

    margin-top:24px;

    padding-bottom:16px;

    border-bottom:1px solid var(--vtx-border);

}


.vtx-product-archive-count {

    font-size:14px;

    line-height:1.5;

    color:var(--vtx-muted);

}



/* =====================================================
   Product Archive Grid
===================================================== */


.vtx-product-archive__grid {

    display:grid;

    grid-template-columns:
        repeat(3,minmax(0,1fr));

    column-gap:48px;

    row-gap:64px;

    margin-top:32px;

}



/* =====================================================
   Product Archive Pagination
===================================================== */


.vtx-product-archive-pagination {

    margin-top:56px;

}


.vtx-product-archive-pagination ul {

    display:flex;

    flex-wrap:wrap;

    align-items:center;

    justify-content:center;

    gap:8px;

    list-style:none;

    margin:0;

    padding:0;

}


.vtx-product-archive-pagination a,
.vtx-product-archive-pagination span {

    display:inline-flex;

    align-items:center;

    justify-content:center;

    min-width:40px;

    min-height:40px;

    padding:8px 12px;

    text-decoration:none;

    border:1px solid var(--vtx-border);

    color:var(--vtx-primary-navy);

    font-size:14px;

    line-height:1;

}


.vtx-product-archive-pagination a:hover {

    border-color:var(--vtx-brand-yellow);
    
    background:var(--vtx-brand-yellow);

}


.vtx-product-archive-pagination .current {

    background:var(--vtx-primary-navy);

    border-color:var(--vtx-primary-navy);

    color:var(--vtx-white);

}



/* =====================================================
   Empty State
===================================================== */


.vtx-product-archive-empty {

    margin-top:24px;

}


.vtx-product-archive-empty p {

    margin:0;

}



/* =====================================================
   Tablet
===================================================== */


@media(max-width:999px){


    .vtx-product-archive-toolbar {

        margin-top:20px;

    }


    .vtx-product-archive__grid {

        grid-template-columns:
            repeat(2,minmax(0,1fr));

        column-gap:40px;

        row-gap:56px;

        margin-top:28px;

    }


    .vtx-product-archive-pagination {

        margin-top:48px;

    }


}



/* =====================================================
   Mobile
===================================================== */


@media(max-width:767px){


    .vtx-product-archive-toolbar {

        margin-top:16px;

        padding-bottom:12px;

    }


    .vtx-product-archive__grid {

        grid-template-columns:1fr;

        column-gap:0;
        
        row-gap:48px;

        margin-top:24px;

    }


    .vtx-product-archive-pagination {

        margin-top:40px;

    }


}

/* =====================================================
   Product Archive SEO Section
===================================================== */


.vtx-product-archive-seo {

    margin-top:80px;

}


/* -----------------------------------------------------
   SEO Content
----------------------------------------------------- */


.vtx-product-archive-seo__content {

    margin-top:24px;

    max-width:900px;

    line-height:1.7;

    overflow-wrap:break-word;

}



/* -----------------------------------------------------
   SEO Content Headings
----------------------------------------------------- */


.vtx-product-archive-seo__content h3 {

    margin-top:40px;

    margin-bottom:16px;

    font-size:22px;

    line-height:1.3;

}


.vtx-product-archive-seo__content h4 {

    margin-top:32px;

    margin-bottom:14px;

    font-size:18px;

    line-height:1.4;

}


.vtx-product-archive-seo__content h5 {

    margin-top:28px;

    margin-bottom:12px;

    font-size:16px;

    line-height:1.4;

}


.vtx-product-archive-seo__content h6 {

    margin-top:24px;

    margin-bottom:12px;

    font-size:14px;

    line-height:1.4;

    font-weight:600;

}



/* -----------------------------------------------------
   SEO Content Paragraphs
----------------------------------------------------- */


.vtx-product-archive-seo__content p {

    margin-top:0;

    margin-bottom:20px;

}


.vtx-product-archive-seo__content p:last-child {

    margin-bottom:0;

}



/* -----------------------------------------------------
   SEO Content Lists
----------------------------------------------------- */


.vtx-product-archive-seo__content ul,
.vtx-product-archive-seo__content ol {

    margin-top:16px;

    margin-bottom:24px;

    padding-left:24px;

}


.vtx-product-archive-seo__content li {

    line-height:1.7;

}


.vtx-product-archive-seo__content li + li {

    margin-top:8px;

}



/* -----------------------------------------------------
   SEO Content Tables
----------------------------------------------------- */


.vtx-product-archive-seo__content table {

    width:100%;

    border-collapse:collapse;

    margin:24px 0;

    font-size:14px;

}


.vtx-product-archive-seo__content th,
.vtx-product-archive-seo__content tr:first-child td {

    font-weight:600;

    text-align:left;

    letter-spacing:.02em;

    background:var(--vtx-color-muted-section);

}


.vtx-product-archive-seo__content td,
.vtx-product-archive-seo__content th {

    padding:12px 16px;

}



/* =====================================================
   Tablet
===================================================== */


@media(max-width:999px){


    .vtx-product-archive-seo {

        margin-top:72px;

    }


    .vtx-product-archive-seo__content h3 {

        font-size:21px;

    }


}



/* =====================================================
   Mobile
===================================================== */


@media(max-width:767px){


    .vtx-product-archive-seo {

        margin-top:56px;

    }


    .vtx-product-archive-seo__content {

        margin-top:20px;

    }


    .vtx-product-archive-seo__content h3 {

        margin-top:32px;

        font-size:20px;

    }


    .vtx-product-archive-seo__content h4 {

        margin-top:28px;

        font-size:18px;

    }


    .vtx-product-archive-seo__content h5 {

        margin-top:24px;

        font-size:16px;

    }


    .vtx-product-archive-seo__content h6 {

        margin-top:20px;

        font-size:14px;

    }

    .vtx-product-archive-seo__content {

        overflow-x:auto;

    }


    .vtx-product-archive-seo__content table {

        min-width:700px;

    }


}