@font-face {
    font-family: Iranyekan-bold;
    src: url('../fonts/IranYekan/iranyekanwebbold.eot');
    src: url('../fonts/IranYekan/iranyekanwebbold.woff') format("woff"),
    url('../fonts/IranYekan/iranyekanwebbold.woff2') format("woff"),
    url('../fonts/IranYekan/iranyekanwebbold.ttf') format("truetype");
}

@font-face {
    font-family: Iranyekan;
    src: url('../fonts/IranYekan/iranyekanwebregular.eot');
    src: url('../fonts/IranYekan/iranyekanwebregular.woff') format("woff"),
    url('../fonts/IranYekan/iranyekanwebregular.woff2') format("woff"),
    url('../fonts/IranYekan/iranyekanwebregular.ttf') format("truetype");
}

@font-face {
    font-family: IRANSansWeb;
    src: url('../fonts/IRANSansWeb.eot');
    src: url('../fonts/IRANSansWeb.woff') format("woff"),
    url('../fonts/IRANSansWeb.woff2') format("woff"),
    url('../fonts/IRANSansWeb.ttf') format("truetype");
}


@font-face {
    font-family: naskh;
    src: url('../fonts/naskh.eot');
    src: url('../fonts/naskh.woff') format("woff"),
    url('../fonts/naskh.woff2') format("woff"),
    url('../fonts/naskh.ttf') format("truetype");
}


@font-face {
    font-family: Samim-FD;
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/Samim-FD.eot');
    src: url('../fonts/Samim-FD.eot') format("embedded-opentype"),
    url('../fonts/Samim-FD.woff2') format("woff2"),
    url('../fonts/Samim-FD.woff') format("woff"),
    url('../fonts/Samim-FD.ttf') format("truetype");
}



:root {
    --title-color: #444444;
    --text-color: #171717;
    --primary-color: #D42D4E;
    --secondary-color: #00526D;
    --additional-color: #E6EBEF;
    --text-size: 14px;
    --title-font: 20px;
    --mobile-text: 13px;
}

html {
    scroll-behavior: smooth;
    overflow-x: hidden;
    max-width: 100%;
}

html.overlay {
    overflow: hidden;
    -ms-touch-action: none;
    touch-action: none;
}

body {
    margin: auto;
    overflow: hidden;
    width: 100%;
    padding: 0;
    direction: rtl;
    font-family: 'IRANSansWeb';
    overflow-x: hidden;
    max-width: 100%;
}
*{
    text-align: right;
}

p{
    text-align: justify;
    line-height: 26px;
}

body p{
    font-size: var(--text-size);
}

.farsi-digit {
    font-family: Samim-FD;
}

body::-webkit-scrollbar {
    width: 8px;
    height: 5px;
}

body::-webkit-scrollbar-thumb {
    background: var(--text-color);
    /* / border-radius: 10px; / */
}
body::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #a09ea4;
    /* / border-radius: 10px; / */
}
* {
    /*scrollbar-width: thin;*/
    /*scrollbar-color: #a7a7a7 #e8e8e8;*/
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    /* / z-index: 0; / */
}


button:focus {
    outline: unset !important;
}

button:focus-visible {
    outline: unset !important;
}

.form-control:focus {
    border-color: #c47747;
    outline: 0;
    box-shadow: unset;
}

.container-fluid{
    max-width: 2000px;
}


.overlay-section {
    display: none;
    background-color: rgb(36 36 36 / 50%);
    z-index: 1000;
    position: fixed;
    outline: none;
    width: 100%;
    height: 100%;
}

.overlay-section.show {
    display: flex;
}



.alert-overlay{
    display: none;
    background-color: rgb(36 36 36 / 50%);
    z-index: 1000;
    position: fixed;
    outline: none;
    width: 100%;
    height: 100%;
}

.alert-overlay.show{
    display: flex !important;
}





@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1320px;
    }
}


/*title*/

.title-row{
    margin-bottom: 24px;
}

.title-row h6{
    font-size: 18px;
    font-weight: 600;
    /*font-family: 'Iranyekan-bold';*/
}


/*title*/




/*header*/

.header{
    z-index: 50;
    background: #fff;
    position: relative;
    padding-bottom: 10px;
    /*display: flex;*/
    position: fixed;
    width: 100%;
}


.header.scroll .navbars{
    z-index: 300;
    position: fixed;
    width: 100%;
    background-color: #ffffff;
    top: 0;
    padding-bottom: 10px;
}

.sec-nav{
    padding-block: 5px;
    box-shadow: 0 1px 0 rgba(0, 0, 0, .14), 0 2px 0 rgba(0, 0, 0, .05);
}

.offer-nav{
    background-color: var(--primary-color);
    text-align: center;
    padding: 4px 0;
}

.offer-nav span{
    color: #fff;
    font-size: 15px;
}

.first-nav{
    border-bottom: 1px solid #EBEBEB;
    padding-block: 4px;
}

.navbar-toggler-icon {
    display: none;
}


.navbar-brand{
    width: 125px;
    height: 56px;
    padding: 0;
}

.navbar-brand img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.navbar-brand img:first-child{
    display: block;
}

