/*
Theme Name: Pharma
Author: Pharma
Author URI: https://generatepress.com/
Description: New wordpress theme
Version: 3.5.1
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Domain Path: /languages
Text Domain: pharma
*/
body {
	background-color:#fff;
	font-size: 24.3px;
    line-height: 40px;
    color: #777;
	font-family: Helvetica, sans-serif;
  	-ms-text-size-adjust: 100%;
  	-moz-text-size-adjust: 100%;
  	-webkit-text-size-adjust: 100%;
	font-weight: 400;
    letter-spacing: 0;
}
html, body {
  height: 100%;
  min-width: 320px;
    color: #6d6d6d;
}
* {
  padding: 0px;
  margin: 0px;
  border: 0px;
}
*, *:before, *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
a {
	    color: #2c2c2c;
    text-decoration: none;
    transition: color .2s ease-out;
    cursor: pointer;
}
a:hover, a:active, .breadcrumb a:hover, .breadcrumb a:active, nav.toc-new ul li a:hover, nav.toc-new ul li a:active, main .product_first .product_main a:hover, main .product_first .product_main a:active {
	color:#2c2c2c;
	text-decoration:underline;
}
nav a:hover {
	color:#fff;
}
aside, nav, footer, header, section {
  display: block;
}
p {
	margin:10px 0;
}
h1,h2,h3,h4 {
	font-weight: 500;
}
article h1 {
	font-size: 35px;
    line-height: 35px;
}
nav, footer {
	font-size:18px;
}
a {
	color:var(--link_color);
	text-decoration:none;
}
a:hover, .one_product a:hover {
	color:var(--cta_color);
}
.head_1, .nav_1, main, .container {
	max-width:1100px;
	margin:0 auto;
}
.logo img, .footer_img img, .footer_img, .logo {
	width:200px;
	height:57.773px;
}
nav ul {
	display:flex;
	gap:40px;
	flex-wrap:wrap;
	margin: 5px 0;
}
footer .widgets {
	display: flex;
    gap: 40px;
    flex-wrap: wrap;
}
nav ul li {
	color:#fff;
	font-size: 14px;
    font-weight: 400;
    list-style-type: none;
}
main article section {
	margin:20px 0;
}
.products {
	display:flex;
	gap:20px;
	flex-wrap:wrap;
	justify-content: center;
}
.one_product {
	border-radius: 20px;
	flex: 0 0 calc(33.333% - 20px);
    background: #fff;
    text-align: center;
    outline: 1px solid #ebebeb;
    outline-offset: -1px;
    padding: 1px;
    transition: outline-color .3s ease-in-out;
}
.one_product:hover {
	background: var(--bg_color);
}
.one_product a {
    color: #343f52;
    font-size: 24px;
    text-decoration: none;
}
.one_product .name {
	letter-spacing: 0;
    color: #2c2c2c;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.166em;
}
.one_product .price_per_pill {
	font-size: 18px;
    line-height: 1.111em;
}
.one_product .price_per_pill .price {
	color: #43bdde;
	font-weight: 700;
}
.one_product img, .featured img {
    height: 150px;
	width:150px;
}
.one_product_footer {
    padding: 20px;
}
.one_product_footer a {
	text-transform: uppercase;
    border-radius: 20px;
    outline: 0;
    transition: color .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out;
    padding: 13px 15px;
	font-size: 16px;
	font-weight:400;
    line-height: 1.182em;
    cursor: pointer;
    color: #fff;
    background-color: #66bc89;
    border: 1px solid transparent;
    margin-top: 12px;
}
.one_product_footer a:hover, .one_product_footer a:active {
	color:#fff;
	background-color:#000;
}
.one_product .price-info {
	font-weight: 600;
    font-size: 16px;
    color: #000;
}
.one_product .dosages {
	font-size: 14px;
}
.bestsellers {
	margin-bottom:20px;
}
.category a {
    color: var(--link_color);
    font-size: 14px;
}
main li::marker {
    color: var(--cta_color);
}
.reviews__item {
	border-left: 5px solid var(--cta_color);
	margin:20px 0;
	color:#000;
}
.review_info {
	line-height:24px;
	font-size:18px;
	display: flex;
    gap: 20px;
    flex-wrap: wrap;
}
.review_info .text {
	font-style:italic;
}
.date {
	color: #8E9EA8;
	font-size:18px;
}
.nav {
border-bottom: 1px solid #ECF0F3;
    width: 100%;
	font-weight:500;
}
.nav_1 {
	align-items: center;
    display: flex;
    justify-content: space-between;
}
.head_1 {
	display:flex;
	justify-content: space-between;
	flex-wrap:wrap;
	margin:10px auto;
	align-items: center;
}
header {
	border-bottom: 1px solid #ECF0F3;
}
.ventajas {
	color:#fff;
	font-weight:200;
	gap:20px;
	display:flex;
	font-size:12px;
	line-height:16px;
}

.ventaja {
	position:relative;
	margin-right:40px;
}
.ventaja:last-child {
	margin-right:0;
}
.ventaja strong {
	display:block;
}
.ventaja::before, .search_button::before {
		filter: brightness(0) invert(1);
        top: 50%;
        left: -28px;
    	width: 18px;
    	height: 18px;
        transform: translateY(-50%);
		content: "";
    	position: absolute;
		background-position: center;
    	background-repeat: no-repeat;
    	background-size: contain;
    }
