a.loading, span.loading, button.loading, button.loading:hover, a.loading:hover, span.loading:hover {
    color: transparent !important;
    position: relative;
    pointer-events: none;
     }/*pointer-events: none;*/
    a.loading:after, span.loading:after, button.loading:after, a.loading:hover:after, span.loading:hover:after, button.loading:hover:after {
      content: '';
      position: absolute;
      width: 43px;
      height: 11px;
      top: 50%;
      left: 50%;
      margin-top: -5px;
      margin-left: -23px;
      background-image: url("../assets/img/ajax-loading.gif");
      z-index: 6;
      display: block;
      pointer-events: none; }
    a.loading:before, span.loading:before, button.loading:before, a.loading:hover:before, span.loading:hover:before, button.loading:hover:before {
      content: '';
      position: absolute;
      display: block;
      background-color: transparent;
      left: -5px;
      top: -5px;
      right: -5px;
      bottom: -5px;
      z-index: 5;
      pointer-events: none; }

.pagination ul li a{
    color: #98A0AA;
    text-decoration: none;
}
.content_loader{
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    opacity: 0.6;
    z-index: 20;
    pointer-events: none;
}
.error {
    font-size: 16px;
    padding-left: 4px;
    padding-top: 5px;
    color: red;
}
#cartErrors{
    padding-bottom: 10px;
}
.contact {
    padding: 0px 32px;
}
.registration_wrapper.with_guest_part {
    padding-bottom: 24px;
}

.registration_wrapper {
    max-width: 464px;
    padding: 40px 32px;
    background-color: #FFFFFF;
    border-radius: 16px;
}

.subtitle {
    margin-bottom: 24px;
    font-weight: 600;
    font-size: 20px;
    line-height: 140%;
    color: #343434;
}

.buttons_wrapper {
    margin-top: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px;
}

.buttons_wrapper button {
    border-radius: 8px;
    line-height: 160%;
}