.navbar-brand img:last-child{
    display: none;
}

.first-nav .container{
    justify-content: flex-start;
    gap: 100px;
}

.whole-search{
    width: 900px;
    position: relative;
}


.search-fake{
    padding: 11px 40px;
    border: unset;
    border-radius: 4px;
    width: 100%;
    background: #ebebeb;
    position: relative;
    height: 46px;
    display: flex;
    align-items: center;
}

.search-fake span{
    font-size: 12px;
    color: #707070;
}

.search-fake strong{
    color: var(--secondary-color);
    font-weight: 600;
    font-size: 13px;
}

.close-search{
    display: none;
    align-items: center;
    justify-content: flex-start;
    font-size: 13px;
    color: rgb(42, 42, 42);
    text-decoration: unset;
}

.search-icon{
    position: absolute;
    right: 15px;
    width: fit-content;
    height: fit-content;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 13px;
    border: unset;
}

.search-modal{
    position: absolute;
    top: 0;
    width: 100%;
    height: 400px;
    background-color: #fff;
    z-index: 3;
    border-radius: 4px;
    padding: 10px;
    right: 0;
    display: none;
    flex-direction: column;
    box-shadow: 0 0 14px 0px #08080852;
}

.search-modal.show{
    display: flex !important;
}


.search-extra{
    padding-top: 40px;
    display: flex;
    flex-direction: column;
}

.each-extra-part{
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding-block: 20px;
    border-bottom: 1px solid #e3e3e3
}

.each-extra-part:last-child{
    border-bottom: unset;
}

.extra-title{
    display: flex;
    align-items: center;
    gap: 10px;
}

.extra-title span{
    font-size: 13px;
    font-weight: 600;
}

.extra-search-options{
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.each-search-option{
    display: flex;
    align-self: center;
    gap: 3px;
    padding: 7px 13px;
    border: 1px solid #c4c4c4;
    border-radius: 25px;
    width: fit-content;
    white-space: nowrap;
    text-decoration: unset;
    margin-bottom: 10px;
}

.each-search-option span{
    font-size: 13px;
    color: #444;

}

.search-overlay{
    background-color: rgba(86, 86, 86, 0.73);
    bottom: 0;
    display: none;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 2;
}

.search-overlay.show{
    display: flex !important;
}




.header-search{
    position: relative;
    width: 100%;
}

.header-search button{
    position: absolute;
    right: 14px;
    width: fit-content;
    height: fit-content;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 16px;
    border: unset;
}

.header-search input {
    padding: 11px 40px;
    border: unset;
    border-radius: 4px;
    width: 100%;
    background: #ebebeb;
}

.header-search input::placeholder{
    color: #767676;
    font-size: 12px;
}

.category-nav{
    background-color: var(--primary-color);
    display: flex;
    align-items: center;
    padding: 6px 6px;
    border-radius: 5px;
    position: relative;
}

.nav-item a{
    font-size: 13px;
    color: var(--text-color) !important;
}

.category-nav a{
    color: #fff !important;
}

.navbar-nav{
    align-items: center;
}

.navbar-nav .nav-link{
    padding: 6px 17px !important;
}

.navbar-nav .category-nav .nav-link{
    padding: 6px 10px !important;
}

.navbar-nav .category-nav {
    margin-left: 10px;
}

.left-nav{
    display: flex;
    align-items: center;
    gap: 20px;
}

.login-rej-btn{
    border: 1px solid #e0e0e2;
    border-radius: 7px;
    padding: 10px 10px;
    font-size: 13px;
    text-decoration: unset;
    color: #0c0c0c;
    display: flex;
    gap: 10px;
}
.login-rej-btn:hover{
    color: #0c0c0c;
}
.login-rej-btn span{
    font-size: 13px;
    font-weight: 500;
}
.cart{
    position: relative;
}

.cart-count{
    position: absolute;
    width: 9px;
    height: 10px;
    background-color: var(--primary-color);
    color: #fff;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    top: 5px;
    right: -3px;
}
.select2-results__options li{
    font-size: 12px;
    font-weight: 100;
}
.select2-selection__rendered{
    font-size: 13px;

}
.select2-selection--single{
    border: 1px solid #d5d5d5 !important;
    height: 36px !important;
    padding-top: 3px;
}
/*header*/
.saved-add-input label p{
    padding: 0;
    margin: 0;
    color: #62666d;
    font-weight: 400;
    line-height: 18px;
    padding-bottom: 0.6rem;
}
.profile-modal-btn{
    background: var(--primary-color);
    color: #fff;
    padding: 7px 19px;
    border-radius: 6px;
    border: unset;
    margin-top: 10px;
    font-size: 13px;
    width: 90%;
    text-align: center;
    padding: 0.6rem;
    margin: 0 0.8rem;
    margin-bottom: 0.6rem;
}
.form__address{
    padding: 1rem;
    border-bottom: 1px solid #d1d1d1;
    margin-bottom: 1rem;
    width: 100%;
    margin-right: 0rem;
}

.modal-insert-address input:focus {
    outline: none !important;
    border:1px solid #01b1d4;
    /*box-shadow: 0 0 10px #719ECE;*/
}
.modal-insert-address textarea:focus {
    outline: none !important;
    border:1px solid #01b1d4;
    /*box-shadow: 0 0 10px #719ECE;*/
}
.modal-input-item input, .modal-input-item textarea, .modal-input-item select {
    border: 1px solid #bbbaba;
    border-radius: 5px;
    padding: 6px 15px;
}
.form__address label {
    font-size: 12px;
    font-weight: 100;
}
.form__address .modal-input-item {
    position: relative;
}
.form__address label.error {
    position: absolute;
    bottom: -2px;
    color: var(--primary-color);
}
.form__address textarea.error {
    border: 1px solid var(--primary-color);
}
.form__address input.error {
    border: 1px solid var(--primary-color);
}

/*megamenu*/

.dayjanebi-megamenu{
    display: none;
    justify-content: center;
    margin-right: 0;
    position: absolute !important;
    top: 44px !important;
    z-index: 15;
    background-color: #f7f9fa !important;
    /* max-height: 485px; */
    max-height: unset;
    color: #444;
    box-shadow: 0 9px 10px 0 rgb(84 84 84 / 4%);
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, .24) 0 3px 8px;
    right: 0;
    overflow: hidden;
}