.search_button::before {
	filter: invert(41%) sepia(0%) saturate(0%) hue-rotate(177deg) brightness(96%) contrast(89%);
}
.ventaja_1::before {
	background-image: url(/wp-content/themes/pharma/img/discount.svg); 
}
.ventaja_2::before {
	background-image: url(/wp-content/themes/pharma/img/document.svg); 
}
.ventaja_3::before {
	background-image: url(/wp-content/themes/pharma/img/box.svg); 
}
.search_button::before {
	left:4px;
	background-image: url(/wp-content/themes/pharma/img/search.svg); 
}
.custom-form {
	display:flex;
}
.searchform input {
    color: #777;
	padding: 5px 5px 5px 20px;
	border: 1px solid #acaeb0;
}
#searchsubmit {
	border: 1px solid #acaeb0;
	border-left:0;
	color:#000;
}
.right_header {
	align-items: center;
    display: flex;
    gap: 20px;
}
footer {
	background-color:#fff;
	padding:40px 0 0 0;
}
.footer {
	background: #66bc89;
    width: 100%;
	color:#fff;
	font-size:16px;
}
.widgets section {
	max-width:300px;
}
.widgets .title-text {
	text-decoration: underline var(--theme-color);
    color: #2c2c2c;
    font-size: 18px;
    line-height: 26px;
}
.epcl-breadcrumbs {
	background-color: #f8f8f8;
	font-size: 15px;
    line-height: 26px;
	padding:10px 0;
}
.epcl-breadcrumbs a {
	color: #545454;
}
main .product_first {
	display:flex;
	margin-top:40px;
	gap:40px;
}
main .product_first .product_img {
	border: 1px solid #ebebeb;
	border-radius: 20px;
}
main .product_first .product_img img {
	margin: 0 auto;
    display: block;
	width:400px;
	height:400px;
}
main .product_first .product_img, main .product_first .product_main {
	width:100%;
}
main .product_first h1 {
	color: #2c2c2c;
    font-size: 32px;
    font-weight: 500;
    line-height: 1.188em;
}
main .product_first .product_main {
	font-size:18px;
}
main .product_first .product_main a {
	font-weight:400;
	color: #66bc89;
}
.radio-input input {
    display: none;
}
.radio-input label {
	border-radius: 20px;
    background-color: #fff;
    flex-grow: 1;
    margin: 0.5rem;
    padding: 0.5rem;
    display: flex;
    justify-content: space-between;
    position: relative;
    align-items: center;
    font-size: 18px;
}
.radio-input .text {
  font-size: 18px;
    display: flex;
    align-items: center;
}
.radio-input .circle {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: rgb(189, 187, 207);
    margin-right: 0.5rem;
    position: relative;
}
.insurance label {
	display:flex;
}
input.largerCheckbox {
            width: 20px;
            height: 20px;
	margin-right: 0.5rem;
        }
.insurance {
	margin-top: 0.5rem;
    padding: 10px 15px;
    font-size: 18px;
    line-height: 24px;
}
.insurance_content {
	display: flex;
    justify-content: space-between;
	width: 100%;
}
.radio-input input:checked + label span.circle::before {
    content: "";
    display: inline;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #2f64d8;
    width: 15px;
    height: 15px;
    border-radius: 50%;
}
.radio-input .text {
	font-weight: 400;
}
.radio-input .price {
    text-align: right;
    font-weight: bold;
}
.radio-input .small {
    padding-left: 5px;
    font-size: 13px;
    color: #545454;
}
.tabset, .tabset2 {
  margin-bottom: 10px;
}
.tabset > input[type="radio"], .tabset2 > input[type="radio"] {
  position: absolute;
  left: -200vw;
}

.tabset .tab-panel, .tabset2 .tab-panel {
  display: none;
}

.tabset > input:first-child:checked ~ .tab-panels > .tab-panel:first-child,
.tabset > input:nth-child(3):checked ~ .tab-panels > .tab-panel:nth-child(2),
.tabset > input:nth-child(5):checked ~ .tab-panels > .tab-panel:nth-child(3),
.tabset > input:nth-child(7):checked ~ .tab-panels > .tab-panel:nth-child(4),
.tabset > input:nth-child(9):checked ~ .tab-panels > .tab-panel:nth-child(5),
.tabset > input:nth-child(11):checked ~ .tab-panels > .tab-panel:nth-child(6),
.tabset > input:nth-child(13):checked ~ .tab-panels > .tab-panel:nth-child(7),
.tabset > input:nth-child(15):checked ~ .tab-panels > .tab-panel:nth-child(8),
.tabset2 > input:first-child:checked ~ .tab-panels > .tab-panel:first-child,
.tabset2 > input:nth-child(3):checked ~ .tab-panels > .tab-panel:nth-child(2),
.tabset2 > input:nth-child(5):checked ~ .tab-panels > .tab-panel:nth-child(3),
.tabset2 > input:nth-child(7):checked ~ .tab-panels > .tab-panel:nth-child(4),
.tabset2 > input:nth-child(9):checked ~ .tab-panels > .tab-panel:nth-child(5),
.tabset2 > input:nth-child(11):checked ~ .tab-panels > .tab-panel:nth-child(6),
.tabset2 > input:nth-child(13):checked ~ .tab-panels > .tab-panel:nth-child(7),
.tabset2 > input:nth-child(15):checked ~ .tab-panels > .tab-panel:nth-child(8){
  display: block;
}

.tabset > label, .tabset2 > label {
  position: relative;
  display: inline-block;
  padding: 5px 10px;
  border: 1px solid transparent;
  border-bottom: 0;
  cursor: pointer;
  font-weight: 600;
  font-size: 18px;
}

