.zt-media-frame {
    position: relative;
    width: 100%;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    background: linear-gradient(155deg, #e2e9f1, #eef3f8 55%, #e8edf4)
}

.zt-media-frame__img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center
}

.zt-media-frame--thumb {
    aspect-ratio: 4 / 3
}

.product-card>.zt-media-frame {
    border-radius: .75rem .75rem 0 0
}

.zt-section-head {
    display: flex;
    align-items: center;
    gap: .75rem
}

.zt-section-head--sm .zt-section-head__bar {
    width: .1875rem;
    height: 1.15rem;
    border-radius: 624.9375rem
}

.zt-section-head__bar {
    flex-shrink: 0;
    width: .25rem;
    height: 1.5rem;
    border-radius: 624.9375rem;
    background: linear-gradient(180deg, #245891, #3d6fa3 55%, #245891);
    box-shadow: 0 1px .125rem #24589126
}

.zt-section-head__title {
    font-size: 1.5rem;
    font-family: MiSans-Bold, sans-serif;
    color: #231815;
    letter-spacing: .02em
}

.zt-ground-card {
    border-left: .1875rem solid rgba(36, 88, 145, .2)
}

.product-nav-item {
    position: relative;
    overflow: hidden
}

.product-nav-item:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: .1875rem;
    height: 100%;
    background-color: #245891;
    transform: scaleY(0);
    transition: transform .3s ease
}

.product-nav-item:hover:before {
    transform: scaleY(1)
}

.product-card {
    position: relative
}

.product-card:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: .125rem;
    background: linear-gradient(90deg, transparent, #245891, transparent);
    opacity: 0;
    transition: opacity .35s ease
}

.product-card:hover:after {
    opacity: .35
}

.scrollbar-hide::-webkit-scrollbar {
    display: none
}

.scrollbar-hide {
    -ms-overflow-style: none;
    scrollbar-width: none
}