.dayjanebi-megamenu.show{
    display: flex;
}

.my-nav-pills {
    /* background: #f5f5f5; */
    border-radius: 0 0 5px 0;
    width: 260px;
    flex-direction: column;
    text-align: right;
    margin-top: 1.4rem;
    padding-right: 1rem;
    margin-bottom: 1.3rem;
}



.category-list a {
    margin: 5px 6px;
    padding: 6px 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 5px;
    color: #00162a;
    border: 1px solid #d9d9d9;
    border-radius: 5px;
}

.menu-list.active a{
    background: var(--secondary-color);
}

.category-list a span {
    color: #00162a;
    font-size: 13px;
    font-weight: 600;
}

.icon__box {
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.icon__box svg {
    width: 30px;
    object-fit: contain;
}

.menu-list a{
    text-decoration: unset;
}

.menu-list.active a svg path{
    fill: #fff;
}


.icon__box svg path{
    fill: var(--secondary-color);
}

.menu-list.active a .icon__box svg path{
    fill: #fff;
}

.menu-list.active a .each-list-menu span{
    color: #fff;
}

.tab-pane {
    display: none;
    flex-direction: column;
    width: max-content;
    align-items: flex-start;
    gap: 5px;
}

.tab-pane.active {
    display: flex;
}

.head-tab-pane {
    padding-block: 10px 20px;
}

.tab-pane .head-tab-pane a {
    color: #2ca4cf !important;
    font-size: 16px;
    font-weight: 600;
    text-decoration: unset;
    display: flex;
    align-items: center;
    gap: 15px;
}

.body-tab-auto {
    /* max-height: 260px; */
    overflow-y: auto;
    overflow-X: hidden;
    /* max-height: 321px; */
    width: 730px;
}

.body-tab-pane {
    /* max-height: 740px; */
    display: flex;
    flex-wrap: wrap;
}

.each-tab-col {
    min-width: 220px;
    display: flex;
    flex-direction: column;
}

.each-tab-list li {
    padding: 8px 8px;
    list-style: none;
}

ul.each-tab-list li a {
    margin-right: 0;
    color: #656565 !important;
    font-weight: 600;
    font-size: 12px;
    text-decoration: unset;
}

ul.each-tab-list li a:hover {
    color: var(--secondary-color) !important;
    font-weight: 600;
}

.each-tab-list{
    padding-left: 0;
}

.my-tab-content {
    padding: 14px;
    background-color: #fff;
    border-radius: 10px;
    margin: 1.4rem;
}

.each-list-menu{
    display: flex;
    align-items: center;
}




/*megamenu*/













/*menu fix*/

.mobile-navbar-icons .row{
    width: 100%;
}

.mobile-navbar-icons {
    display: none;
    position: fixed;
    bottom: 0;
    justify-content: center;
    z-index: 30;
    padding: unset;
}

.menu-bottom-mobile {
    background: #ffffff;
    padding: 7px 12px;
    width: 100%;
    box-shadow: 0px -1px 8px #dbdbdb;
    display: flex;
    align-items: center;
    justify-content: space-around;
    border-radius: 17px 17px 0 0;
}

.each-item-bottom {
    width: fit-content;
    width: fit-content;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3px;
    text-decoration: unset;
}

.header-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    position: relative;
    width: 30px;
    height: 30px;
}

.header-icon svg {
    width: 100%;
    height: 100%;
    object-fit: contain;
    opacity: 0.8;
}

.each-item-bottom span {
    font-size: 12px;
    color: var(--text-color);
    font-weight: 600;
    z-index: 1;
}


/*menu fix*/


/*cart menu*/

.cart{
    /*position: relative;*/
}