input:focus-visible + label {
  outline: 2px solid rgba(0,102,204,1);
  border-radius: 3px;
}

.tabset > label:hover,
.tabset > input:focus + label,
.tabset > input:checked + label,
.tabset2 > label:hover,
.tabset2 > input:focus + label,
.tabset2 > input:checked + label {
  text-decoration:underline;
	text-decoration-color:#66bc89;
	color:#000;
}

.tabset > input:checked + label, .tabset2 > input:checked + label {
  border-color: #ebebeb;
  border-bottom: 1px solid #f0f0f0;
  margin-bottom: -1px;
}

.tab-panel {
  border-top:1px solid #ebebeb;;
}
.tab-panels {
	line-height: 18px;
  border: 1px solid #ebebeb;;
  border-top:none;
  background-color: #f8f8f8;
border-radius: 20px;
	border-top-left-radius: unset;
    border-top-right-radius: unset;
}
.tabset > input:checked + label, .tabset2 > input:checked + label {
  background-color: #f8f8f8;
		border-radius: 20px;
	border-bottom-left-radius: unset;
    border-bottom-right-radius: unset;
	border-bottom: 1px solid #f8f8f8;
}
.best-deal, .free-regular-delivery, .free-express-delivery {
	margin: 0 5px 0 auto;
    border:2px dashed var(--theme-color);
    padding: 3px;
    border-radius: 4px;
    font-weight: 700;
    font-size: 14px;
}
.free-express-delivery {
	background-color:var(--theme-color);
	color:#fff;
}
.radio-input .text.pills_info_2 {
	font-size:14px;
}

.button {
	border-radius: 20px;
	width: auto;
    background-color: #b466bc;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    text-align: center;
	padding:10px 20px;
}
h2 {
	letter-spacing: 0;
    color: #2c2c2c;
    font-size: 26px;
    font-weight: 500;
    line-height: 1.269em;
    margin: 25px 0;
}
p, ul, ol, .faq-item {
	margin: 10px 0;
    line-height: 1.556em;
	font-size:18px;
}
.tabset2 > input + label {
	text-align:center;
	width:300px;
	background-color:#f8f8f8;
	color:#000;
	margin:20px 0;
}
.tabset2 > input:checked + label {
	border-color:#66bc89;
}
.tabset2 .tab-panels {
  border: none;
  background-color: #fff;
}
main ul li, main ol li {
	margin-left:20px;
}
.not_post {
	margin-top:40px;
}
.one_product:hover, .one_product:active, .tags a:hover, .tags a:active {
	outline: 3px dashed #66bc89;
}

.button:hover, .button:active {
	background-color:#000;
	cursor:pointer;
}
.not_post h1 {
	margin-bottom:20px;
}
.cart .product .name {
	text-decoration:underline;
	text-decoration-color:#66bc89;
}
.cart table {
    width: 100%;
    vertical-align: middle;
    font-size: inherit;
    color: inherit;
    line-height: inherit;
  border-collapse: separate;
  border-spacing: 0; /* чтобы убрать промежутки между ячейками */
  border: 1px solid #ECF0F3; /* пример рамки */
  border-radius: 20px;
  overflow: hidden; /* чтобы содержимое не вылазило за скруглённые края */
}

.cart th {
	    font-weight: 400;
    font-size: 14px;
}
.cart tr {
    border-left: none;
    border-right: none;
    border-top: none;
}
.cart table tr {
	font-size:20px;
}
.cart table td {
	text-align:center;
	padding:20px 27px;
	width:20%;
}
.cart table td.product_name {
	width:40%;
	display: flex;
    align-items: center;
	font-weight: 400;
}
.cart table td.product_name div {
flex-basis:  auto;
}
.cart table td.product_name img, .cart table td.product_name picture {
	width:100px;
	height:100px;
}
nav input[type='checkbox'], nav label {
    display: none;
}
.homepage, .but_page {
	text-align: center;
	-webkit-transition: background .3s, border .3s, border-radius .3s, -webkit-box-shadow .3s;
    transition: background .3s, border .3s, border-radius .3s, -webkit-box-shadow .3s;
    -o-transition: background .3s, border .3s, border-radius .3s, box-shadow .3s;
    transition: background .3s, border .3s, border-radius .3s, box-shadow .3s;
    transition: background .3s, border .3s, border-radius .3s, box-shadow .3s, -webkit-box-shadow .3s;
}
.homepage:before, .but_page:before {
	transform: scaleX(1);
	transform-origin: center;
    transition: transform .6s cubic-bezier(.4,.1,.26,.66);
	content: '';
    display: inline-block;
    width: 100%;
    height: 8px;
    background-color: #f8f8f8;
    position: relative;
    left: 0;
    top: 34px;
	z-index: 3;
}
.homepage h2, .but_page h1 {
	display: inline;
    background-color: #fff;
    position: relative;
    z-index: 5;
    padding: 0 27px;
	font-family: Helvetica, sans-serif;
    letter-spacing: 0;
    color: #2c2c2c;
    font-size: 32px;
    font-weight: 400;
    line-height: 1.188em;
}
.review_product {
	text-decoration: underline;
    text-decoration-color: var(--theme-color);
}