.buttons_wrapper .send_new_with_time {
    height: 46px;
    background: -webkit-gradient(linear, left bottom, left top, from(#EEEEEE), to(#EEEEEE)), #FFFFFF;
    background: linear-gradient(0deg, #EEEEEE, #EEEEEE), #FFFFFF;
    font-weight: 500;
    font-size: 16px;
    border: none;
}

.buttons_wrapper .send_new {
    height: 46px;
    font-weight: 500;
    font-size: 16px;
    color: #316655;
    border: 1px solid #316655;
    background-color: #FFFFFF;
}

.buttons_wrapper .send_new:hover {
    border: none;
    color: #FFFFFF;
    background-color: #316655;
}

.buttons_wrapper .send_new:active {
    color: #FFFFFF;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0.2))), #316655;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), #316655;
    border: 1px solid #316655;
}

.sign_in {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 32px;
}
.continue_with .with_google {
    height: 48px;
    line-height: 140%;
    font-weight: 500;
    font-size: 14px;
    background-color: transparent;
    border: 1px solid #343434;
    border-radius: 8px;
}

.continue_with .with_facebook {
    color: #FFFFFF;
    font-weight: 500;
    font-size: 14px;
    line-height: 140%;
    background-color: #4267B2;
    border: none;
    border-radius: 8px;
    height: 48px;
}

.or {
    font-weight: 400;
    font-size: 16px;
    line-height: 160%;
    text-align: center;
    letter-spacing: -0.01em;
    color: #98A0AA;
}

.registration_inputs .mail_input {
    width: 100%;
    padding: 11px 15px;
    border-radius: 8px;
    border: 1px solid #ABB4BE;
}

.registration_inputs .mail_input::-webkit-input-placeholder {
    color: #98A0AA;
    font-weight: 400;
    font-size: 16px;
    line-height: 160%;
    letter-spacing: -0.01em;
}

.registration_inputs .mail_input::-moz-placeholder {
    color: #98A0AA;
    font-weight: 400;
    font-size: 16px;
    line-height: 160%;
    letter-spacing: -0.01em;
}

.registration_inputs .mail_input:-ms-input-placeholder {
    color: #98A0AA;
    font-weight: 400;
    font-size: 16px;
    line-height: 160%;
    letter-spacing: -0.01em;
}

.registration_inputs .mail_input::-ms-input-placeholder {
    color: #98A0AA;
    font-weight: 400;
    font-size: 16px;
    line-height: 160%;
    letter-spacing: -0.01em;
}

.registration_inputs .mail_input::placeholder {
    color: #98A0AA;
    font-weight: 400;
    font-size: 16px;
    line-height: 160%;
    letter-spacing: -0.01em;
}

.stay_in_system_wrapper {
    margin-top: 32px;
    margin-bottom: 30px;
}

.stay_in_system {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
}
.stay_in_system input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 16px;
    height: 16px;
    border: 1px solid #ABB4BE;
}

.stay_in_system p {
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    color: #98A0AA;
}

.password_input_wrapper {
    position: relative;
}

.password_input_wrapper img {
    position: absolute;
    top: 12px;
    right: 15px;
}

.password_input_wrapper .errors {
    display: none;
}

.password_input_wrapper .errors.isError {
    display: block;
    padding: 0px 15px;
    margin-top: 8px;
}

.password_input_wrapper .errors.isError p {
    font-weight: 400;
    font-size: 12px;
    line-height: 160%;
    letter-spacing: -0.01em;
    color: #343434;
}

.repeat_input_wrapper {
    position: relative;
    margin-bottom: 40px;
}

.repeat_input_wrapper img {
    position: absolute;
    top: 12px;
    right: 15px;
}

.forget_password_text {
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    color: #343434;
}

.have_questions {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 18px;
}

.have_questions > div:first-child p {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #343434;
}

.links a {
    font-weight: 400;
    font-size: 12px;
    line-height: 160%;
    color: #98A0AA;
}

.registration_inputs {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.registration_inputs .mail_input,
.registration_inputs .name_surname,
.registration_inputs .tel_number {
    width: 100%;
    padding: 11px 15px;
    border-radius: 8px;
    border: 1px solid #ABB4BE;
}

.registration_inputs .mail_input::placeholder,
.registration_inputs .name_surname::placeholder,
.registration_inputs .tel_number::placeholder {
    color: #98A0AA;
    font-family: 'Noto Sans Armenian';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 160%;
    letter-spacing: -0.01em;
}

.text_part {
    font-weight: 400;
    font-size: 14px;
    line-height: 160%;
    color: #98A0AA;
}

.text_part > span {
    color: #343434;
}

/* TODO:: WHAT IS THIS? */
/* .send_verification_footer,
.verification_footer,
.signin_footer,
.password_footer,
.password_recovery_footer {
    margin-top: 391px;
} */

.full_footer > div {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 112px;
}

.links {
    display: flex;
    align-items: center;
    justify-content: center;
}

.text {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.text p {
    font-weight: 400;
    font-size: 10px;
    line-height: 160%;
    text-align: right;
    color: #343434;
}

@media (max-width: 998px) {
    .full_footer > div {
        display: block;
    }
    .text {
        margin-top: 16px;
    }
}

@media (max-width: 768px) {
    .send_verification_footer,
    .verification_footer {
        margin-top: 303px;
    }
    .signin_footer {
        margin-top: 120px;
    }
    .password_footer {
        margin-top: 373px;
    }
    .password_recovery_footer {
        margin-top: 342px;
    }
}

@media (max-width: 601px) {
    .links {
        flex-direction: column;
        align-items: start;
        gap: 20px;
    }
    .text {
        margin-top: 32px;
        display: block;
    }
    .text > p {
        text-align: left;
    }
    .full_footer {
        padding-bottom: 16px;
    }
}

@media (max-width: 576px) {
    .send_verification_footer {
        margin-top: 100px;
    }
    .verification_footer,
    .password_footer,
    .password_recovery_footer {
        margin-top: 120px;
    }
    .title > p:first-child {
        font-size: 20px;
    }
    .title > p:last-child {
        padding: 0;
        line-height: 130%;
    }
    .title > p.have_account_sign_in {
        padding: 0;
    }
    .stay_in_system_wrapper {
        margin-top: 24px;
        margin-bottom: 40px;
    }
}

@media (max-width: 528px) {
    .registration_wrapper {
        padding: 40px 16px;
    }
}

@media (max-width: 361px) {
    .text_part {
        max-width: 295px !important;
    }
    .have_questions > div:first-child p span {
        display: block;
    }
}
.icons_vertical a img{
    width: 100%;
    height: 100%;
}

#cartCountHeader{
    position: absolute;
    top: 0;
    right: 0;
    /* background-color: #316655; */
    color: #fff;
    border-radius: 10px;
    background: #D40E2F;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    font-size: 12px;
    font-weight: 600;
}

#favCountHeader{
    position: absolute;
    top: 0;
    right: 0;
    /* background-color: #316655; */
    color: #fff;
    border-radius: 10px;
    background: #D40E2F;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    font-size: 12px;
    font-weight: 600;
}

.newQty::-webkit-inner-spin-button,.newQty::-webkit-outer-spin-button,
.removed-nav::-webkit-inner-spin-button,.removed-nav::-webkit-outer-spin-button  {
    -webkit-appearance: none;
    margin: 0;
}
.newQty{
    -moz-appearance: textfield;
    border: none !important;
    padding: 0 !important;
}
.removed-nav {
    -moz-appearance: textfield;
}
main.registaration_as_guest_gift_container{
    margin: 0 !important;
    padding: 0 !important;
}
.increment:hover,.decrement:hover{
    cursor: pointer;
    border-radius: 4px;
    background-color: #98A0AA;
}
.shopping_data>div>span:first-child {
    font-weight: 400 !important;
    font-size: 16px;
    line-height: 160%;
    color: #343434
}

.shopping_data>div>span:last-child {
    font-family: "Noto Sans Armenian";
    font-style: normal;
    font-weight: 600;
    font-size: 16px !important;
    line-height: 160%;
    color: #343434
}
.shopping_data>div>span.big{
    font-size: 20px !important;
}
.shopping_data>div{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.qtyLabel{
    display: block;
    height: 26px;
    font-family: "Noto Sans Armenian";
    font-weight: 600;
    font-size: 16px;
    line-height: 160%;
    text-align: right;
    color: #343434;
}
/*menu start*/
.categories-menu{
    width: 100%;
    min-height: 564px;
    height: max-content;
    background: #F5F5F7;
    top: 210px;
    position: absolute;
    z-index: 10000;
    display: none;
}

.all-menu{
    width: 100%;
    height: 528px;
    display: flex;
}
.menu-block{
    width: 24%;
    height: 95%;
    margin-left: 150px;
    display: flex;
}
.menu-left{
    width: 350px;
    height: max-content;
    margin-left: 20px;
}
.menu-left ul{
    margin-left: 60px;
    margin-top: 40px;
}
.menu-left ul li{
    margin-top: 25px;
}
.menu-left ul li a{
    margin-left: 10px;
    color: black;
    text-decoration: none;
}
.menu-cube{
    margin-top: 12px;
    width: 90%;
    height: 35px;
    margin-left: 15px;
    display: flex;
}
.menu-cube-img{
    width: 27px;
    height: 23px;
    margin-left: 5px;
    margin-top: 12px;
}
.menu-cube-img img{
    width: 100%;
    height: 100%;
}
.menu-cube-text{
    width: 270px;
    height: 20px;
    margin-top: 15px;
    margin-left: 4px;
}
.categories-paragraph{
    width: 376px;
    height: 40px;
    margin-left: 30px;
    margin-top: 35px;
}
.categories-paragraph h3{
    font-size: 24px;
}
.categories{
  /*background: red;*/
    overflow-x: scroll;
}
.categories-center{
    width: 1000px;
    height: 400px;
    /*margin-top: 16px;*/
    display: flex;
}
.categories-center-cube1{
    min-width: 300px;
    width: max-content;
    height: max-content;
    margin-left: 30px;
    margin-top: 10px;
}
.categories-center-cube-top{
    width: 100%;
    height: 40%;
}
.categories-center-cube-bottom{
    width: 100%;
    height: 55%;
    margin-top: 20px;
}
.categories-right-cube-bottom{
    width: 100%;
    height: 40%;
}
.categories-right-cube-top{
    width: 100%;
    height: 55%;
    margin-top: 20px;
}
.categories-right1-cube-bottom{
    width: 100%;
    height: 40%;
}
.categories-right-cube-top{
    width: 100%;
    height: 55%;
    margin-top: 20px;
}
.categories-center-cube-top ul li{
    font-family: Noto Sans Armenian;
    font-size: 15px;
    margin-top: 20px;
        max-width: 100%;

}
.categories-center-cube-bottom ul li{
    font-family: Noto Sans Armenian;
    font-size: 15px;
    margin-top: 20px;
    max-width: 100%;

}
.categories-right-cube-top ul li{
    font-family: Noto Sans Armenian;
    font-size: 15px;
    margin-top: 20px;
    color: black;
    max-width: 100%;


}
.categories-right-cube-bottom ul li{
    font-family: Noto Sans Armenian;
    font-size: 15px;
    margin-top: 20px;
    max-width: 100%;

}
.categories-right1-cube-top ul li{
    font-family: Noto Sans Armenian;
    font-size: 15px;
    margin-top: 20px;
    max-width: 100%;

}
.categories-right1-cube-bottom ul li{
    font-family: Noto Sans Armenian;
    font-size: 15px;
    margin-top: 20px;
    max-width: 100%;
}
.categories-right1-cube-bottom ul{
    margin-top: 50px;
}
.categories-right1-cube-bottom ul li a{
    color: black;
    text-decoration: none;

}
.categories-right1-cube-top ul li a{
    color: black;
    text-decoration: none;

}
.categories-right-cube-bottom ul li a{
    color: black;
    text-decoration: none;

}
.categories-right-cube-top ul li a{
    color: black;
    text-decoration: none;

}
.categories-center-cube-bottom ul li a{
    color: black;
    text-decoration: none;

}
.categories-center-cube-top ul li a{
    color: black;
    text-decoration: none;
}
.categories-center-right{
    width: 270px;
    height: max-content;
    margin-top: 10px;
}
.categories-center-right0{
    width: 270px;
    height: max-content;
    margin-top: 10px;
}
.solid{
    width: 2px;
    height: 484px;
    background: #E6E6E6;
    margin-top: 30px;
}

.home__offers .title a{
    text-decoration: none;
    color: #343434;
}
.home__offers .title a:hover{
    text-decoration: none;
    color: #343434;
}
.flag{
    max-width: 20px;
}
.daily_item{
    max-width: 174px;
    max-height: 174px;
}
.outOff{
    border-radius: 8px;
    position: absolute;
    left: 16px;
    top: 16px;
    z-index: 1;
    font-family: 'Noto Sans Armenian', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 160%;
    color: #FFFFFF;
    text-decoration: none;
}

#about_company {
    text-align: center;
}
#about_company p{
    max-width: 1196px;
    font-weight: 400;
    font-size: 16px;
    line-height: 160%;
    color: #343434;
}
.menu_block a{
    color: #343434;
    text-decoration: none;
}
.menu_block a:hover{
    color: #343434;
    text-decoration: none;
}
.brand-loadMore a{
    text-decoration: none;
    color: #343434;
}
.sort_brand.active {
    color: #FFFFFF;
    background-color: #316655
}
.breadcrumbs a{
    color: #98a0aa;
    text-decoration: none;
}
.inp2{
    color: #343434 !important;
}
.defColor {
    color: #343434 !important;
}
.header__bottom-ul li:first-child{
    display: block!important;
}
::-webkit-scrollbar {
    width: 3px;
}
  
::-webkit-scrollbar-track {
    background: #f1f1f1; 
}

::-webkit-scrollbar-thumb {
    background: #888; 
}

::-webkit-scrollbar-thumb:hover {
    background: #555; 
}

.buttonAge{
    width: 100%;
    height: 46px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FFFFFF;
    background: linear-gradient(0deg, #343434, #343434), #FFFFFF;
    border-radius: 8px;
    border: none;
    outline: none;
    font-weight: 600;
    font-size: 16px;
    line-height: 160%;
    gap: 14px;
}

.product-labels {
    position: absolute;
    top: 32px;
    right: 24px;
    display: flex; /* Using Flexbox */
    flex-direction: column; /* Stack items vertically */
    align-items: flex-end; /* Align items to the end (right side) of the container */
}

.sale, .outofstock, .new, .bestseller {
    border-radius: 8px;
    margin-bottom: 15px; /* Spacing between labels */
    /* If labels have variable width and you want them to be of the same width */
    width: max-content; /* This ensures each label only takes up as much width as its content */
}

.sale {
    background: #D40E2F;
}

.outofstock {
    background: #316655;
}

.new {
    background: #316655;
}
.bestseller {
    background: #316655;
}
/* .bestseller {
    border-radius: 8px;
    position: absolute;
    right: 16px;
    top: 16px;
    z-index: 1;
    font-family: 'Noto Sans Armenian', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 160%;
    color: #FFFFFF;
    text-decoration: none;
  } */
.product-labels .outofstock p, .product-labels .sale p, .product-labels .new p, .product-labels .bestseller p   {
    font-family: 'Noto Sans Armenian', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 160%;
    color: #FFFFFF;
    text-align: center;
}


/* .home__offers .sale {
    z-index: 2;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
    background: #D40E2F;
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
        align-content: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .home__offers .sale p {
    font-family: 'Noto Sans Armenian', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 160%;
    color: #FFFFFF;
  } */

.langs {
    display: flex;
    align-items: center;
}
.langs .active {
    font-weight: bold;
    color: #000;
}
.langs a {
    text-decoration: none;
    color: inherit;
}
.langs .m-r-16 {
    margin-right: 16px;
}
.old__price{
    text-align: left !important;
}
#favorite-page .price{
    color: #343434;
    width: 173px;
    font-weight: 600;
    font-size: 20px;
    line-height: 160%;
    text-align: left !important;
}
#favorite-page .remove-btn{
    padding: 6.5px 8px;
    font-weight: 400;
    font-size: 12px;
    line-height: 160%;
    color: #343434;
    border: none;
    background-color: transparent;
    gap: 8px;
}
#heartIconRed {
    filter: invert(10%) sepia(20%) saturate(0%) hue-rotate(0deg) brightness(85%) contrast(40%);
}