.header-shop-basket-box {
    /* box-shadow: 0 1px 20px rgba(0, 0, 0, .35); */
    /* overflow: hidden; */
    position: fixed;
    top: 133px;
    /*margin-left: 300px;*/
    margin-right: -203px;
    background-color: #fff;
    z-index: 21;
    padding: 20px 0;
    border-radius: 6px;
    display: none;
    flex-direction: column;
    align-items: flex-start;
    /* border: 2px dashed #414040; */
    /* outline: 1px solid #414040; */
    outline-offset: 9px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .14), 0 4px 8px rgba(0, 0, 0, .3);
    /* box-shadow: 0px 0px 0px 9px #ffff; */
    /* left: 0px; */
}


.header.scroll .header-shop-basket-box{
    top: 100px;
}

.header-shop-basket-box.show{
    display: flex !important;
}

.header-shop-basket-has-item {
    width: 430px;
    height: 345px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.header-shop-basket-has-item>div {
    width: 100%;
    text-align: right;
}

.header-shop-basket-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-inline: 15px;
    border-bottom: 1px solid #eee;
    padding-bottom: 0.7rem;
}

.header-shop-count {
    font-size: 12px;
    color: #005E60;
}
.header-cart--count {
    padding-left: 3px;
    color: #005E60;
}

.header-shop-basket-view-cart {
    font-weight: bold;
    color: var(--primary-color) !important;
    text-decoration: underline !important;
    /* border-bottom: 1px solid #003E65; */
    padding-bottom: 5px;
    font-size: 12px;
    position: relative;
    padding-left: 10px;
}

.header-shop-basket-items {
    overflow: auto;
    height: 250px;
    /* max-height: 250px; */
    scrollbar-width: thin;
    scrollbar-color: #d7d7d7 #ebe7e7;
    padding-inline: 15px;
    /* direction: ltr; */
    margin-top: 6px;
}

.header-shop-basket-has-item>div {
    width: 100%;
    text-align: right;
}

.cart--headerfooter {
    border-top: 1px solid #eee;
}

.header-shop-sum-box {
    position: absolute;
    right: 0;
    bottom: 20px;
    display: flex;
    flex-direction: column;
    width: 100% !important;
    height: 60px;
    padding-top: 9px;
}

.header-shop-sum-box .row {
    margin-inline: 0;
}

.header-shop-sum-text {
    font-size: 11px;
    font-weight: 400;
    color: #727272;
    /* font-weight: bold; */
}

.header-shop-sum-value {
    /* position: absolute; */
    bottom: 8px;
    font-size: 13px;
    width: max-content;
    /* display: flex
; */
    flex-direction: column;
    right: 90px;
    margin-top: 7px;
}

.header-shop-sum-value .totalPriceCartHeader {
    font-size: 22px;
    /* color: #2B97A4; */
}

.font-weight-bold {
    font-weight: 700 !important;
}

.header-shop-buttons {
    /* display: flex
; */
    justify-content: space-between;
    align-items: center;
    padding-block: 5px;
    margin-block: 10px;
}

.header-shop-buttons {
    width: 100%;
    margin: auto;
    /* position: absolute; */
    bottom: 15px;
    left: 20px;
    /* display: flex
; */
    justify-content: flex-end;
    align-self: flex-end;
}

.header-shop-buttons a {
    padding: 10px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    width: 110px;
    height: 45px;
    float: left;
}


.header-shop-reg-order {
    color: #fff !important;
    background-color: var(--primary-color);
    text-decoration: unset;
    font-size: 13px;
}

.header-shop-item-counter {
    display: flex;
    align-items: center;
    border: 0.5px solid #e2e2e2;
    border-radius: 5px;
    height: 45px;
    justify-content: space-between;
    padding: 10px;
    width: 89%;
}

.variety__item_cart{
    font-size: 12px;
    color: #62666d;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 8px;
}
.variety__item_cart svg path{
    stroke: #a1a3a8;
    stroke-width: 1.9px;
}
.header-shop-item-price span{
    font-size: 19px;
}
.variety__item_cart svg{
    width:18px;
}
.header-shop-item-off {
    font-size: 10px !important;
    display: flex
;
    align-items: center;
    gap: 2px;
}

.header-shop-item-off-number {
    font-size: 12px;
    color: var(--primary-color) !important;
    font-weight: 600;
}

.header-shop-item-off .priceUnit, .header-shop-item-off-text {
    color: var(--primary-color) !important;
    font-size: 10px !important;
}

.header-shop-item-off .priceUnit, .header-shop-item-off-text {
    color: var(--primary-color) !important;
    font-size: 10px !important;
}

.header-shop-item-counter > span {
    cursor: pointer;
    display: flex;
    color: var(--primary-color);
}

.header-shop-item-price {
    /* position: absolute; */
    bottom: 10px;
    font-size: 1rem;
    display: flex;
    align-items: center;
    gap: 2px;
    font-weight: 700;
}



.header-shop-basket-item img {
    width: 114px;
    height: 114px;
    margin-left: 5px;
}

.header-shop-item-title {
    color: #23254e !important;
    /* display: -webkit-box; */
    /* -webkit-line-clamp: 2; */
    /*-webkit-box-orient: vertical;*/
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 230px;
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    text-align: justify;
    text-decoration: unset;
    margin-bottom: 1.7rem;
    display: inline-block;
}