.tags {
	margin-top:20px;
	display:flex;
	flex-wrap:wrap;
	gap:20px;
}
.tags a {
    background: #fff;
    text-align: center;
    outline: 1px solid #ebebeb;
    font-size: 18px;
    padding: 10px 20px;
    outline-offset: -1px;
 	border-radius:20px;
    transition: outline-color .3s ease-in-out;
}
.featured, .homepage_about_us {
	margin-top:20px;
	display:flex;
	gap:20px;
}
.featured_block {
	display:flex;
	gap:20px;
	width:50%;
	border:5px solid #7ecf9f;
	align-items:center;
}
.featured_title {
	letter-spacing: 0;
    color: #2c2c2c;
    font-size: 32px;
    font-weight: 500;
    line-height: 1.166em;
}
.featured_descr {
	font-size: 18px;
    line-height: 24px;
}
.featured .green {
	padding-left: 30px;
    background-color: #7ecf9f;
	color:#fff;
}
.featured .green .featured_title {
	color:#fff;
}
.homepage_about_us .head, .homepage_about_us .descr {
	width:50%;
	gap:20px;
	align-items:center;
}
.homepage_about_us .head {
	font-size:40px;
}
.shipping, .payments {
	display:flex;
		font-size:14px;
	align-items: center;
	justify-content: space-between;
}
.shipping {
	margin-top:20px;
	border-top: 1px solid #ECF0F3;
}
.shipping_1 {
	font-weight:500;
	display:flex;
}
.shipping_2 {
	display: block;
    -ms-flex: 1;
    flex: 1;
    margin: 0 .8rem;
    border-top: 1px dashed #8E9EA8;
}
@font-face {
  font-family: 'icons';
  src:  url('/wp-content/themes/pharma/fonts/icons.eot');
  src:  url('/wp-content/themes/pharma/fonts/icons.eot') format('embedded-opentype'),
    url('/wp-content/themes/pharma/fonts/icons.ttf') format('truetype'),
    url('/wp-content/themes/pharma/fonts/icons.woff') format('woff'),
    url('/wp-content/themes/pharma/fonts/icons.svg') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
.shipping .shipping_1:before, .payments .shipping_1:before, .pros:before, .add_to_cart button::before, .attention_1::before, .attention_2::before, .attention_3::before, .cart-icon:before {
    font-family: 'icons' !important;
    color: #000;
    font-weight: bold;
    display: inline-block;
    font-size:28px;
	margin-right:5px;
}
.pros:before {
	font-size:14px;
	color: #66bc89;
    content: "\e90d";
}
.add_to_cart button.button::before, .cart-icon:before {
	font-size:24px;
	color: #6d6d6d;
    content: "\e904";
}
.add_to_cart button.button::before {
	color: #fff;
	font-size:18px;
}
.shipping .shipping_1:before {
    color: #66bc89;
    content: "\e903";
}
.payments .shipping_1:before {
    color: #66bc89;
    content: "\e902";
}
.attention_3::before, .attention_1::before, .attention_2::before {
	color: #66bc89;
    content: "\e90d";
	font-size:14px;
}
ul.info_payments {
	margin: 0;
    padding: 0;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}
ul.pros {
	list-style: none;
			border-radius: 20px;
	font-size: 14px;
    padding: 10px;
    align-items: center;
    display: flex;
    background: aliceblue;
}
ul.pros li {
	margin-left:0;
	margin-right:.8rem;
}
ul.info_payments li {
	margin-left:0;
	margin-right:.8rem;
}
ul.info_payments li img {
	width:24px;
	height:16px;
}
.stars {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1.2px;
	align-items:center;
}
.stars i {
	font-style:normal;
}
main .product_first .product_main .stars a {
	color:#545454;
	font-size:14px;
}
.stars i::before {
    font-family: icons !important;
    font-size: 24px;
    letter-spacing: 3px;
    color: #000;
    -webkit-text-fill-color: transparent;
    content: "\e901 \e901 \e901 \e901 \e901";
    display: unset;
}
.reviews__item {
	display:flex;
	gap:20px;
}
.user_photo {
	flex: 0 0 auto;
    width: auto;
    max-width: none;
}
.user_photo .letters {
	background: #03A9F4;
	width: 4.4rem;
        height: 4.4rem;
        font-size: 2.4rem;
	display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0;
    border-radius: 50%;
    color: #fff;
    line-height: 1.5;
    font-weight: 700;
}
.verified {
	color: #01B567;
}
.verified:before {
	color: #01B567;
    content: "\e90d";
    font-family: 'icons' !important;
    font-weight: bold;
    display: inline-block;
    font-size:18px;
	margin:0 5px;
}
.reviews__item p {
	margin:0;
}
.faq-question {
	font-weight: 500;
    color: #424C53;
    line-height: 36px;
}
nav.toc-new ul {
	justify-content: left;
}
nav.toc-new ul li {
	margin-left:0;
}
nav.toc-new ul li a {
	color: #66bc89;
    font-weight: 400;
    text-decoration: underline;
}
.pills_info {
	line-height: 18px;
    border: 1px solid #ebebeb;
	border-bottom: none;
    background-color: #f8f8f8;
    padding: 0.5rem 13px 0.5rem 44px;
	display: flex;
    justify-content: space-between;
	border-radius: 20px;
	border-bottom-left-radius: unset;
	border-top-left-radius: unset;
    border-bottom-right-radius: unset;
}
.subheading {
	position:absolute;
	font-size: 16px;
    top: 45px;
    left: 48px;
	min-width: 400px;
}
.search {
	border-radius:20px;
	border-bottom-right-radius: unset;
    border-top-right-radius: unset;
}
.search_button {
	width:30px;
	position:relative;
	border-radius:20px;
	border-bottom-left-radius: unset;
    border-top-left-radius: unset;
	background-color: #fff;
}
.pills_info_1 {
	flex-grow:2;
}
.pills_info_3 {
	width:20%;
	text-align:right;
}
.quantity {
  display: flex;
  border-radius: 4px;
  overflow: hidden;
}

.home {
	max-width:100%;
}
.colored {
	background-color:var(--theme-color);
	color:#fff;
}
.colored h2 {
	color:#fff;
}
.marquee {
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  border: 1px solid #ECF0F3;
  box-sizing: border-box;
}

.marquee__inner {
  display: flex;
  animation: marquee 20s linear infinite;
}

.marquee__item {
  flex: 0 0 auto;
  padding: 0 4rem;
  font-size: 1.2rem;
  line-height: 2;
  white-space: nowrap;
}
.marquee__item:before {
	color: var(--theme-color);
    font-size: 14px;
    content: "\e90d";
	font-family: 'icons' !important;
    font-weight: bold;
    display: inline-block;
    margin-right: 5px;
}
.menu-icon {
      font-size: 30px;
      cursor: pointer;
      display: none;
    }

    #menu-toggle {
      display: none;
    }

    

    .close-menu {
      display: none;
      position: absolute;
      top: 20px;
      right: 20px;
      font-size: 30px;
      cursor: pointer;
      color: white;
    }

    @media (max-width: 768px) {
      .menu-icon {
        display: block;
      }
.main-nav {
      display: flex;
      gap: 20px;
    }

    .main-nav a {
      color: white;
      text-decoration: none;
      font-size: 24px;
    }
      .main-nav {
        display: none;
        flex-direction: column;
        align-items: center;
        padding-top:20px;
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        background:var(--theme-color);;
        z-index: 999;
      }
		nav ul {
			display:block;
			line-height: 36px;
		}
      .main-nav.active {
        display: flex;
      }

      .close-menu {
        display: block;
      }
    }
