/*********************************************
 * Coin slider
**********************************************/
.vii-coin-slider {
    --content-inner-max-w:1060px;
    --content-item-img-max-w:465px;
    --content-item-description-max-w:410px;
    --content-cls-h:var(--content-item-img-max-w);
    --thumb-item-px:20px;
    --thumb-item-w:calc(100% / 9);
    --thumb-img-w:70px;
    --thumb-cls-h:calc(var(--thumb-img-w) + 90px);
}
.vii-coin-slider__contents {min-height:var(--content-cls-h);}
.vii-coin-slider__content-item-inner {
    max-width:var(--content-inner-max-w);
    gap:var(--vii-gap-container);
}
.vii-coin-slider__content-item-image {
    width:calc(50% - (var(--vii-gap-container) / 2));
    max-width:var(--content-item-img-max-w);
}
.vii-coin-slider__content-item-image img {transition:var(--vii-transition);}
.vii-coin-slider__content-item-image img.image-hover {
    opacity:0;
    visibility:hidden;
}
.vii-coin-slider__content-item-description {
    width:calc(50% - (var(--vii-gap-container) / 2));
    max-width:var(--content-item-description-max-w);
}

/* slider thumb list */
.vii-coin-slider__thumb-list {
    padding-top:24px;
    border-top:1px solid var(--vii-color-light-gold);
}
.vii-coin-slider__thumb-list-inner {min-height:var(--thumb-cls-h);}
.vii-coin-slider__thumb-item {
    width:var(--thumb-item-w);
    padding-left:calc(var(--thumb-item-px) / 2);
    padding-right:calc(var(--thumb-item-px) / 2);
}
.vii-coin-slider__content-item-button {margin-top:24px;}
.vii-coin-slider__thumb-item-image {max-width:var(--thumb-img-w);}
.vii-coin-slider__thumb-item-title {letter-spacing:.0535em;}
.is-nav-active .vii-coin-slider__thumb-item-title {color:var(--vii-color-dark-gold);}

/* hover */
.vii-coin-slider__content-item-image.has-hover-image:is(:hover, :focus) img:not(.image-hover) {
    opacity:0;
    visibility:hidden;
}
.vii-coin-slider__content-item-image.has-hover-image:is(:hover, :focus) img.image-hover {
    opacity:1;
    visibility:visible;
}


/*********************************************
 * Coin slider responsive
**********************************************/
@media only screen and (min-width:1700px) {
    .vii-coin-slider {
        --content-inner-max-w:calc((1060 / 1280) * var(--vii-container));
        --content-item-img-max-w:calc((465 / 1060) * var(--content-inner-max-w));
        --content-item-description-max-w:calc((410 / 1060) * var(--content-inner-max-w));
        --thumb-img-w:90px;
        --thumb-cls-h:calc(var(--thumb-img-w) + 62px);
    }
}
@media only screen and (min-width:1180px) {
    .is-draggable .flickity-viewport:has( ~ .flickity-button.previous:not(:disabled)) {
        border-left:1px solid var(--vii-color-light-gold);
    }
    .is-draggable .flickity-viewport:has( ~ .flickity-button.next:not(:disabled)) {
        border-right:1px solid var(--vii-color-light-gold);
    }
}
@media only screen and (max-width:1179px) {
    .vii-coin-slider {
        --thumb-item-w:calc(150px + var(--thumb-item-px));
        --thumb-cls-h:calc(var(--thumb-img-w) + 70px);
    }
}
@media only screen and (max-width:1024px) {
    .vii-coin-slider__thumb-list {
        padding-top:var(--vii-gap-container);
        margin-top:var(--vii-gap-container);
    }
    .vii-coin-slider__content-item-description {
        --vii-spacing-heading:20px;
    }
    .vii-coin-slider__content-item-button {margin-top:var(--vii-gap-container);}
}
@media only screen and (max-width:768px) {
    .vii-coin-slider {
        --thumb-item-w:calc(140px + var(--thumb-item-px));
        --content-inner-max-w:var(--vii-container);
        --content-item-img-max-w:300px;
        --content-item-description-max-w:unset;
        --content-cls-h:calc(var(--content-item-img-max-w) + var(--vii-gap-container) + 39px + 20px + 20px + 57px + 135px);
    }
    .vii-coin-slider__content-item-image {width:100%;margin-left:auto;margin-right:auto;}
    .vii-coin-slider__content-item-description {width:100%;}
}
@media only screen and (max-width:480px) {
    .vii-coin-slider {
        --thumb-item-w:53vw;
    }
}