.header-shop-item__color {
    font-size: 12px;
    font-weight: 700;
    display: flex;
    gap: 8px;
    margin-top: 0.5rem;
}

.header-shop-basket-item {
    padding-block: 10px;
    /* display: flex
; */
    align-items: flex-start;
    justify-content: flex-start;
    position: relative;

    direction: rtl;
}

.header-shop-basket-item:not(:last-child) {
    border-bottom: 1px solid #e8e8e8;
}


/*cart menu*/


/*profile menu*/

.header-profile-link{
    position: relative;
}

.header-profile-box {
    left: -34px;
    overflow: hidden;
    position: absolute;
    top: 25px;
    background-color: #fff;
    z-index: 21;
    /* padding: 20px 0; */
    border-radius: 6px;
    /* display: none; */
    flex-direction: column;
    align-items: flex-start;
    /* outline: 1px solid #9c9c9c; */
    /* outline-offset: 9px; */
    box-shadow: 0px 0px 6px 0px #c7c7c7;
    /* padding-inline: 16px; */
    display: none;
    min-width: 256px;
}
.each-profile-item{
    padding-right:1rem ;
}
.all-profile-items{
    width: 100%;
}


.header-profile-box.show{
    display: flex !important;
}

.each-profile-item {
    justify-content: space-between;
    display: flex;
    width: 100%;
    align-items: center;
    padding: 8px 2px;
    border-bottom: 1px solid #e5e5e5;
    cursor: pointer;
    text-decoration: unset;
    color: var(--text-color);
}

.each-profile-item:last-child{
    border-bottom: unset;
}


.profile-item-name {
    display: flex;
    align-items: center;
    gap: 0;
    font-size: 14px;
}

.first-profile-item .profile-item-name span {
    font-weight: 600;
    font-size: 15px;
}
.profile-item-name span{
    color: #3f4064;
    font-weight: 700;
}
.first-profile-item{
    padding: 1rem;
}
.profile-item-name {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 14px;
}

.profile-icon {
    width: 37px;
    height: 37px;
    display: flex;
    align-items: center;
    justify-content: center;
}


.each-profile-item:hover{
    /*color: var(--primary-color);*/
    background-color: #f0f0f1;
}

.each-profile-item:hover svg path{
    /*fill: var(--primary-color);*/
}

/*profile menu*/









/*zeynep*/


.col-cat-items{
    width: 30%;
    padding-inline: 3px;
    height: max-content;
    background-color: #f0f0f1;
    border-left: 1px solid #e0e0e2;
    overflow: auto;
    height: 84vh;
}

.cat-item{
    padding: 11px 6px;
    display: flex;
    align-items: center;
    flex-direction: column;
    border-bottom: 1px solid #e0e0e2;
    /* border-left: 1px solid #e0e0e2; */
    background-color: #f0f0f1;
    gap: 4px;
}

/*.cat-item:last-child{*/
/*    background: #0a58ca;*/
/*}*/

.menu-mobile-row{
    margin: 0;
}

.mobile-item{
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    text-decoration: unset;
    color: #1b1e21;
}

.each-mobile-item {
    padding-block: 10px;
}

.cat-item span{
    font-size: 13px;
}

.col-subcat-items{
    width: 70%;
    padding-inline: 3px;
    overflow: auto;
    height: 84vh;
}

.each-mobile-item div{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-block: 15px;
    text-decoration: unset;
    /*border-bottom: 1px solid #e8e8e8;*/
    /*font-family: 'Iranyekan-bold';*/
}

.all-items{
    text-decoration: unset;
}


.all-items span{
    color: #207285;
    font-size: 13px;
    font-weight: 600;
}

.each-mobile-item{
    border-bottom: 1px solid #e8e8e8;
}

.each-mobile-item div svg{
    width: 20px;
    height: 20px;
}

.each-mobile-item .mobile-item.active svg {
    transform: rotate(180deg);
}

.each-mobile-item div span{
    font-size: 13px;
    color: var(--text-color);
}

.mobile-sumbemu{
    justify-content: flex-start !important;
}

.col-mobile{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}

.mobile-img{
    width: 70px !important;
    height: 70px !important;
    background-color: #f0f0f1;
    border-radius: 50%;
    padding: 3px;
}

.mobile-img img{
    width: 100%;
    height: 100%;
    object-fit: contain;
    margin-left: 0;
}

.col-mobile{
    text-decoration: unset;
    margin-bottom: 30px;
}


.col-mobile span{
    font-size: 11px !important;
    text-decoration: unset;
    color: #0c0c0c;
}



/*zeynep*/




/*addressbar*/

.addressbar {
    position: relative;
    padding-block: 187px 20px;
}

.addressbar .container {
    padding: 3px;
}

.address-box {
    color: #3d3d3d;
    font-weight: 500 !important;
    /*font-family: 'Iranyekan-bold' !important;*/
}

.address-box {
    list-style: none;
}

.address-box * {
    font-weight: 500 !important;
    /*font-family: 'Iranyekan-bold' !important;*/
    font-size: 13px;
}

.address-box li {
    display: inline;
}

