/*
Theme Name: VitaminOS
Theme URI: https://vitaminos.0tido.ru/
Author: Your Name
Description: Тема для сайта VitaminOS
Version: 1.0
Text Domain: vitaminos
*/
.woocommerce .products .product img,
.woocommerce-page .products .product img,
.woocommerce div.product .woocommerce-product-gallery__wrapper img,
.woocommerce-page div.product .woocommerce-product-gallery__wrapper img {
    height: 100% !important;
    object-fit: cover !important;
} 

.woocommerce img, .woocommerce-page img {
    height: 100% !important;
    object-fit: cover !important;
} 
body .rounded-xl {
    border-radius: 8px;
}
body .rounded-t-2xl {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
article p,
article ul,
article ol {
	margin:0.5rem 0 1rem;
}

article ul {
	margin-left:20px;
}
article ul li {
	position:relative;
}
article ul li:before {
	content:'';
	background:#91bf20;
	height:6px;
	width:6px;
	border-radius:50%;
	display:block;
	position:absolute;
	top:52%;
	left:-14px;
	transform:translateY(-50%);
}

body .social   {
	align-items: center;
}
body .social .vk svg {
	height: 30px;
}
body .social .youtube svg {
	height: 22px;
}
body .social .telegram svg {
	height: 20px;
}


.popup-wrapper {
  position: fixed;
  inset: 0;
  z-index: 50;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
}

.popup-wrapper.active {
  opacity: 1;
  visibility: visible;
}

.popup-overlay {
  position: absolute;
  inset: 0;
  background: black;
  opacity: 0.5;
  transition: opacity 0.3s ease;
}

.popup-content {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 100%;
  max-width: 600px;
  background: white;
  transform: translateX(100%);
  transition: transform 0.3s ease;
  z-index: 10;
}

.popup-wrapper.active .popup-content {
  transform: translateX(0);
}

body .wpcf7 form.sent .wpcf7-response-output {
    border-color: #15803d;
    border-radius: 8px;
    padding: 16px 20px;
    background: linear-gradient(45deg, #15803d2e, transparent);
    color: #15803d;
    font-weight: 500;
}


header nav a.active {
    font-weight: 500;
    color: #91bf20; /* [#91bf20] */
}

.question-tooltip:hover + .tooltip-content {
    opacity: 1;
}

.rotate-180 {
    transform: rotate(180deg);
}


nav li {
	list-style:none;
}
#mobile-menu {
    height: 100vh !important;
    min-height: -webkit-fill-available; /* для iOS */
}

#mobile-menu > div {
    height: 100%;
    display: flex;
    flex-direction: column;
}

#mobile-menu nav { 
    overflow-y: auto;
}
#mobile-menu,
#mobile-menu .contacts, 
#mobile-menu nav {
    background: white !important;
}

#mobile-menu nav ul {
    display: flex;
    flex-direction: column;
}

#mobile-menu nav li {
    display: block;
}

@media screen and (max-width:768px) {
	.logotype img {
		    width: 150px;
	}
}

body .from-green-100 {
    --tw-gradient-from: #f7ffe3 var(--tw-gradient-from-position);
}
body .border-green-100,
body .border-green-200,
body .border-green-300,
body .border-green-400,
body .border-green-500,
body .border-green-600,
body .border-green-700 { 
    border-color: #91bf20;
}
body .bg-green-100,
body .bg-green-200,
body .bg-green-300,
body .bg-green-400,
body .bg-green-500,
body .bg-green-600,
body .bg-green-700 { 
    background-color: #91bf20;
}
#product-lightbox {
    backdrop-filter: blur(5px);
}

.grid-cols-4 > div {
    transition: border-color 0.2s ease;
}

#mobile-menu.active {
    opacity: 1;
    visibility: visible;
}

#mobile-menu.active > div {
    transform: translateX(0);
}
.logotype {
	max-width:270px;
}

.popup-content {
	background-image: linear-gradient(to right, #19494d, #368238);
    color: #fff;
}
.popup-content select { 
    color: #aaa;
}

body .bg-blue-600 {
	background-color:#7F30E3
}
body .bg-blue-500 {
	background-color:#005BFF 
}


.product-gallery-slider {
    width: 100%;
    height: 100%;
}
.swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
}

body .swiper-button-next svg, body .swiper-button-prev  svg{
	fill:#91bf20;
	color:#91bf20;
}
body .swiper-pagination-bullet-active {
	background:#91bf20;
}
@media (max-width: 768px) {
  .popup-content {
    width: calc(100vw - 3rem) !important;
    max-width: calc(100vw - 3rem) !important;
    left: 3rem !important;
  }
}
body .close-popup{
	color:#fff;
}


.video iframe {
	    width: 100%;
    height: 100%;
	background-color: #ffffff;
}

.product-docs-slider .swiper-slide {
	padding-bottom:30px;
}
.product-docs-slider .swiper-pagination {
	bottom:-30px;
}
.about-slider img {
	aspect-ratio:3/2;
}
.about-slider h4 {
    font-size: 4rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-weight: 600;
}
.about-slider .swiper-slide {
	position:relative;
}
.about-slider .swiper-slide:before {
    content: "";
    display: none;
    background: radial-gradient(#00000087, transparent);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
}

.tovar .list li {
	position:relative;
}
.tovar .list li:before {
	position:absolute;
	left:-14px;
	width:6px;
	height:6px;
	border-radius:50%;
	background:#91bf20;
	content:'';
	top:55%;
	transform:translateY(-50%);
}

.uppercase {
	font-transform:uppercase;
}