/* Анимация движения */
@keyframes marquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
.contactus  {
	margin:50px auto;
	text-align:center;
}
.contactus div {
	font-size:18px;
}
.contactus a {
	color:var(--theme-color);
	text-decoration:underline;
}
.quantity button {
  background-color: rgb(246, 246, 246);
  color: rgb(158, 158, 158);
  border: none;
  cursor: pointer;
  font-size: 28px;
  width: 50px;
  padding: 0 10px;
  height: auto;
  text-align: center;
  transition: background-color 0.2s;
}
.quantity .minus {
  border-radius: 20px 0 0 20px;
}

.quantity .plus {
  border-radius: 0 20px 20px 0;
}
.quantity button:hover, .quantity button:active {
  background-color: #66bc89;
	color:#fff;
}
.content1 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap; /* makes it adapt on smaller screens */
}

.content1 .head_img {
  flex: 1 1 300px;
  margin-right: 20px;
}

.content1 h1 {
  font-size: 2rem;
  line-height: 1.3;
}

.content1 img {
  flex: 1 1 300px;
  max-width: 400px;
  width: 100%;
  height: auto;
}
.content1 picture {
	max-height:400px;
	max-width:400px;
	    line-height: 0;
}
.input-box {
background-color:rgb(246, 246, 246);
  width: 100%;
  text-align: center;
  border: none;
  padding: 8px 10px;
  font-size: 16px;
  outline: none;
}

/* Hide the number input spin buttons */
.input-box::-webkit-inner-spin-button,
.input-box::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.input-box[type="number"] {
  -moz-appearance: textfield;
}
.add_to_cart {
	display: flex;
    gap: 20px;
}
.attention {
	margin-top:20px;
	background: aliceblue;
    padding: 10px;
    font-size: 16px;
	line-height: 24px;
}
.attention ul {
	font-size: 16px;
    line-height: 24px;
    margin-bottom: 0;
	list-style:none;
}
.attention ul li ul {
	list-style:disc;
	margin:0;
}
.attention ul li ul li::marker {
	color:#66bc89;
}
.attention ul li ul li {
	margin-left: 30px;
}
.attention ul li ul .attention_3::before, .attention ul li ul .attention_1::before,  .attention ul li ul.attention_2::before {
	content:none;
}
.attention ul li {
	margin-left:0;
}
.attention span {
	text-decoration:underline;
}
main .cart, .not_post {
	max-width: 820px;
}
.modal {
  display: none;
  position: fixed;
  z-index: 8;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0,0,0,0.4);
}

/* Стили для содержимого модального окна */
.modal-content {
  background-color: #fefefe;
  margin: 15% auto;
  border: 1px solid #66bc89;
  width: 90%;
	max-width:600px;
}

/* Стили для элемента закрытия модального окна */
.close {
  color: #fff;
  float: right;
  margin: 20px;
    font-size: 34px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}
	.popup_attention {
		padding:20px;
		background-color:#66bc89;
		color:#fff;
	}
	.popup_content {
		padding:20px;
	}
	.popup_content img {
		max-width:200px;
	}
	.popup_rasp {
		gap:20px;
		display:flex;
		justify-content:center;
	}
	.popup_rasp .pros:before {
		content:none;
	}
	.popup_rasp .pros {
		display:block;
	}
	.popup_rasp ul.pros li:before {
		font-size: 14px;
    color: #66bc89;
    content: "\e90d";
		font-family: 'icons' !important;
    font-weight: bold;
    display: inline-block;
    margin-right: 5px;
	}
	.popup_rasp .button {
		display:block;
	}
	.popup_rasp .button:hover, .popup_rasp .button:active {
		color:#fff;
	}
	.banner {
		display:none;
		align-items: center;
    	justify-content: center;
		gap:20px;
		position: fixed;
		color:#fff;
        width: 100%;
        bottom: 0;
        z-index: 30;
        background-color: #66bc89;
        padding: 10px 0;
	}
	.banner img, .banner picture {
		width:50px;
		height:50px;
	}
	.banner .button {
		background-color:#e31c1c;
	}