.address-box li a {
    color: #3d3d3d;
    text-decoration: unset !important;
}

.address-box li+li:before {
    color: #3d3d3d;
}

.address-box  li+li:before {
    content: url('data:image/svg+xml,<svg width="13" height="11" viewBox="0 0 10 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.292969 7.29219C-0.0976562 7.68281 -0.0976562 8.31719 0.292969 8.70781L6.29297 14.7078C6.68359 15.0984 7.31797 15.0984 7.70859 14.7078C8.09922 14.3172 8.09922 13.6828 7.70859 13.2922L2.41484 7.99844L7.70547 2.70469C8.09609 2.31406 8.09609 1.67969 7.70547 1.28906C7.31484 0.898438 6.68047 0.898438 6.28984 1.28906L0.289844 7.28906L0.292969 7.29219Z" fill="%23DBC9E1"/></svg>');
    padding: 10px;
    font-weight: 900;
    top: 3px;
    position: relative;
}


/*addressbar*/



/*product box*/

.products-section{
    position: relative !important;
}

.products-section .container-fluid{
    position: relative;
}

.products_swiper, .products_swiper .swiper-wrapper{
    position: unset !important;
}

.products_swiper .pro-next, .products_swiper .pro-prev {
    background: #c0c0c0;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    position: unset;
}


.each-product{
    display: flex;
    flex-direction: column;
    background-color: #fff;
    border-radius: 10px;
    padding: 20px 10px;
    gap: 11px;
    text-decoration: unset !important;
    box-shadow: 0 0 7px 0px #dfdfdf;
    position: relative;
}

.product-image{
    width: 100%;
    height: 133px;
    overflow: hidden;
}

.product-image img{
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: .5s;
}


.each-product:hover .product-image img{
    transform: scale(1.1);
    transition: .5s;
}


