@import url("/assets/cashnetshopping/web/css/app.css");

@media (max-width: 1000px) {
    .container-navbar-desktop {
        display: none;
    }

    .text-md-center {
        text-align: center !important;
    }
    .img-lg {
        object-fit: cover;
        width: 100%;
        max-height: 200px;
    }

    .w-30,
    .w-20 {
        width: 100% !important;
    }
}

@media (max-width: 771px) {
    .right-bar {
        display: none !important;
    }

    .buy-points-card {
        flex-direction: column;
        text-align: center;
        gap: 20px;
        padding: 24px !important;
    }

    .buy-points-card .points-icon {
        margin-bottom: 10px;
    }

    .buy-points-card .points-icon i {
        font-size: 30px;
    }

    .buy-points-card h2 {
        font-size: 1.3rem !important;
    }

    .buy-points-card p {
        font-size: 0.95rem;
    }

    .buy-points-card a {
        width: 100%;
        text-align: center;
        padding: 10px 0 !important;
        border-radius: 10px;
    }
}

@media (max-width: 700px) {
    #back-btn {
        width: 25px;
        height: 25px;
    }

    .parent img,
    .children img {
        width: 50px;
        height: 50px;
        border: 2px solid var(--color-primary);
    }

    .parent p {
        font-size: 12px;
    }

    .network::after {
        top: 96px;
    }

    .network-children::after {
        top: 167px !important;
    }

    .child {
        max-width: 50px;
        min-width: 50px;
    }

    .children p {
        font-size: 12px;
        height: 30px;
    }

    .child-btn {
        font-size: 10px;
    }
}

@media (max-width: 575px) {
    .swiper .swiper-button-next,
    .swiper .swiper-button-prev {
        width: 40px;
        height: 40px;
    }

    .swiper .swiper-button-prev::after,
    .swiper .swiper-rtl .swiper-button-next::after,
    .swiper .swiper-button-next::after,
    .swiper .swiper-rtl .swiper-button-prev::after {
        font-size: 15px;
    }

    #product .container-image {
        min-height: 200px;
        padding: 15px;
    }

    #product .container-image img {
        max-height: 100%;
    }

    #product .flex-reverse {
        flex-direction: column-reverse;
    }
}

@media (max-width: 500px) {
    .parent img {
        width: 30px;
        height: 30px;
    }

    .parent p {
        font-size: 10px;
    }

    .network-container {
        padding: 0;
    }

    .network::after {
        top: 73px;
    }

    .network-children::after {
        top: 130px !important;
    }

    .children p {
        font-size: 10px;
    }

    .child {
        max-width: 30px;
        min-width: 30px;
    }

    .children img {
        width: 30px;
        height: 30px;
    }

    .child-btn {
        font-size: 10px;
        padding: 5px;
    }

    .child-btn::before {
        bottom: 15px;
    }
}

@media (max-width: 350px) {
    .btn-add-cart {
        font-size: 14px;
    }
}