.subbanner { 
	 justify-content: center;
    display: flex;
    align-items: center;
	gap:20px;
}
.city {
	color: #615e5b;
    font-style: italic;
}
	@media screen and (max-width: 740px) {
		.popup_rasp {
			flex-wrap:wrap;	
		}
		.banner {
  flex-wrap:wrap;
			padding:10px;
			font-size:18px;
			line-height:1;
}
		.subbanner {
			gap: 10px;
		}
	}
@media screen and (max-width: 740px) {
	header {
		display:flex;
		flex-wrap:wrap;
	}
	.searchform	{
		display:none;
	}
	h1 {
		font-size:32px;
	}
	.one_product {
		width:100%;
		flex: 0 0 100%; /* 1 в ряд */
	}
	footer .widgets {
		padding:10px 5px 0 5px;
	}
	.footer {
		padding:0 5px;
	}
	main {
		padding:0 5px;
	}
	main.home {
		padding:0;
	}
	.colored {
		padding:5px 5px 0 5px;
	}
	.content1 h1 {
		font-size:24px;
		text-align:center;
		margin-right:0;
	}
	.colored h2, .homepage h2 {
		font-size:24px;
	}
	.colored .about {
		justify-content:center;
	}
	.colored .about h2 {
		margin:0;
	}
	main .product_first {
		margin-top:20px;
    	flex-wrap: wrap;
		gap:20px;
	}
	ul.pros {
		flex-wrap: wrap;
    justify-content: center;

	}
	.tabset2 > input + label {
		width:unset;
	}
	main .product_first .product_img img {
		max-width:100%;
		width:300px;
		height:300px;
		max-height:100%;
	}
	
	.featured, .homepage_about_us {
		flex-wrap:wrap;
	}
	.featured_block {
		width:100%;
	}
	.featured .green {
		padding-left:0;
	}
	.best-deal {
		right:-10px;
	}
	.radio-input {
		display:block!important;
	}
	.add_to_cart {
		display: flex;
    	gap: 20px;
	}
	.button {
    	width: 100%;
		display:block;
	}
	.cart .button {
		margin:0 auto 20px auto;
		width:80%;
	}
	.shipping_1 {
		line-height: 24px;
	}
	.head_1 {
		margin:0;
		    width: 100%;
    display: flex;
    justify-content: space-around;
	}
	.ventajas {
		align-items: center;
		margin:10px auto;
	}
	.ventajas span {
		display:none;
	}
	.not_post {
		margin-top:0;
	}
	.attention {
		margin-top:0;
	}
	.nav {
	background: unset;
}
	.cont {
  height:unset;
}
}
.cart .radio-input input {
  display: none;
}

.cart .radio-input label {
width:100%;
  min-width: 5rem;
  margin: 0.5rem;
  padding: 10px 15px;
  display: flex;
  justify-content: space-between;
  position: relative;
  align-items: center;
}


.cart .radio-input {
	line-height: 18px;
}

.cart .circle {
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: rgb(189, 187, 207);
  margin-right: 0.5rem;
  position: relative;
}

.cart .radio-input input:checked + label span.circle::before {
  content: "";
  display: inline;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #2f64d8;
  width: 15px;
  height: 15px;
  border-radius: 50%;
}
.cart .text {
  display: flex;
  align-items: center;
  font-size: 18px;
    line-height: 24px;
}

.cart .price {
  display: flex;
  flex-direction: column;
  text-align: right;
  font-weight: bold;
}

.cart .small {
  font-size: 10px;
  color: rgb(136, 138, 139);
  font-weight: 100;
}

.cart .info {
  position: absolute;
  display: inline-block;
  font-size: 11px;
  background-color: rgb(31, 236, 123);
  border-radius: 20px;
  padding: 1px 9px;
  top: 0;
  transform: translateY(-50%);
  right: 5px;
}
.cart .checkbox-container {
margin: 0.5rem;
padding: 0 0.5rem;
  display: inline-flex;
  align-items: center;
}

.cart .checkbox {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  cursor: pointer;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.027);
  height: 20px;
  width: 20px;
}

