:root {
    --gray-white:#fff;
    --gray-100:#fafafa;
    --gray-200:#f5f5f5;
    --gray-300:#e0e0e0;
    --gray-400:#ccc;
    --gray-500:#949494;
    --gray-600:#707070;
    --gray-700:#333;
    --gray-800:#101010;
    --green-light:#e2ffdb;
    --green-standard:#54a300;
    --green-dark:#458500;
    --orange-light:#fbf1ea;
    --orange-standard:#f38a00;
    --orange-dark:#d47500;
    --red-light:#ffcdd2;
    --red-standard:#f44336;
    --red-dark:#d32f2f;
    --yellow-light:#fff9c4;
    --yellow-standard:#ffea00;
    --yellow-dark:#8a6702;
    --blue-light:#d6eaff;
    --blue-standard:#2196f3;
    --blue-dark:#126cc5;
    --lemon-light:#fff5c2;
    --lemon-standard:#ffef9a;
    --lemon-dark:#ffd644;
    --mango-light:#ffe6b0;
    --mango-standard:#feca57;
    --mango-dark:#ff9f43;
    --charcoal:#222f3e;
    --button-color: #458500;
    --button-darker-color: #356700;
    --button-border-color: #376b00;
    --background-gray:#f4f4f4;
    --background-light:#ecfff0;
    --background-super-light:#f5fdf3;
    --background-blue:#deeeff;
    --background-blue-lighter:#edf6ff;
    --border-gray:#e5e5e5;
    --text-gray:#8c8c8c;
}