.favorite-icon {
    fill: transparent;
    stroke: currentColor; /* Use currentColor to control stroke color */
    transition: fill 0.15s ease, stroke 0.15s ease; /* Faster transition */
    width: 24px;
    height: 24px;
    display: inline-block;
    margin: 0;
    background-color: transparent; /* Force background transparency */
}

.favorite-icon.filled {
    fill: currentColor; /* Use currentColor for consistent filling */
    stroke: none; /* No stroke when filled */
}

/* Set the color for the icon, applying the desired fill when it's filled */
#favHeaderIcon {
    color: #ffffff; /* White color for filled icon */
}

#favHeaderIcon .favorite-icon {
    transition: stroke 0.15s ease, fill 0.15s ease; /* Faster transition for fill and stroke */
}

/* Ensure compatibility on different browsers and mobile platforms */
.favorite-icon,
.favorite-icon path {
    -webkit-transition: all 0.15s ease;  /* Faster transition for Safari */
    transition: all 0.15s ease;
}

.scroll {
    cursor: pointer;
    z-index: 999;
}
@media screen and (min-width: 992px) {
    .scroll {
        display: none;
    }
}
#scrollCollections {
    overflow: hidden; /* Hide the scrollbar */
    white-space: nowrap;
    display: flex; /* Ensure the content stays horizontal */
    user-select: none; /* Prevent text selection during drag */
    position: relative;
}
.dragging {
    cursor: grabbing;
    cursor: -webkit-grabbing;
}
button.defaultButton{
    width: 100%;
    max-width: 262px;
    height: 49px;
    color: #FFFFFF;
    background: -webkit-gradient(linear,left bottom,left top,from(#343434),to(#343434)),#FFFFFF;
    background: linear-gradient(0deg,#343434,#343434),#FFFFFF;
    border-radius: 8px;
    font-weight: 600;
    font-size: 18px;
    line-height: 160%;
    outline: none;
    gap: 14px
}
.search-icon{
    cursor: pointer;
}