.product-info{
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.product-category h6{
    font-size: 10px;
    color: var(--secondary-color) !important;
    /*font-family: 'Iranyekan-bold';*/
}

.product-extra{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.product-palet{
    display: flex;
    align-items: center;
    gap: 1px;
    flex-direction: column;
    position: absolute;
    top: 18px;
    left: 8px;
    background: #ffffff;
    padding: 4px 2px;
    border-radius: 9px;

}

.each-color{
    width: 8px;
    height: 8px;
    border-radius: 50%;
    border: 1px solid #CDCDCD;
}

.product-name{
    height: 80px;
}

.loader__element {
    border-radius: 100%;
    border: 2px solid #fff;
    /* margin: calc(2px*2); */
    font-size: 1px;
    margin-right: 2px;
    /* margin-top: -4px; */
    padding-top: 0px;
    background: #717171;
    padding-right: 1px;
    padding: 0px !important;
}
.null-item{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.empty-img{
    width: 150px;
    height: 150px;
}
.empty-img img{
    width: 100%;
    height: 100%;
}

.loader__element:nth-child(1) {
    animation: preloader .6s ease-in-out alternate infinite;
}
.loader__element:nth-child(2) {
    animation: preloader .6s ease-in-out alternate .2s infinite;
}

.loader__element:nth-child(3) {
    animation: preloader .6s ease-in-out alternate .4s infinite;
}
@keyframes preloader {
    100% { transform: scale(2); }
}

.product-name h2{
    font-size: 12px;
    color: var(--secondary-color) !important;
     font-family: 'IRANSansWeb';
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    color: #445157 !important;
}





[class^="purchase-btn"] {
    position: relative;
    display: block;
    overflow: hidden;
    max-width: 250px;
    /* margin: 1rem auto; */
    text-transform: uppercase;
    border: 1px solid currentColor;
    color: #ffffff;
}

.purchase-btn {
    position: relative;
    font-weight: 100;
    background: transparent;
    display: inline-block;
    color: #fff;
    border: 2px solid;
    padding: 10px 35px;
    position: relative;
    border-radius: 10px;
    font-size: 12px;
    text-transform: capitalize;
    display: flex;
    align-items: center;
    justify-content: center;
    border: unset;
    width: 100%;
    padding: 8px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background-color: var(--primary-color);
    border-radius: 6px;
    font-size: 14px;
}

.purchase-btn:before, .purchase-btn:after {
    position: absolute;
    top: 50%;
    content: '';
    width: 20px;
    height: 20px;
    background: var(--secondary-color);
    border-radius: 50%;
}

.purchase-btn:before {
    left: -20px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.purchase-btn:after {
    background: var(--secondary-color);
    right: -20px;
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
}

.purchase-btn{
    color: #fff !important;
    text-decoration: unset;
    /* font-family: 'Iranyekan-bold'; */
    font-size: 13px;
    border: 1px solid var(--primary-color);
    padding: 10px 19px;
    width: 100%;
    border-radius: 7px;
}
.text_sum_cart{
    font-size: 11px;
    color: #6f6f6f;
}

@keyframes criss-cross-left3 {
    0% {
        left: -10px;
    }
    50% {
        left: 35%;
        width: 50px;
        height: 50px;
    }
    70% {
        left: 20%;
    }
    100% {
        background-color: var(--secondary-color);
        left: 110%;
        width: 375px;
        height: 375px;
        color: #ffffff;
    }
}


@keyframes criss-cross-right3 {
    0% {
        right: -20px;
    }
    30% {
        right: 30%;
        width: 20px;
        height: 20px;
    }
    40% {
        right: 20%;
    }
    100% {
        right: 80%;
        width: 125px;
        height: 125px;
    }
}


@media screen and (min-width: 768px) {
    .purchase-btn:hover:before {
        -webkit-animation: criss-cross-left3 0.9s both;
        animation: criss-cross-left3 0.9s both;
        -webkit-animation-direction: alternate;
        animation-direction: alternate;
    }

    .purchase-btn:hover:after {
        -webkit-animation: criss-cross-right3 0.5s both;
        animation: criss-cross-right3 0.5s both;
        -webkit-animation-direction: alternate;
        animation-direction: alternate;
    }
    .purchase-btn:hover span{
        color: #fff;
    }

    .purchase-btn:hover {
        border: 1px solid var(--secondary-color);
    }
}

.purchase-btn span{
    z-index: 2;
    position: relative;
}






























.product-price-box{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.old-price{
    display: flex;
    align-items: center;
    gap: 3px;
}


.old-price span{
    font-size: 14px;
    color: #989898;
    text-decoration: line-through;
    font-family: 'Samim-FD';
}

.sale-box{
    font-size: 13px;
    font-family: 'Iranyekan';
    width: 25px;
    height: 20px;
    border-radius: 5px;
    background-color: var(--primary-color);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff !important;
}

.exact-price{
    font-size: 18px;
    /*font-family: 'Iranyekan-bold';*/
    color: var(--text-color) !important;
}

.col-product{
    margin-bottom: 25px;
}



/*product box*/





/*footer*/

.footer{
    background: #003742;
    padding-block: 50px 0;
}

.footer-head{
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    padding-bottom: 30px;
    border-bottom: 1px solid #fff;
}

.footer-head-item{
    display: flex;
    align-items: center;
    gap: 10px;
}

.col-footer{
    padding-top: 30px;
}

.footer-head-item span{
    color: #fff;
    font-size: 13px;
}

.footer-items span{
    color: #fff;
    font-size: 13px;
    /*font-family: 'Iranyekan-bold';*/
    margin-bottom: 10px;
    display: block;
}


ul.footer-links{
    padding-left: unset;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

ul.footer-links li{
    list-style: none;
    display: flex;
    align-items: baseline;
    gap: 5px;
    color: #e5e5e5;
}

.footer-links a{
    color: #e8e8e8 !important;
    font-size: 12px;
    text-decoration: unset !important;
    margin-bottom: 4px;
}

.col-footer-logo{
    display: flex;
    justify-content: flex-end;
}

.footer-head-item svg{
    width: 35px;
    height: 35px;
}


.footer-logo{
    width: 131px;
    height: 131px;
    display: block;
}

.footer-logo img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}


.footer-links p{
    color: #e8e8e8 !important;
    font-size: 13px;
    margin-bottom: 0;
}

.footer-links strong{
    color: #fff !important;
    font-size: 12px;
    white-space: nowrap;
}


#digital-marketing{
    padding-inline: 0;
}

#digital-marketing *{
    color: #eeeeee;
    font-size: 12px;
}

.read-more .read-content {
    position: relative;
    overflow: hidden;
    max-height: 132px;
    transition: max-height 500ms ease;
}


.read-more.expanded .read-content {
    max-height: 100%;
}

.read-more .read-content::before {
    content: "";
    position: absolute;
    bottom: -30px;
    width: 100%;
    height: 191px;
    /* background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 50%, white 100%); */
    background: linear-gradient(360deg, #003742 0%, rgb(0 55 66 / 0%) 100%);
    transition: opactiy 500ms ease, visibility 500ms ease;
    right: 0;
}


.read-more.expanded .read-content::before, .read-more.expanded .trigger {
    opacity: 0;
    visibility: hidden;
}

#digital-marketing .trigger{
    cursor: pointer;
    border: 1px solid #dbdbdb;
    padding: 7px 14px;
    border-radius: 4px;
    margin-top: 12px;
    display: block;
    font-size: 12px;
    width: fit-content;
}

.all-brands{
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: flex-end;
}

.each-brand{
    width: 80px;
    height: 100px;
    border-radius: 4px;
}

.each-brand img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 4px;
}

.footer-right{
    padding-block: 10px;
    border-top: 1px solid #fdfdfd;
    text-align: center;
}

.footer-right span{
    font-size: 12px;
    width: 100%;
    display: flex;
    color: #3c8393;
    gap: 2px;
    justify-content: center;
    text-align: center;
}

.footer .container-fluid{
    padding-inline: 0;
    margin-top: 20px;
}

.footer-right span a{
    width: fit-content;
    text-align: center;
    color: #7bb8c7;
    font-size: 13px;
    text-align: center;
}


/*footer*/







/*responsive*/
/*responsive*/
/*responsive*/
/*responsive*/

@media screen and (max-width: 1800px){
    .header-shop-basket-box {
        margin-right: -319px;
    }
}

@media screen and (max-width: 1500px){
    .header-shop-basket-box {
        margin-right: -381px;
    }
}


@media screen and (max-width: 1399px){

    .first-nav .container {
        gap: 24px;
    }

    .search-fake {
        width: 100%;
    }

}


@media screen and (max-width: 1199px){

    .whole-search {
        width: 700px;
    }

    .search-fake {
        width: 100%;
    }

    .footer-logo {
        width: 75px;
        height: 75px;
    }

    .body-tab-auto {
        width: 608px;
    }


    .address-box {
        overflow-x: auto;
        display: flex;
        width: 97%;
        margin-inline: 6px;
    }

    .address-box::-webkit-scrollbar{
        display: none;
    }

    .address-box li {
        white-space: nowrap;
        width: fit-content;
    }


}


@media screen and (max-width: 991px){



    .whole-search {
        width: 543px;
    }

    .offer-nav span {
        font-size: 13px;
    }

    .footer {
        padding-block: 50px 68px;
    }

    .footer-head-item svg{
        width: 30px;
        height: 30px;
    }

    .footer-head-item span {
        font-size: 12px;
    }

    .sec-nav{
        display: none;
    }

    .mobile-navbar-icons {
        display: flex;
    }

    .first-nav .container {
        justify-content: space-between;
        gap: 5px;
    }

    .search-fake {
        width: 100%;
    }

    .navbar-brand {
        width: 123px;
        height: 66px;
    }

}


@media screen and (max-width: 767px){



    .close-search{
        display: flex;
    }


    .whole-search {
        width: 365px;
    }

    .row-seo{
        gap: 20px;
    }

    .footer {
        padding-block: 26px 68px;
    }

    .footer-head {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 15px;
    }

    .col-footer-logo {
        align-items: center;
        order: -1;
        justify-content: flex-start;
    }

    .footer-head-item {
        justify-content: center;
        flex-direction: column;
    }


    .search-fake {
        width: 100%;
    }


    .search-modal {
        position: fixed;
        top: 0;
        width: 100vw;
        height: 100vh;
        right: 0;
    }



}


@media screen and (max-width: 575px){

    .navbar-brand img:first-child{
        display: none;
    }

    .navbar-brand img:last-child{
        display: block;
    }

    .each-search-option span {
        font-size: 12px;
    }

    .extra-search-options {
        row-gap: 0;
    }

    .whole-search {
        width: 78%;
    }

    .first-nav {
        padding-block: 8px;
    }

    .search-fake {
        padding: 4px 40px;
        height: 40px;
    }


    .product-name h2 {
        -webkit-line-clamp: 5;
    }

    .product-name {
        height: 88px;
    }

    .footer-logo {
        width: 70px;
        height: 70px;
    }

    .footer-links p {

        font-size: 11px;
    }

    .footer-links strong {
        font-size: 11px;
    }

    #digital-marketing * {
        font-size: 11px;
    }

    .footer-items span {
        font-size: 12px;
    }

    .footer-links a {
        font-size: 12px;
    }

    .footer-head-item span {
        font-size: 11px;
    }

    .product-image {
        width: 100%;
        height: 100px;
    }

    .each-brand {
        width: 68px;
        height: 87px;
    }

    .footer-right span a {
        font-size: 11px;
    }

    .footer-right span {
        font-size: 10px;
    }

    #digital-marketing .trigger {
        font-size: 11px;
    }

    .exact-price {
        font-size: 15px;
    }

    .purchase-btn {
        font-size: 12px;
        font-weight: 100;
    }

    .each-product {
        padding: 12px 9px;
    }

    .product-name h2 {
        font-size: 12px;
        line-height: 18px;
    }

    .footer-right span {
        display: unset;
    }

    body p{
        font-size: var(--mobile-text);
    }


    .search-fake {
        width: 100%;
    }

    .navbar-brand {
        width: 18%;
        height: 44px;
        margin-right: 0;
    }


    .title-row h6 {
        font-size: 16px;
    }


    .header-search button {
        top: 12px;
    }

    .col-product {
        margin-bottom: 16px;
        padding-inline: 9px;
    }

    .address-box * {
        font-size: 11px;
    }

    .search-fake span {
        font-size: 10px;
    }

    .search-fake strong {
        font-size: 10px;
    }

    .search-icon svg{
        width: 15px;
        height: 15px;
    }

}


@media screen and (max-width: 425px){

    .navbar-brand {
        width: 18%;
    }

    .whole-search {
        width: 78%;
    }

    .navbar-brand {
        margin-right: 0;
    }

    .header-search input::placeholder{
        font-size: 10px;
    }
    .each-item-bottom span {
        font-size: 10px;
    }

    .header-icon {
        width: 27px;
        height: 27px;
    }

}

@media screen and (max-width: 375px){

    .whole-search {
        width: 78%;
    }

    .search-fake {
        width: 100%;
    }

    .navbar-brand {
        width: 18%;
        margin-right: 0;
    }


}

@media screen and (max-width: 320px){

    .whole-search {
        width: 78%;
    }

}




/*responsive*/
/*responsive*/
/*responsive*/