/*********************************************
 * Download PDF
**********************************************/

/* pdf element */
.px-download-pdf {padding:var(--px-spacing-48); gap:32px 20px;}
.px-download-pdf__items {gap:20px;}

/* items */
.px-download-pdf-item__cover {aspect-ratio:200/285;}
.px-download-pdf-item__link:hover .px-download-pdf-item__name {color:var(--px-color-permalink-highlight);}
.txt_color_white .px-download-pdf-item__name {color:var(--px-color-white);}

/*********************************************
 * Download PDF Responsive
**********************************************/
@media only screen and (max-width:1180px) {
    .px-download-pdf {--dp-item-width:38%;--dp-item-gap:var(--px-gap-side);}

    .px-download-pdf__content {width:35%;}
    .px-download-pdf__items {width:65%; margin-left:unset;}

    .px-download-pdf__item {width:var(--dp-item-width); padding-right:var(--dp-item-gap);}
    .px-download-pdf__item:first-child {width:calc(var(--dp-item-width) + var(--px-gap-side)); padding-left:var(--px-gap-side);}
}

@media only screen and (min-width:1181px) {
    .px-download-pdf__items {display:flex;}
    .px-download-pdf__content {max-width:318px;}
    .px-download-pdf-item {max-width:200px;}
}

@media only screen and (max-width:768px) {
    .px-download-pdf {
        --dp-item-width:30%;
        margin-left:calc(-1 * var(--px-gap-side) - 0.5px); margin-right:calc(-1 * var(--px-gap-side));
        padding:64px 0; flex-wrap:wrap;
    }


    .px-download-pdf__content {padding:0 var(--px-gap-side);}
    .px-download-pdf__content,
    .px-download-pdf__items {width:100%;}
}
@media only screen and (max-width:480px) {
    .px-download-pdf {--dp-item-width:52%;}
}


/* resource */
.px-product-resources {--grid-gap-x:var(--px-spacing-24);--grid-gap-y:var(--px-spacing-24);}

@media only screen and (max-width:767px) {
    .px-product-resources.flex-grid-template {--grid-col:2;}
}