/*********************************************
 * Slider With Title
**********************************************/
.px-slider {
    --item-w:33.33%;
    --item-lr-padding:24px;
}
.px-slider-head {gap:10px var(--px-gap-container);}

/* header */
.px-slider-head:not(:has(.px-slider--title)) .px-slider--nav {width:100%; justify-content:flex-end;}
.px-slider--title {--px-spacing-heading:0; max-width:600px;}


/* hide nav if there's no slider */
.px-slider--nav:has(button.flickity-button-freeze) {display:none;}

/* no heading */
.px-slider.no-heading .px-slider__heading {justify-content:flex-end;}

/* empty heading & freeze button => hide heading */
.px-slider.no-heading .px-slider-head:has(.px-slider--nav > button.flickity-button-freeze) {display:none;}

/* slider */
.px-slider-main {

    margin:0 calc(-1 * var(--item-lr-padding) / 2);
}

a.px-slider-item__inner:hover .px-slider-item__title {--px-color-heading:var(--px-color-primary);}
.px-slider__item {width:var(--item-w); padding:0 calc(var(--item-lr-padding) / 2) 1px;}

/*********************************************
 * Slider With Title Responsive
**********************************************/
@media only screen and (max-width:920px) {
    .px-slider {--item-w:50%;}

    /* head */
    .px-slider-head {margin-bottom:32px;}
}
@media only screen and (max-width:767px) {
    .px-slider {--item-w:clamp(310px, 87vw, 360px);}
    .px-slider-main {

        margin:0 calc(-1 * var(--item-lr-padding));
    }
    .px-slider__item {width:var(--item-w); padding:0 0 1px var(--item-lr-padding);}
    .px-slider__item:first-child {padding-left:var(--item-lr-padding);}
    .px-slider__item:last-child {padding-right:var(--item-lr-padding); width:calc(var(--item-w) + var(--item-lr-padding));}

    .px-slider--nav {display:none;}
}
@media only screen and (max-width:480px) {
    .px-slider {--item-lr-padding:16px;}

    .px-slider-head:not(:has(.px-slider--title)) {display:none;}
}


/*********************************************
 * Slider With Title: full-width
**********************************************/
@media only screen and (min-width:768px) {
    .px-slider.is-style-full-width {
        --item-w:clamp(310px, 83vw, 550px);
    }
    .px-slider.is-style-full-width .px-slider-main {margin:0;
    }
    .px-slider.is-style-full-width .px-slider--slider {
        margin-left:calc(-1 * var(--px-gap-side) - 0.5px); margin-right:calc(-1 * var(--px-gap-side));
    }

    /* product item */
    .px-slider.is-style-full-width:has(.px-product-gach-item) {
        --item-w:clamp(310px, 83vw, 440px);
    }

    /* items */
    .px-slider.is-style-full-width .px-slider__item:first-child,
    .px-slider.is-style-full-width .px-slider__item:last-child {
        width:calc(var(--item-w) + var(--px-gap-side) - var(--item-lr-padding) * 0.5);
    }
    .px-slider.is-style-full-width .px-slider__item:first-child {
        padding-left:calc(var(--px-gap-side));

    }
    .px-slider.is-style-full-width .px-slider__item:last-child:not(:first-child) {
        padding-right:calc(var(--px-gap-side));
    }
}