.cart .checkbox input {
  -webkit-appearance: checkbox;
  width: 100%;
  height: 100%;
  cursor: pointer;
  margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.cart .checkbox-text {
  cursor: pointer;
  margin-left:0.5rem;
}
.cart .product, .descr {
align-items: center;
display:flex;
justify-content: space-between;
}
.cart .descr {
font-weight: 400;
    font-size: 1rem;
    line-height: 1.5;
    color: rgb(164, 164, 164);
    text-transform: capitalize;
    border-bottom: 1px solid rgb(164, 164, 164);
    margin-bottom: 20px;
}

.cart .product .name {
font-weight:700;}
.cart .descr .name, .product .name {
width:40%;}
.cart .more_info {
font-size: 0.875rem;
    line-height: 1.43;
    color: rgb(164, 164, 164);
	white-space: nowrap;
    }
.second {
    text-align:left;
font-family: Helvetica, sans-serif;
    letter-spacing: 0;
    color: #2c2c2c;
    font-size: 32px;
    font-weight: 500;
    line-height: 1.188em;
    margin: 25px 0;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
	}
	
    .cart .userinfo .input-container {
		width: 100%;
		margin: 20px 0;
    max-width: 600px;
		position:relative;
}

.cart .userinfo label {
  padding-bottom: 5px;
    font-size: 13px;
    position: absolute;
    left: 15px;
}
	.cart form .button {
		margin-top:20px;
		display:block;
	}
.cart .userinfo .input, select {
    padding: 25px 15px 15px 15px;
    font-size: 16px;
    width: 100%;
    border-radius: 20px;
    border: 1px solid #ECF0F3;
}
	.cart select {
		-webkit-appearance: none;
 -moz-appearance: none;
 appearance: none;
	}
	.cart .iti {
		display:block!important;
	}

.load-more-btn {
	display: block;
	margin: 30px auto;
	padding: 12px 24px;
	background-color: var(--theme-color);
	color: white;
	border: none;
	cursor: pointer;
	font-size: 16px;
	border-radius: 20px;
}
.load-more-btn:disabled {
	background-color: #ccc;
	cursor: wait;
}
.but_page h1 {
	
}
@keyframes floating-label {
  0% {
    transform: translateY(0);
    opacity: 1;
  }

  100% {
    transform: translateY(-25px);
    opacity: 0;
  }
}

.cart .userinfo .input:placeholder-shown + label {
  position: absolute;
  top: 50%;
  left: 10px;
  transform: translateY(-50%);
  font-size: 14px;
  color: #777;
  pointer-events: none;
  transition: transform 0.3s, font-size 0.3s, color 0.3s;
}

.cart .userinfo .input:focus:not(:placeholder-shown) + label {
  transform: translateY(-25px);
  font-size: 12px;
  background-color: #4158D0;
  background-image: linear-gradient(43deg, #4158D0 0%, #C850C0 46%, #FFCC70 100%);
  animation: floating-label 0.3s forwards;
}
.cart .total {
margin:20px 0;
color: rgb(110, 109, 135);
font-weight:700;
font-size:20px;
text-align:right;
}
.cart .footer {
    background: #282828;
    padding: 30px 0;
}
.cart .footer-top {
    display: grid;
    grid-template-columns: 20% 60% 20%;
    margin-bottom: 20px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
}
.cart .footer-line {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 100px;
}
.cart .footer-line span {
    font-family: "Raleway";
    font-weight: 400;
    font-size: 25px;
    line-height: 29px;
    color: #FFFFFF;
}
.cart .address::before {
    content: "\e902";
}
.cart .email::before {
    content: "\e905";
}
.cart .footer-rights {
    font-family: "Raleway";
    font-weight: 300;
    font-size: 22px;
    line-height: 26px;
    color: #FFFFFF;
    text-align: center;
}
.cart .footer-contacts {
  text-align: left;
}
.cart .header-links:last-child a {
    height: unset;
    padding: unset;
    background-color: unset;
    color: unset;
}
.cart .content {
  margin: 20px 0;
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: center;
}
.cart .panel-body {
    display: flex;
    flex-direction: column;
    padding: 30px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.cart .panel {
    margin:0 auto;
	padding: 30px;
}
.panel {
    background: #FFFFFF;
    box-shadow: 0px 15px 50px -20px rgba(0, 0, 0, 0.1);
    max-width: 740px;
    border-radius: 10px;
}
.panel-body {
    display: flex;
    flex-direction: column;
    padding: 50px 30px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.thank-you {
    font-size: 30px;
    text-align: center;
    color: #000000;
    max-width: 490px;
    margin-bottom: 15px;
    align-self: center;
}
.parent {
    min-height: 60px;
    margin-bottom: 40px;
}
.data {
    background: #FAF8F0;
    border-radius: 10px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    line-height: 1.2;
    font-size: 16px;
}
.data__block {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.data__item:first-child {
    position: relative;
    padding-right: 30px;
}
.data__key {
    color: #777777;
    flex-shrink: 0;
}
.data__item:first-child:after {
    position: absolute;
    content: '';
    width: 1px;
    height: 100%;
    background-color: #222;
    top: 0;
    right: 20px;
}
.data__block .data__item {
    width: 50%;
}
.cart .thank-you {
    font-size: 30px;
    color: #000000;
    max-width: 490px;
    margin-bottom: 15px;
    align-self: center;
}
.second  {
    margin-top: 20px;
    font-size: 24px;
    text-align: left;
}
.cart .radio-input label {
  max-width: -webkit-fill-available;
  margin: 0.5rem 0;
}
	.cart input::placeholder {
		color:rgb(157 168 177);
		font-weight:200;
		font-family:arial;
		opacity:0.5;
	}
	.cart .iti__selected-dial-code {
		font-size:20px;
	}
	.cart .message {
		margin: 0;
    position: absolute;
    color: #cc0033;
    font-weight: 400;
    font-size: 16px;
	}
	.cart .red_label {
		background-color: #fce4e4;
  border: 1px solid #cc0033;
	}
	.cart .phone_label {
		top:0;
		z-index:1;
		left:90px!important;
	}
	.cart .iti__country-container {
		padding-top:15px;
	}
.remove-from-cart-btn {
	font-size: 20px;
    background-color: #fff;
}
.svgicon {
	user-select: none;
    width: 1em;
    height: 1em;
    display: inline-block;
    fill: currentcolor;
    flex-shrink: 0;
    font-size: 1.25rem;
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1);
	    margin-right: 10px;
}
.svgarrow {
	user-select: none;
    width: 1em;
    height: 1em;
    display: inline-block;
    fill: currentcolor;
    flex-shrink: 0;
    font-size: 1.25rem;
    color: rgb(251, 117, 75);
    margin-left: 16px;
    margin-right: 16px;
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
.steps {
	display:flex;
	gap:10px;
}
.steps .step {
	display:flex;
	font-size:16px;
	line-height:20px;
	margin-left:0;
}
.cod {
	display:flex;
	gap:20px;
}
.cod_form {
	border-radius: 20px;
	background: aliceblue;
    padding: 10px;
    border: 2px dashed #66bc89;
}
.cod_attention {
	font-size: 16px;
    text-align: center;
    line-height: 20px;
}
.cod_form .userinfo .input-container {
	margin:10px 0;
}
.old_price {
	text-decoration: line-through;
	color:#6d6d6d;
}
.new_price {
	color:#000;
	font-weight:700;
}
.cart-icon {
    padding: 5px 10px;
}
#cart-icon {
    position: relative; /* Для позиционирования элементов внутри */
    display: inline-block; /* Делаем элемент строчным, чтобы он не занимал всю ширину */
}

#cart-item-count {
    position: absolute; /* Абсолютное позиционирование относительно родителя */
    top: -5px; /* Немного поднимем вверх */
    right: -5px; /* Немного смещаем в правый верхний угол */
    background-color: red; /* Цвет фона для счётчика */
    color: white; /* Цвет текста */
    width: 20px; /* Ширина счётчика */
    height: 20px; /* Высота счётчика */
    border-radius: 50%; /* Делаем счётчик круглым */
    text-align: center; /* Выравнивание текста по центру */
    line-height: 20px; /* Выравнивание текста по вертикали */
    font-size: 12px; /* Размер шрифта */
    font-weight: bold; /* Жирный шрифт */
    border: 2px solid white; /* Белая рамка для счётчика */
}

#cart-icon img {
    width: 40px; /* Ширина иконки корзины */
    height: 40px; /* Высота иконки корзины */
}
.cart table .gift td.product_name {
	width:100%;
}
.gift {
	background-color: #e4fee7;
}
.cart table .gift td {
	padding: 0px 27px;
}
.cart table .gift td.product_name  img {
	width:50px;
	height:50px;
}
.cart table .gift td.product_name div {
	font-size:14px;
}
.cart table .gift td.one_price {
	font-size:14px;
}
#shipping-method i {
	    margin-left: 5px;
    font-size: 14px;
}
.button.disabled {
    background-color: #ccc !important;
    color: #666 !important;
    cursor: not-allowed;
}
.ajax-search-results {
	font-size:14px;
  position: absolute;
  top: 100%;
  left: 10px;
  background: white;
  width: calc(100% - 41px);
  z-index: 9999;
  max-height: 200px;
  overflow-y: scroll;
  box-shadow: 0 2px 6px rgba(0,0,0,0.15);
}

.ajax-search-results .result-link {
	line-height: 24px;
  display: block;
  padding: 8px 10px;
  text-decoration: none;
  color: #333;
}

.ajax-search-results .result-link:hover {
  background-color: #f0f0f0;
}

.no-result {
  padding: 8px 10px;
  color: #888;
}

@media screen and (max-width: 740px) {
    .cart .main {
        padding: 0;
    }
    .cart .panel {
      padding:5px;
    }
    .cart .panel-body {
      padding:15px;
    }
    .cart .checkbox {
      width:40px;
      height:40px;
    }
	table,
            thead,
            tbody,
            th,
            td,
            tr {
                display: block;
            }

            thead tr {
                position: absolute;
                top: -9999px;
                left: -9999px;
            }

            tr {
                margin-bottom: 20px;
                border: 1px solid #ECF0F3;
            }
	tr.cart-item {
		margin-bottom:0;
	}

            td {
                border: none;
                position: relative;
            }
	.cart table td {
		padding: 5px;
		width:unset;
	}
	.cart table tr {
		justify-content: space-around;
		display:flex;
		flex-wrap:wrap;
	}
	.cart table tr .total_price, .cart table tr .quantity2 {
		position: relative;
    top: -5px;
	}
	.cart table tr .total_price:before, .cart table tr:not(.gift) .quantity2:before {
                display:block;
		font-size: 12px;
        line-height: 12px;
                left: 6px;
                content: attr(data-label);
                font-weight: bold;
            }
	 .cart table tr.gift .quantity2 {
		top:0;
	}
	.cart table tr.gift {
		flex-wrap: nowrap;
    align-items: center;
	}
	.gift td:last-child {
		display:none;
	}
	.cart table .gift td {
	padding: 0px 27px 0 0;
}
	.cart table td.product_name {
		width:100%;
	}
	.cart  .userinfo .input-container {
		width:100%;
	}
	.steps {
		flex-wrap:wrap;	
	}
	.cart .text, .ship_price, .insurance_content {
		font-size: 14px;
    line-height: 20px;
	}
	.cart .radio-input label {
		margin:0;
	}
	.cod {
		flex-wrap:wrap;
		gap:0px;
	}
	.cart .cod .input-container {
		margin:10px 0;
	}
	#cart-icon {
		display:block;
	}
	.content1 .head_img {
		padding-top: 20px;
    	text-align: center;
	}
}