.gray_image{
    -webkit-filter: grayscale(1); /* Webkit браузеры */  
    filter: gray; /* для IE6-9 */  
    filter: grayscale(1); /* W3C */  
 }
 .wrapper{
     position: relative;
 }
 .content{ /* Скрываем сразу контент */
   display: none;
   position: absolute;
   width: 180px;
   left: -68px;
   background: white;
   border: 1px solid #dadada;
   margin: 5px 0px;
   padding: 10px;
   border-radius: 5px;
   text-align: center;
 }
 /*
 .wrapper img:hover ~ .content{ 
   display: block;
 }*/
 .button_account{
     background: #458500;
     color: white;
     border-radius: 5px;
     width: 150px;
     display: list-item;
     padding: 3px 10px;
     margin: 5px;
      cursor: pointer;
 }
 .rater-rateCount{
  font-weight: bold;
 }
 .red{
  color:red;
 }
 .Yellow{
  color:Yellow;
 }
 .orange{
  color:#ff6b02;
 }
 .Green{
  color: #458500;
 }
 .border_red{
  border-color: #f7a8a8!important;
  box-shadow: 0 0 5px rgb(255 0 0 / 30%)!important;
 }
 .red_alert{
  color: red;
  font-weight: 700;
  width: 100%;
  display: block;
  text-align: center;
 }
 .red_border_dashed{
     border: 2px dashed #ff0000!important;
 }
 #ems-total-weight{
     font-weight: 700;
 }
 .bonus_mini{
    padding: 6px 12px;
    border-radius: 5px;
    line-height: 20px;
    color: #ffffff;
    vertical-align: middle;
    font-weight: 700;
    font-size: 15px;
    margin: 0px 0px 0px 0px;
    background-color: #4b9000;
    border: 1px solid #4b9000;
    min-width: 100px;
    display: inline-block;
    text-align: center;
    text-align-last: center;
 }
 .bonus_mini_gray{
    padding: 6px 12px;
    border-radius: 5px;
    line-height: 20px;
    color: #ffffff;
    vertical-align: middle;
    font-weight: 700;
    font-size: 15px;
    margin: 0px 0px 0px 0px;
    background-color: #909090;
    border: 1px solid #727272;
    min-width: 100px;
    display: inline-block;
    text-align: center;
 }
 .img_50{
  max-height: 50px;
  max-width: 50px;
  vertical-align: middle;
  border-radius: 5px;
 }
 .img_30{
     max-height: 30px;
     max-width: 30px;
     vertical-align: middle;
     border-radius: 3px;
 }
 .hide_touch{
     touch-action: none;
     overflow-y: hidden;
 }
 #cdek_pvz{
     height: 656px;
     width: 70%;
     position: fixed;
     top: 100%;
     z-index: 999999;margin-left: -22px;
     background-color: white;
     border: 2px solid #dadada;
     border-radius: 8px;
 }
 #litemf_pvz{
     height: 667px;
     width: 70%;
     position: fixed;
     top: 100%;
     z-index: 999999;margin-left: -22px;
     background-color: white;
     border: 2px solid #dadada;
     border-radius: 8px;
 }
  .icon_mini{
     width: 16px;
     top: 4px;
     position: relative;
     margin-right: 5px;
 }
 .icon_mini_2{
    margin: -8px 0px;
    width: 25px;
    border-radius: 5px;
    border: 0.5px solid #dadada;
    background-color: white;
 }
 .t_green{ color: var(--green-dark); }
 .t_yellow{ color: #d1ce00; }
 .t_red{ color: #ac0000; }
 .t_orange{ color: #f9a100;}
 .t_blue{ color: var(--blue-dark);}
 .t_gblue{ color: #466d85;}
 
 #tooltip2{
     background:#000;
     color:#f3f3f3;
     text-align:center;
     padding:6px 0;
     position:absolute;
     max-width:250px;
     z-index:9999;
     display:none;
     border-radius:3px;
     box-shadow:4px 4px 8px rgba(0, 0, 0, 0.3);
     padding:5px 8px;
     font-size:12px;
     text-shadow:none;
 }
 #tooltip2:before{
     position: absolute;
     width: 0;
     height: 0;
     line-height: 0;
     border: 6px dashed #000;
     top: -6px;
     left:15px;
     border-bottom-style: solid;
     border-top: none;
     border-left-color: transparent;
     border-right-color: transparent;
     content:'';
}
.menu_zag{
    text-align: center;
    width: 100%;
    /* Поддержка inline-table */
    -webkit-display: inline-table;
    -moz-display: inline-table;
    -ms-display: inline-table;
    -o-display: inline-table;
    display: inline-table;
    /* Позиционирование */
    position: relative;
    top: 3px;
    color: white;
    font-size: 18px;
    font-weight: 700;
}
.track{
     margin: 2px;
     padding: 5px;
     border-bottom: 1px dotted #ccc;
     border-radius: 3px;
     background: #dadada;
     width: fit-content;
     white-space: nowrap;
     text-decoration: none;
 }
 .track_mini{
     margin: 2px;
     padding: 0px 4px;
     border-bottom: 1px dotted #ccc;
     border-radius: 3px;
     background: #dadada;
     width: fit-content;
     white-space: nowrap;
     text-decoration: none;
 }
 .track_mini:hover{
     background: #cfcfcf;
 }
 .track_mini_lightgrey{
     margin: 2px;
     padding: 4px 10px;
     border-radius: 3px;
     background: #dadada4f;
     width: fit-content;
     white-space: nowrap;
     text-decoration: none;
 }
 .track_mini_lightgrey:hover{
     background: #dadadab8;
 }
 
 .info-free-weight{
     padding: 6px 5px 5px 6px;
     background-color: #fde7c3;
     font-size: 15px;
     font-weight: 700;
     margin: 3px;
     border-radius: 5px;
     border: 1px dotted #ccc;
 }
 
 #free-delivery-iherb{
     padding: 6px 5px 5px 6px;
     background-color: #e1fec4;
     font-size: 15px;
     font-weight: 700;
     margin: 3px;
     border-radius: 5px;
     border: 1px dotted #ccc;
     display: none;
 }
 
 .inwish_yes{
     overflow: hidden;
     background-image: url(https://deliherb.ru/files/img/heart-fill.png);
     background-position: center;
     background-size: 28px;
     height: 28px;
     width: 28px;
 }
 
 .inwish_no{
     overflow: hidden;
     background-image: url(https://deliherb.ru/files/img/heart-empty.png);
     background-position: center;
     background-size: 28px;
     height: 28px;
     width: 28px;
 }
 
 .mobile-applications__badges-item{
     margin-right: 10px;
     text-decoration: none;
 }
 
 .point_price{
     float: right;
     background: #458500;
     color: white;
     margin: 0px 2px;
     padding: 2px 10px;
     border-radius: 3px;
 }
 .point_price{
     float: right;
     background: #458500;
     color: white;
     margin: 0px 2px;
     padding: 2px 10px;
     border-radius: 3px;
 }
 
 .track_info_text{
     font-weight:700;
     margin: 5px;
     padding: 5px;
     background-color: #fffbf0;
     border: 1px dotted #ccc;
     border-radius: 5px;
     text-align: center;
 }
 
 .track_info_alert{
     background: #fff0f0;
     border: 1px dotted #ccc;
     border-radius: 5px;
     box-sizing: border-box;
     font-size: small;
     font-weight: 700;
     margin: 5px;
     padding: 12px;
 }
 
 .payment_str{
    display: inline-flex;
    border: 1px solid #e5e5e5;
    padding: 10px;
    border-radius: 8px;
    width: 100%;
    background-color: white;
    cursor: pointer;
 }
 .payment_str:hover{background-color: #f4fff6;}
 .payment_activ{background-color: #ecfff0 !important;}
 .list_payment{
    margin-top: 10px;
    width: 100%;
 }
 .info_block_str{
     display: inline-flex;
     margin: 7px 0px 3px 0px;
     border: 1px solid #e5e5e5;
     padding: 5px;
     border-radius: 10px;
     width: 100%;
     background-color: white;
 }
 
 .delivery_str{
     display: inline-flex;
     margin: 7px 10px 3px 10px;
     border: 1px solid #e5e5e5;
     padding: 5px;
     border-radius: 10px;
     width: 97%;
     background-color: white;
 }
 
 .delivery_activ{
     background-color: #ecfff0;
 }
 .delivery_noactiv{
     background-color: #fff4f4;
 }
 
 .deliveries_old{
     height: 183px;
     width: 32%;
     border: 1px solid #e4e4e4;
     margin: 5px 3px;
     padding: 8px 10px;
     border-radius: 5px;
     text-wrap: nowrap;
     white-space: nowrap; 
     overflow: hidden; 
     cursor: pointer;
 }
 .deliveries_old:hover{
     background-color: #f4fff6;
     box-shadow: 0 0 6px rgb(0 0 0 / 10%);
     /*width: 31.5%;
     left: -1px;
     position: relative;*/
 }
 
 .deliveries_old_activ{
     background-color: #f4fff6;
 }
 
 .payment_dop_info{
     top: -20px;
     position: relative;
     display: inline-flex;
     margin: 7px 10px 3px 10px;
     border-bottom: 1px solid #e5e5e5;
     border-left: 1px solid #e5e5e5;
     border-right: 1px solid #e5e5e5;
     padding: 10px 5px 1px 5px;
     border-radius: 0px 0px 10px 10px;
     width: 97%;
     display: none;
 }
 
 .delivery_dop_info{
     top: -20px;
     position: relative;
     display: inline-flex;
     margin: 7px 10px 3px 10px;
     border-bottom: 1px solid #e5e5e5;
     border-left: 1px solid #e5e5e5;
     border-right: 1px solid #e5e5e5;
     padding: 20px 5px 7px 5px;
     border-radius: 0px 0px 10px 10px;
     width: 97%;
     display: none;
     text-align: center;
 }
 /*
 .deliveryinfo:hover:before {
     content: "✎";
     position: absolute;
     margin-left: -17px;
 }
 
 .deliveryinfo:hover:after {
     content: "✎";
     position: absolute;
     margin-left: 3px;
 }*/
 .img_gray{
     -webkit-filter: grayscale(1); /* Webkit браузеры */  
     filter: gray; /* для IE6-9 */  
     filter: grayscale(1); /* W3C */
 }
 .rotate180{
     rotate: 180deg;
 }
 
 @-webkit-keyframes blink {
     0% { color: rgba(34, 34, 34, 1); }
     50% { color: rgba(34, 34, 34, 0); }
     100% { color: rgba(34, 34, 34, 1); }
   }
 @keyframes blink {
     0% { color: rgba(34, 34, 34, 1); }
     50% { color: rgba(34, 34, 34, 0); }
     100% { color: rgba(34, 34, 34, 1); }
 }
 
 @keyframes ldio-jske6ggcfkp {
     0% { opacity: 1 }
     100% { opacity: 0 }
   }
 /* generated by https://loading.io/ */
 .ldio-jske6ggcfkp div {
     left: 94px;
     top: 48px;
     position: absolute;
     animation: ldio-jske6ggcfkp linear 1s infinite;
     background: #447c2c;
     width: 12px;
     height: 24px;
     border-radius: 6px / 12px;
     transform-origin: 6px 52px;
   }.ldio-jske6ggcfkp div:nth-child(1) {
     transform: rotate(0deg);
     animation-delay: -0.9166666666666666s;
     background: #447c2c;
   }.ldio-jske6ggcfkp div:nth-child(2) {
     transform: rotate(30deg);
     animation-delay: -0.8333333333333334s;
     background: #447c2c;
   }.ldio-jske6ggcfkp div:nth-child(3) {
     transform: rotate(60deg);
     animation-delay: -0.75s;
     background: #447c2c;
   }.ldio-jske6ggcfkp div:nth-child(4) {
     transform: rotate(90deg);
     animation-delay: -0.6666666666666666s;
     background: #447c2c;
   }.ldio-jske6ggcfkp div:nth-child(5) {
     transform: rotate(120deg);
     animation-delay: -0.5833333333333334s;
     background: #447c2c;
   }.ldio-jske6ggcfkp div:nth-child(6) {
     transform: rotate(150deg);
     animation-delay: -0.5s;
     background: #447c2c;
   }.ldio-jske6ggcfkp div:nth-child(7) {
     transform: rotate(180deg);
     animation-delay: -0.4166666666666667s;
     background: #447c2c;
   }.ldio-jske6ggcfkp div:nth-child(8) {
     transform: rotate(210deg);
     animation-delay: -0.3333333333333333s;
     background: #447c2c;
   }.ldio-jske6ggcfkp div:nth-child(9) {
     transform: rotate(240deg);
     animation-delay: -0.25s;
     background: #447c2c;
   }.ldio-jske6ggcfkp div:nth-child(10) {
     transform: rotate(270deg);
     animation-delay: -0.16666666666666666s;
     background: #447c2c;
   }.ldio-jske6ggcfkp div:nth-child(11) {
     transform: rotate(300deg);
     animation-delay: -0.08333333333333333s;
     background: #447c2c;
   }.ldio-jske6ggcfkp div:nth-child(12) {
     transform: rotate(330deg);
     animation-delay: 0s;
     background: #447c2c;
   }
   .loadingio-spinner-spinner-qrtyi4l9wd {
     width: 200px;
     height: 200px;
     display: inline-block;
     overflow: hidden;
     /*background: #f1f2f3;*/
   }
   .ldio-jske6ggcfkp {
     width: 100%;
     height: 100%;
     position: relative;
     transform: translateZ(0) scale(1);
     backface-visibility: hidden;
     transform-origin: 0 0; /* see note above */
   }
   .ldio-jske6ggcfkp div { box-sizing: content-box; }
   #loading{
     position: relative;
     left: calc(50% - 103px);
   }
   /* generated by https://loading.io/ */
 
 
 
 #usermenu{background-color:#e9e9e9;right: -300px;position: fixed;}
 .user_menu_show{
     animation-name: user_menu;
     animation-duration: 300ms;
     animation-iteration-count: 1;
     animation-direction: normal;
     animation-timing-function: linear;
     animation-fill-mode: forwards;
 }
 
 @keyframes user_menu {
     0% {right: -300px;}
     100% {right: 300px;}
 }
 
.user_menu_link{
    padding: 4px 12px 7px 12px;
    color: rgb(0, 0, 0);
    font-weight: 700;
    font-size: large;
    border-radius: 5px;
    margin: 4px;
    white-space: nowrap;
 }
.user_menu_link:hover{
    background-color: var(--background-light);
}
.user_menu_icon{max-width: 24px;
    max-height: 24px;
    margin-right: 6px;
    top: 6px;
    position: relative;
    vertical-align: inherit;
}
 .user_menu_block_hide{top: 7px; width: 100%; position: absolute;}
 .user_menu_block_link{background-color: #438101;right: -300px; position: absolute;padding: 6px 0px;border-radius: 0px 0px 0px 5px;min-width: 240px;text-align: left;box-shadow: -10px 12px 18px rgb(0 0 0 / 35%);}
 .no_decoration{text-decoration: none;}
 
 .SHADOW{
     -webkit-box-shadow: 0px 1px 3px 0.5px rgba(34, 60, 80, 0.14);
     -moz-box-shadow: 0px 1px 3px 0.5px rgba(34, 60, 80, 0.14);
     box-shadow: 0px 1px 3px 0.5px rgba(34, 60, 80, 0.14);
 }
 .background_gradient{
     background: linear-gradient(0deg, rgba(2,0,36,0) 20%, rgba(243,255,243,1) 100%);
 }
 .border{
     border: 1px solid #ddd;
 }

.create_order{
	width: 98%;
    text-align: center;
    font-weight: 600;
    font-size: x-large;
    background-color: #7ca64b;
    color: white;
    border-radius: 5px;
    margin: 10px;
    padding: 5px;
	cursor:pointer;
}
  #submit_green{
	width: 98%;
	text-align: center;
	font-weight: 600;
	font-size: x-large;
	background-color: #7ca64b;
	color: white;
	border-radius: 5px;
	margin: 10px;
	padding: 5px;
	cursor:pointer;
  }
  #submit_grey{
	width: 98%;
	text-align: center;
	font-weight: 600;
	font-size: x-large;
	background-color: #888888;
	color: white;
	border-radius: 5px;
	margin: 10px;
	padding: 5px; cursor:pointer;
  }
  #new_client{
	position: fixed;
    top: 50px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgb(238 238 238 / 89%);
    z-index: 999;
    overflow-Y: scroll;
  }
  
.client_new{
    justify-content: center;
    cursor: pointer;
    text-align: center;
    max-width: 351px;
    border: 0.5px solid var(--gray-200);
}

.client{
    cursor: pointer;
    text-wrap: nowrap;
    white-space: nowrap;
    overflow: hidden;
    max-width: 351px;
    border: 0.5px solid var(--gray-200);
}

.client_activ{
	background-color: #ecfff0;
}
.client_check{
	display: none;
}
.client_check_ok{
	position: relative;
	top: -105px;
	right: -7px;
	justify-content: end;
	display: flex;
}
.client_edit{
	display: none;
}
.client_edit_ok{
	position: relative;
	bottom: 64px;
	right: -5px;
	justify-content: end;
	display: flex;
}
.client_delete{
	display: none;
}
.client_delete_ok{
	position: relative;
	bottom: 60px;
	right: -5px;
	justify-content: end;
	display: flex;
}
.client_block_button{
	width: 98%;
	display: flex;
	z-index: 1;
	position: relative;
	border: 1px solid #dadada;
	border-top-width: 0px;
	border-radius: 5px;
	padding-top: 9px;
	margin-top: -16px;
	margin-right: 7px;
	margin-bottom: 7px;
	margin-left: 7px;
}
.client_edit_button{
	width: 50%;
	text-align: center;
	border-right: solid 1px #dadada;
	border-radius: 0px 0px 0px 5px;
	background-color: #e3f1ff;
	padding: 5px;
	cursor: pointer;
}
.client_edit_button:hover{
	background-color: #cde4fb;
}

.client_delete_button{
	width: 50%;
	text-align: center;
	border-right: solid 1px #dadada;
	border-radius: 0px 0px 5px 0px;
	background-color: #fdecec;
	padding: 5px;
	cursor: pointer;
}
.client_delete_button:hover{
	background-color: #f9cbcb;
}
.featurename{position:relative}
.featurename::before{content:"";position:absolute;bottom:3px;left:0;width:97%;height:1px;border-bottom:1px dotted #b3b3b3}
.featurename span{background-color:#ffffff;position:relative;padding-right:10px}
.stock-status-shop-all-btn{
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    max-width: 240px;
    border-radius: 8px;
    background-color: #458500;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    padding: 8px 12px;
    text-decoration: none;
    display: block;
}
.stock-status-shop-all a{
    text-decoration: none;
}

.stock-status-shop-all{
    padding-top: 8px;
    padding-right: 11px;
}

.group_products{
    margin: 5px 3px;
    padding: 8px 18px;
    min-width: 96px;
    height: auto;
    display: inline-block;
    border: solid 1px #ccc;
    border-radius: 8px;
    font-size: 12px;
    -moz-transition: background-color .2s ease-in-out;
    transition: background-color .2s ease-in-out;
    position: relative;
    cursor: pointer;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid #999;
    background-color: white;
    text-align: center;
}
.group_products-selected {
    border: solid 3px #458500;
}
.group_products-shared {
    margin: 7px 3px;
}

.no_stock:before{
        content: "";
        position: absolute;
        width: 110%;
        height: 1px;
        z-index: 10;
        top: 50%;
        right: 0;
        background: #ccc;
        top: 50%;
        -webkit-transform: rotate(-55deg);
        -moz-transform: rotate(-55deg);
        -ms-transform: rotate(-55deg);
        transform: rotate(-55deg);
}

.price_discount_special{
    color: #d32f2f;
    font-weight: 600;
    font-size: large;
}
.price-original-list{
    color: #666;
    text-decoration: line-through;
    font-size: 12px;
    position: relative;
    margin-left: 2px;
}
.supplement-facts-container{
    width: fit-content;
    width: 100%;
}
.ProductQuantity__QuantityList{
    display: none;
    position: absolute;
    overflow: hidden;
    background-color: white;
    padding: 0px;
    text-align: center;
    box-shadow: rgb(0 0 0 / 12%) 0px 2px 8px;
    border-radius: 0px 0px 8px 8px;
    border-top: 1px solid #eee;
    z-index: 1;
    left: 41px;
    width: 44px;
    top: 39px;
    cursor: pointer;
}
.ProductQuantity__QuantityItem{
    position: relative !important;
    padding: 8px 28px 8px 16px !important;
    list-style: none;
    background: none !important; 
}
.QuantityBlock{
    position: relative; display: flex; align-self: flex-start; -moz-box-align: center; align-items: center; border: 1px solid rgb(204, 204, 204); border-radius: 18px; padding: 8px 16px; max-width: 125px; height: 40px; margin-left: auto; 
}
.plus, .minus{
    display: flex; color: rgb(102, 102, 102); background-color: rgb(255, 255, 255); padding: 0px; border: medium; cursor: pointer; 
}
#subscribe-success{
    display: flex;
    gap: 8px;
    padding: 16px;
    font-size: 16px;
    line-height: 24px;
    border-radius: 8px;
    border: 1px solid #c8e6c9;
    background-color: #e5f8e6;
    margin: 20px 24px 4px 24px;
}
.collapse-title{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 20px;
    line-height: 26px;
    margin: 0;
    padding-bottom: 7px;
}
.collapse-item-header{
    /* padding: 10px 4px; */
    height: 30px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    /* padding: 8px 0; */
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    /* cursor: pointer;*/
}
.details-info{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px;
}
.color-orange-standard {
    color: var(--orange-standard);
}
.copy:hover{scale: 1.1;}
.copy:active{scale: 0.95;}
.noselect{
    -webkit-touch-callout: none; /* iOS Safari */
      -webkit-user-select: none; /* Safari */
       -khtml-user-select: none; /* Konqueror HTML */
         -moz-user-select: none; /* Old versions of Firefox */
          -ms-user-select: none; /* Internet Explorer/Edge */
              user-select: none; /* Non-prefixed version, currently
                                    supported by Chrome, Edge, Opera and Firefox */
}
.product_img_110{
    max-width: 110px;max-height: 110px;padding: 5px;float: left;background-color: white;border-radius: 10px;margin: 5px;
}
div .center{
    margin: 0px; padding: 0px; 
    width: fit-content; 
    min-width: 120px;
    text-align: center; 
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

img .gray{        
    -webkit-filter: grayscale(1); /* Webkit браузеры */  
    filter: gray; /* для IE6-9 */  
    filter: grayscale(1); /* W3C */ 
}
.warning-icon{
    display:none; position: absolute; top: 15px; right: 15px; width: 24px; height: 24px;
}
input:focus{
    /*outline: 1px solid #0073b1;*/
    /*border: 1px solid #0073b1;*/
    box-shadow: 0 0 5px rgb(69 133 0 / 44%);
}

.hint .error {
    color: #d32f2f;
}
.hint {
    position: relative;
    top: -57px;
    left: 12px;
    border-radius: 3px;
    transform: translateY(-50%);
    background-color: #fff;
    padding-left: 3px;
    padding-right: 3px;
    font-size: 8pt;
    display: none;
    font-size: 12px;
    width: fit-content;
}
.width.fill{width: -webkit-fill-available; width: -moz-available;}
.main_cart_form hr{margin: 10px 0; padding: 0; height: 0; border: none; border-top: 2px dashed #ddd;}
.icon_center{
    margin: 0px; padding: 0px; 
    width: fit-content; 
    min-width: 120px;
    text-align: center; 
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.menu_iherb_top:hover{
    border-bottom: 2px solid var(--button-border-color);
    color: var(--button-border-color);
}
.menu_iherb_top{
    padding: 5px 8px;
    text-decoration: none;
    font-size: 15px;

    /* Центрирование (требует display: flex у родителя) */
    -webkit-align-content: center;
    -ms-align-content: center;
    align-content: center;

    color: #484848;
    font-weight: 700;
    border-bottom: 2px solid #fff;

    /* Запрет переноса текста */
    -webkit-text-wrap: nowrap;
    -moz-text-wrap: nowrap;
    -o-text-wrap: nowrap;
    text-wrap: nowrap;
    white-space: nowrap;
}
.menu_iherb_top a:hover{
    color: var(--button-border-color);
}
.menu_iherb_top a{
    color: #484848;
}
.user-account-header:hover{
    background-color: var(--button-darker-color);
    border-radius: 48px;
}
.select_filter{
    height: 39px;
    /*border-radius: 8px;
    border-color: #ccc;*/
    border: none;
    padding: 0 16px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff url('data:image/svg+xml;utf8,<svg viewBox="0 0 24 24" width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12.0007621,13.0865485 L16.3127232,8.77458739 C16.6788397,8.40847087 17.2724319,8.40847087 17.6385484,8.77458739 L17.7269368,8.86297574 C18.0930533,9.22909226 18.0930533,9.82268443 17.7269368,10.188801 L12.688801,15.2269368 C12.4993518,15.4163859 12.2489938,15.5078035 12.0007621,15.5011895 C11.7525304,15.5078035 11.5021723,15.4163859 11.3127232,15.2269368 L6.27458739,10.188801 C5.90847087,9.82268443 5.90847087,9.22909226 6.27458739,8.86297574 L6.36297574,8.77458739 C6.72909226,8.40847087 7.32268443,8.40847087 7.68880096,8.77458739 L12.0007621,13.0865485 Z" fill="%23666666"></path></svg>') no-repeat;
    background-position-x: 0%;
    background-position-y: 0%;
    background-position: right 5px top 50%;
}
.panel-label{
    font-size: 12px;
    color: #999;
    position: absolute;
    left: 8px;
    top: -8px;
    padding: 0 4px;
    line-height: 1.3;
    background: -moz- oldrepeating-linear-gradient(#fafafa,#fafafa 49.9%,#fff 50.1%,#fff 100%);
    background: repeating-linear-gradient(#fafafa,#fafafa 49.9%,#fff 50.1%,#fff 100%);
    z-index: 1;
}

.button_cat{
    color: #ffffff; 
    background: var(--button-color);
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 3px 10px;
    border-radius: 6px;
    line-height: 19px;
    margin: 0 2px 3px 0;
    white-space: nowrap;
}
.button_cat:hover{
    background-color: var(--button-darker-color);
}
.add_cart_new{
    background-color: var(--button-color); border-radius: 50px; top: 6px; position: relative; margin-left: 6px;
}
.add_cart_new:hover{
    background-color: var(--button-darker-color);
}

.tooltipMini {
    position: relative;
}

.tooltipMini .tooltipMenuUser {
    visibility: hidden;
    color: #333;
    padding: 4px 0;
    position: absolute;
    z-index: 1;
    top: 0px;
    right: 0px;
    font-size: 13px;
    padding-top: 16px;
    margin-top: 40px;
}

.tooltipMini:hover .tooltipMenuUser {
    visibility: visible;
    transition-delay:0.3s;
}

.tooltipMini .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: var(--button-color);
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 4px 0;
    position: absolute;
    z-index: 1;
    top: 5px;
    right: 42px;
    font-size: 10px;
}

.tooltipMini .tooltiptext::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 99%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent transparent var(--button-color);
}
.tooltipMini:hover .tooltiptext {
    visibility: visible;
}

.tooltipMini .tooltiptextUP{    
    visibility: hidden;
    width: 200px;
    height: 55px;
    background-color: var(--button-color);
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 4px 0;
    position: absolute;
    z-index: 1;
    top: -61px;
    font-size: 11px;
    padding: 6px;
}
.tooltipMini .tooltiptextUP::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 78px;
    border-width: 5px;
    border-style: solid;
    border-color: var(--button-color) transparent transparent transparent;
}
.tooltipMini:hover .tooltiptextUP {
    visibility: visible;
}
.help-tooltipMini{
    display: none;
    width: 338px;
    height: 37px;
    background-color: var(--button-color);
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 4px 0;
    position: absolute;
    z-index: 1;
    top: 17px;
    /* right: 0px; */
    font-size: 11px;
    padding: 4px;
}
.help-tooltipMini-text{
    overflow: hidden; height: 30px; align-content: center;
}
.help-tooltipMini::after {
    content: "";
    position: absolute;
    top: 37px;
    left: 50%;
    border-width: 5px;
    border-style: solid;
    border-color: var(--button-color) transparent transparent transparent;
}

@media only screen and (max-width:1570px){
    .hide_1570{
        display: none;
    }
}

@media only screen and (max-width:1500px){
    .hide_1500{
        display: none;
    }
}

@media only screen and (max-width:1430px){
    .hide_1430{
        display: none;
    }
}

@media only screen and (max-width:1320px){
    .hide_1320{
        display: none;
    }
}

@media only screen and (max-width:1190px){
    .hide_1190{
        display: none;
    }
}

.user_menu_block_activ {
    color: rgb(0, 0, 0);
    background-color: var(--background-blue);
}
.user_menu_block {
    padding: 4px 12px 7px 12px;
    font-weight: 700;
    font-size: large;
    margin: 4px;
    white-space: nowrap;
    color: #4b4b4b;
}
.user_menu_block:hover{
    background-color: var(--background-light);
    color: rgb(0, 0, 0);
}
.input_search:focus{
    box-shadow:none
}
.background-gray-full{
    position: absolute;
    width: 100%;
    height: 100vh;
    background-color: #0000003d;
    top: 111px;
    visibility: hidden;
}
.is-sub-menu:hover~.background-gray-full {
    visibility: visible;
    transition-delay:0.3s;
}

.menu-sub{
    position: absolute;
    top: 111px;
    width: 100%;
    left: 0px;
    visibility: hidden;
    color: black;
    max-height: 88vh;
    overflow: hidden;
}
.menu-sub-block {
    margin: 0px 20px;
    background: white;
    z-index: 1;
    position: relative;
    -webkit-border-top: 0.5px solid #d5cfcf;
    -moz-border-top: 0.5px solid #d5cfcf;
    -ms-border-top: 0.5px solid #d5cfcf;
    -o-border-top: 0.5px solid #d5cfcf;
    border-top: 0.5px solid #d5cfcf;
    border-radius: 0px 0px 8px 8px;
}
.menu-sub-data{
    padding: 20px 30px;
}
.menu-sub-category{
    overflow: hidden;
}

.is-sub-menu:hover .menu-sub {
    visibility: visible;
    transition-delay:0.3s;
}

.list-group-item.level-1 {
    font-weight: 700;
    font-size: 16px;
    margin: 4px;
    white-space: nowrap;
    color: #1976db;
}
.list-group-item-heading.level-1{
    font-weight: 700;
    font-size: 16px;
    margin: 4px;
    white-space: nowrap;
    color: #1976db;
}

.list-group-item.level-2 {
    font-weight: 400;
    font-size: 14px;
    margin: 4px;
    white-space: nowrap;
    color: #4b4b4b;
}
.list-group-item-heading{
    font-weight: 700;
    font-size: 14px;
    margin: 4px;
    white-space: nowrap;
    color: #4b4b4b;
}
.menu-flex {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.menu-flex .menu-flex-5 {
    max-width: 20%;
    overflow: hidden;
}
.type-heading:first-child {
    margin-top: 0;
}
.type-heading {
    margin-top: 18px;
}
.type-heading a{
    font-weight: 700;
    color: #1976d2;
}
.type-heading a:hover{
    color: #1976d2;
}
.type-default a{
    color: #616161;
    font-size: 13px;
    font-weight: 500;
    padding-left: 5px;
}
.menu-link {
    color: inherit;
    text-decoration: inherit;
    /*cursor: inherit;*/
}
.content-center {
    float: none !important;
    max-width: 100%;

    /* Flexbox fallback (для старых браузеров) */
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

    /* Grid центрирование */
    display: grid;
    -webkit-align-items: center;
    -webkit-justify-items: center;
    -moz-align-items: center;
    -moz-justify-items: center;
    align-items: center;
    justify-items: center;

    /* Центрирование самого элемента */
    -webkit-align-self: center;
    -webkit-justify-self: center;
    -moz-align-self: center;
    -moz-justify-self: center;
    align-self: center;
    justify-self: center;
}
.block_white{
    display: flex;
    height: 58px;
    padding: 6px 13px;
    background-color: white;
    /*border: 1px solid var(--border-gray);*/
    border-radius: 5px;
    align-items: center;
}
.block_noWhite{
    display: flex;
    height: 58px;
    width: 115px;
    padding: 6px 13px;
    border-radius: 5px;
    align-items: center;
    justify-content: center;
}
.dropmenu-client{
    cursor: pointer;
    background: #fff url('data:image/svg+xml;utf8,<svg viewBox="0 0 24 24" width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12.0007621,13.0865485 L16.3127232,8.77458739 C16.6788397,8.40847087 17.2724319,8.40847087 17.6385484,8.77458739 L17.7269368,8.86297574 C18.0930533,9.22909226 18.0930533,9.82268443 17.7269368,10.188801 L12.688801,15.2269368 C12.4993518,15.4163859 12.2489938,15.5078035 12.0007621,15.5011895 C11.7525304,15.5078035 11.5021723,15.4163859 11.3127232,15.2269368 L6.27458739,10.188801 C5.90847087,9.82268443 5.90847087,9.22909226 6.27458739,8.86297574 L6.36297574,8.77458739 C6.72909226,8.40847087 7.32268443,8.40847087 7.68880096,8.77458739 L12.0007621,13.0865485 Z" fill="%23666666"></path></svg>') no-repeat;
    background-position-x: 0%;
    background-position-y: 0%;
    background-position: right 5px top 50%;
}
.dropmenu-client:hover{
    background-color: var(--background-blue-lighter);
}
.dropmenu-client-list{
    width: 100%;
    display: none;
    position: relative;
    z-index: 2;
    height: 0;
    top: -3px;
}
/*.dropmenu-client-id:first{
    border-top: 1px solid var(--border-gray);
}
.dropmenu-client-id:first-child{
    border-top: 1px solid var(--border-gray);
}*/
.dropmenu-client-id:last-child{
    border-radius: 0px 0px 5px 5px;
}
.dropmenu-client-id{
    background-color: #fff;
    /*border-left: 1px solid var(--border-gray);
    border-right: 1px solid var(--border-gray);
    border-bottom: 1px solid var(--border-gray);*/
    padding: 6px 10px;
}
.dropmenu-client-id:hover{
    background-color: var(--background-blue-lighter);
}

.ymaps-2-1-79-balloon {
    position: absolute;
    z-index: 1;
    padding: 1px;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .15), 0 5px 15px -7px rgba(0, 0, 0, .5);
    border-radius: 5px;
}
.ymaps-2-1-79-balloon__layout {
    position: relative;
    display: block;
    overflow: hidden;
    background: #fff;
    border-radius: 5px;
}
.user_menu_block_activ {
    color: rgb(0, 0, 0);
    background-color: var(--background-blue);
}
.user_menu_block {
    padding: 4px 12px 7px 12px;
    font-weight: 700;
    font-size: large;
    margin: 4px;
    white-space: nowrap;
    color: #4b4b4b;
}
.user_menu_block:hover{
    background-color: var(--background-blue-darker);
    color: rgb(0, 0, 0);
}
.warning-icon{
    display:none; position: absolute; top: 15px; right: 15px; width: 24px; height: 24px;
}
input:focus{
    /*outline: 1px solid #0073b1;*/
    /*border: 1px solid #0073b1;*/
    box-shadow: 0 0 5px rgb(0 115 177 / 50%);
}

.menu_iherb_top:hover .background-gray-full {
    visibility: visible;
}
.menu_sub{
    position: absolute;
    top: 84px;
    width: 100%;
    left: 0px;
    visibility: hidden;
    color: black;
}
/* Запрет переноса текста */
.nowrap{
    -webkit-text-wrap: nowrap;
    -moz-text-wrap: nowrap;
    -o-text-wrap: nowrap;
    text-wrap: nowrap;
    white-space: nowrap;
}
.info{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: 16px;
    border-radius: 8px;
}
.info.green{
    color: #333333;
    background-color: #E5F8E6;
}
.share-cart-description {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    column-gap: 16px;
    color: #666;
    font-size: 16px;
    line-height: 24px;
}
.articles-nav:after {
    content: " ";
    color: transparent;
    display: inline-block;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    border: solid #666 0;
    border-width: 0 1px 1px 0;
    width: 6px;
    height: 6px;
    margin: .2em .5em;
    position: relative;
    top: .5px;
}
.article-breadcrumb{padding-top: 30px;display: flex; gap: 5px;}
.string_border_bottom{display: flex; text-align: right; padding: 10px 0px;}
.payment_methods{ display: grid; border: 1px solid #e6e6e6; border-radius: 8px; }
.payment_option { padding: 10px; display: flex; align-items: center; cursor: pointer; border-radius: 8px;}