@media screen and (min-width: 1000px) {
    .header-menu-collection {
        margin-top: 30px;
        display: flex;
        align-items: center;
        gap: 1%
    }

    .header-menu-collection .collection-info {
        position: relative;
        border-radius: 15px;
        width: 380px;
        overflow: hidden;
        cursor: pointer;
        flex-shrink: 0
    }
}

@media screen and (min-width: 1000px)and (max-width: 1380px) {
    .header-menu-collection .collection-info {
        width: 30%
    }
}

@media screen and (min-width: 1000px) {
    .header-menu-collection .collection-info img {
        transition: all .2s
    }
}

@media screen and (min-width: 1000px) {
    .header-menu-collection .collection-info:hover img {
        transform: scale(1.05)
    }
}

@media screen and (min-width: 1000px) {
    .header-menu-collection .collection-info .content-box {
        font-family: "DINs" !important;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        color: var(--niu-white);
        font-weight: 600;
        font-size: var(--niu-h4);
        text-transform: uppercase;
        letter-spacing: 1px;
        width: 100%;
        text-align: center
    }
}

@media screen and (min-width: 1000px) {
    .header-menu-collection .product-list {
        display: flex;
        align-items: center;
        width: 69%;
        gap: 20px
    }

    .header-menu-collection .product-list .swiper {
        width: 100%
    }

    .header-menu-collection .product-list .swiper .swiper-slide {
        width: 180px
    }

    .header-menu-collection .product-list .product-item {
        width: 32%;
        width: 180px;
        display: block;
        gap: 20px
    }

    .header-menu-collection .product-list .product-item .svg-box {
        display: flex;
        justify-content: center
    }

    .header-menu-collection .product-list .product-item .svg-box svg {
        max-height: 10px;
        display: block
    }
}

@media screen and (max-width: 1000px) {
    .header-menu-collection {
        margin-top: 20px;
        display: flex;
        align-items: center;
        flex-direction: column
    }

    .header-menu-collection .collection-info {
        position: relative;
        border-radius: 15px;
        overflow: hidden;
        cursor: pointer
    }

    .header-menu-collection .collection-info img {
        transition: all .2s
    }

    .header-menu-collection .collection-info:hover img {
        transform: scale(1.05)
    }

    .header-menu-collection .collection-info .content-box {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        color: var(--niu-white);
        font-weight: 600;
        font-size: var(--niu-h4);
        text-transform: uppercase;
        letter-spacing: 1px;
      font-family: 'DINs' !important;
      width: 200px;
    text-align: center;
    }

    .header-menu-collection .product-list {
        margin-top: 20px;
        display: flex;
        align-items: flex-start;
        flex-wrap: wrap;
        gap: 20px;
        padding-bottom: 50px
    }

    .header-menu-collection .product-list .product-item {
        width: calc(50% - 10px);
        gap: 20px
    }

    .header-menu-collection .product-list .product-item svg {
        height: 10px;
        width: auto;
        display: block;
        margin: 0 auto
    }
}

/*# sourceMappingURL=header-menu-collection.min.css.map */