.borderr {
    border-bottom: 2px !important;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-image: linear-gradient(90deg, black, white, white, black) 1 !important;
    border-style: solid !important;
    color: #1d9358;

}

.borderr2 {
    border-bottom: 2px !important;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-image: linear-gradient(90deg, white, white, white, white, white, black) 1 !important;
    border-style: solid !important;
}

@media all and (max-width: 640px) {

    #nav,
    #nav_cat {
        display: none !important;
    }

    #nav_sec,
    #nav_cat_con {
        display: inline !important;
    }

    .groupAddressField {
        border-bottom-right-radius: 0 !important;
        border-bottom-left-radius: 0 !important;
    }

    .groupAddressField2 {
        border-top-right-radius: 0 !important;
        border-top-left-radius: 0 !important;
    }

    .marginForFixedTop {
        margin-top: 9vh !important;
    }
}

@media all and (min-width: 641px) {

    #nav,
    #nav_cat {
        display: inline !important;
    }

    #nav_sec,
    #nav_cat_con,
    #formInMobile,
    #basketInMobile {
        display: none !important;
    }

    .groupAddressField {
        border-bottom-left-radius: 0 !important;
        border-top-left-radius: 0 !important;
    }

    .groupAddressField2 {
        border-bottom-right-radius: 0 !important;
        border-top-right-radius: 0 !important;
    }
}

.border_colored {
    border-image: linear-gradient(45deg, black, bisque) 1 !important;
}

.sub {
    margin-left: auto !important;
}

.max_width_img_prd div div div div {
    max-width: 30vw;
}

.swiper {
    max-width: 100% !important;
    max-height: 100% !important;
}

.bg_shop {
    /*background: rgba(233, 239, 234, 0.47);*/
    /*background: rgba(251, 230, 234, 0.49);*/
    color: black;
}

.bg_sec {
    background: #f3ced4;
    border-color: #f3ced4;
}

.bg_sec2 {
    background: #e88091;
    border-color: #d8304c;
}

.bg_sec:hover {
    background: #f6b4bf !important;
    color: white !important;
}

.bg_sec:after:hover {
    background: #f3ced4;
    border-color: #f3ced4;
}

.bg_light_primary {
    background-color: #79acf8;
}

.bg_light_primary:hover {
    background-color: #3f8bfb;
}

.bg_lighter_primary {
    background-color: #aeceff;
}

.text_muted {
    color: #4c4e6f !important;
}

.middle_td td {
    vertical-align: middle;
    text-align: center;
    max-width: 20px;
    overflow-x: auto;
}

.marginphone {
    margin: auto;
}

.bg_dark {
    background: black;
}

.marx {
    margin-left: 39vw;
    margin-right: 39vw;
}

body {
    color: black;
    font-weight: bold;
    font-display: fallback;
}

@font-face {
    font-family: 'IRANYekan';
    src: url('../Yekan/Yekan.woff2') format('woff2'),
        url('../Yekan/Yekan.woff') format('woff'),
        url('../Yekan/Yekan.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

body {
    font-family: 'IRANYekan', sans-serif;
}

.card {
    background-color: transparent;
}

.hovered:hover {
    transform: scale(1.02, 1.02);
    box-shadow: hsl(from white to black);
    border-radius: 2%;
    z-index: 1000;
}


.description {
    overflow: hidden;
    /* Prevent scrollbars during transition */
    transition: max-height 0.5s ease;
}

.collapsed {
    max-height: 10vh;
    /* Adjust based on visible text */
    display: -webkit-box;
    -webkit-line-clamp: 3;
    /* Number of lines to show */
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    white-space: normal;
    transition: max-height 0.5s ease-in-out;
}

.expanded {
    /* Set a high enough value for expanded text */
    transition: max-height 0.5s ease-in-out;
}

button {
    margin-top: 10px;
}