/*!
Theme Name: Aizere
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: aizere
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Aizere is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');
:root{
	--site-width: 1200px;
	--font_7: normal normal normal 20px / 1.67em sans-serif;
}
*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: "Montserrat", sans-serif;
}
.padding{
	width: var(--site-width);
	margin: 0 auto;
}
.header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 20px 0;
	background-color: #fff;
}
.logo img {
	display: block;
}
.main-menu ul {
	display: flex;
	list-style: none;
	padding: 0;
	margin: 0;
	gap: 30px;
}
.main-menu li a {
	text-decoration: none;
	color: #000;
	font-weight: 500;
	font-size: 15px;
	font-weight: 400;
	color: #26334e;
}
.whatsapp {
	list-style: none;
	margin: 0;
	padding: 0;
}
.whatsapp img {
	width: 39px;
	height: 39px;
}
.banner-logo{
	grid-area: 1 / 1 / 2 / 2;
	margin: 46px 0px 0 0;
}
.grid{
	position: static;
    display: grid;
    height: auto;
    width: 100%;
    min-height: auto;
    margin-bottom: -1px;
    grid-template-rows: repeat(3, min-content) 1fr;
    grid-template-columns: 100%;
}
.site-title{
	grid-area: 2 / 1 / 3 / 2;
	width: 650px;
}
.site-title h1{	
	font-size: 46px;
	line-height: 1em;
	color: #32366C;
	font-weight: 800;
}
.banner-hand{
	position: relative;
    margin: 29px 0px 0px 0;
    left: 650px;
    grid-area: 1 / 1 / 5 / 2;
    width: 200px;
}
.site-desc{
	width: 520px;
	grid-area: 3 / 1 / 4 / 2;
}
.site-desc p{
	font-size: 18px;
	color: #32366C;
	font: var(--font_7);
}
.site-video{
	margin-top: -5px;
	position: relative;
}
.video-mute{
	content: "";
	width: 100%;
	height: 594px;
	background-color: rgb(26, 30, 89);
	position: absolute;
	top: 0;
	opacity: .5;
}
.video-height{
	height: 594px;
}
.video{
	height: 100%;
	width: 100%;
	object-fit: cover;
	object-position: center center;
	opacity: 1;
}
.video-abs{
	position: absolute;
	top: 0;
	left: 690px;
}
.video-logo{
	margin: 41px 0px 22px calc((100% - 980px) * 0.5);	
}
.video-title h1{
	color: #fff;
	margin: 0px 0px 22px calc((100% - 980px) * 0.5);
	font-size: 32px;
}
.video-desc{
	width: 300px;
}
.video-desc p{
	color: #fff;
	margin: 0px 0px 10px calc((100% - 980px) * 0.5);
	font-size: 18px;
	font: var(--font_7);
}
.mark-sec{
    position: relative;
    display: flex;
}
.mark-container{
	position: static;
    display: grid;
    height: auto;
    width: 100%;
    min-height: auto;
    margin-top: -26px;
    grid-template-rows: repeat(3, min-content) 1fr;
    grid-template-columns: 100%;
}
.marc-main {
    position: relative;
    margin: 0px 0px 0px calc((100% - 980px) * 0.5);
    grid-area: 1 / 1 / 5 / 2;
}
.mark-img {
    position: relative;
    margin: 0px 0px 0px calc((100% - 980px) * 0.5);
    grid-area: 1 / 1 / 5 / 2;
}
.mark-title {
    position: relative;
    margin: 80px 0px 56px calc((100% - 980px) * 0.5);
    text-align: right;
    grid-area: 1 / 1 / 2 / 2;
}
.mark-title h1{
	font-size: 25px;
	color: #1A1E59;
}
.mark-desc {
    position: relative;
    margin: 0px 0px 43px calc((100% - 980px) * 0.5);
    left: 520px;
    grid-area: 2 / 1 / 3 / 2;
    justify-self: start;
    align-self: start;
    text-align: right;
    width: 574px;
}
.mark-desc p{
	font-size: 18px;
	color: #1A1E59;
	font: var(--font_7);
}
.mark-logo {
	position: relative;
    margin: 0px 0px 60px calc((100% - 980px) * 0.5);
    left: 700px;
    grid-area: 3 / 1 / 4 / 2;
    justify-self: start;
    align-self: start;
}
.mark-kz {
    position: relative;
    margin: 0px 0px 50px calc((100% - 980px) * 0.5);
    left: 965px;
    grid-area: 3 / 1 / 4 / 2;
    justify-self: start;
    align-self: start;
}

.our-product {
   	background-color: #1a1e59;
   	margin-top: -16px;
}
.our-product h2{
	text-align: center;
	font-size: 42px;
	color: #fff;
	padding: 15px 0;
}
.product-list{
	display: grid;
	grid-gap: 10px;
	grid-template-columns: repeat(4, 1fr);
}
.product-list li{
	display: inline-block;
}
.prod-title{
	font-size: 16px;
}
.product-list a{
	text-decoration: none;
	color: #1a1e59;
}

.advantages-section {
  position: relative;
  color: white;
  padding: 60px 20px;
  overflow: hidden;
}

.about-bg {
  position: absolute;
  inset: 0;
  z-index: -1;
}

.about-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.container {
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}

.about-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 40px;
}

.about-header h2 {
  font-size: 36px;
  font-weight: bold;
  line-height: 1.2;
}


.grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 40px 60px;
}

.advantage {
  background: rgba(0, 0, 0, 0.2);
  padding: 20px;
  border-radius: 6px;
}

.number {
  font-size: 42px;
  font-weight: bold;
  font-style: italic;
  color: #DACFB5;
}

.advantage h3 {
  font-size: 20px;
  margin: 10px 0;
  font-weight: bold;
}

.advantage p {
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 10px;
}

.line {
  border-bottom: 2px dotted #DACFB5;
  margin-top: 10px;
}

.advantage.full {
  grid-column: span 2;
}

@media (max-width: 768px) {
  .header {
    flex-direction: column;
    align-items: flex-start;
  }

  .advantage.full {
    grid-column: span 1;
  }
}

.production-section {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-top: 40px;
  box-sizing: border-box;
}

.text-content {
  flex: 1 1 45%;
  color: #1A1E59;
  max-width: 600px;
}

.text-content h1 {
  font-size: 32px;
  font-weight: 900;
  line-height: 1.2;
  margin-bottom: 20px;
}

.text-content p {
  font-size: 16px;
  line-height: 1.6;
}

.sitelogo {
  margin-top: 30px;
  width: 120px;
}

.image-content {
  flex: 1 1 45%;
  text-align: center;
  position: relative;
  margin-right: -200px;
}

.image-content img {
  max-width: 100%;
  height: auto;
}
.img-abs{
	position: absolute;
	z-index: -999;
	bottom: 0;
	left: 10px;
}

#production {
  text-align: center;
  padding: 40px;
  background-color: #fff;
}

#production h2 {
  font-size: 36px;
  font-weight: bold;
  color: #1a1a60; /* темно-синий */
  margin-bottom: 30px;
}

.production-gallery {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 16px;
}

.production-gallery img {
  width: 350px;
  max-width: 100%;
  height: auto;
  border-radius: 10px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  object-fit: cover;
}

[data-mesh-id=comp-m3zhqruoinlineContent-gridContainer] {
    position: static;
    display: grid
;
    height: auto;
    width: 100%;
    min-height: auto;
    grid-template-rows: min-content 1fr;
    grid-template-columns: 100%;
}
[data-mesh-id=comp-m3zhqruoinlineContent-gridContainer] > [id="comp-m3zhyh3y"] {
    position: relative;
    margin: 0px 0px 60px calc((100% - 980px) * 0.5);
    left: 0px;
    grid-area: 2 / 1 / 3 / 2;
    justify-self: start;
    align-self: start;
}
.products {
	margin: 50px auto;
}

[data-mesh-id=comp-lvefdwwtinlineContent-gridContainer] > [id="comp-lvefdwx0"] {
    position: relative;
    margin: 0px 0px 0 calc((100% - 980px) * 0.5);
    left: 0px;
    grid-area: 1 / 1 / 2 / 2;
    justify-self: start;
    align-self: start;
}
#contacts {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  background-color: #1a1e59;
  color: #DACFB5;
  padding: 50px 20px;
  gap: 40px;
  text-align: center;
}

.contact-item {
  max-width: 300px;
  flex: 1 1 250px;
}

.contact-icon img {
  width: 80px;
  height: 80px;
  margin-bottom: 15px;
}

#contacts h2 {
  font-size: 20px;
  margin-bottom: 10px;
  color: #ffffff;
}

#contacts p {
  font-size: 16px;
  line-height: 1.6;
  color: #E6DECA;
}

#contacts a {
  color: #DACFB5;
  text-decoration: none;
}

#contacts a:hover {
  text-decoration: underline;
}
.contact-icon svg{
	width: 30px;
}
.site-footer {
  background-color: #1d1e20;
  color: #DACFB5;
  padding: 40px 20px;
  text-align: center;
}

.footer-content {
  max-width: 1200px;
  margin: 0 auto;
}

.footer-logo img {
  width: 180px;
  margin-bottom: 20px;
}

.footer-nav {
  margin-bottom: 20px;
}

.footer-nav a {
  color: #DACFB5;
  text-decoration: none;
  margin: 0 15px;
  font-size: 16px;
}

.footer-nav a:hover {
  text-decoration: underline;
}

.footer-copy p {
  font-size: 14px;
  color: #E6DECA;
}


@media (max-width: 768px) {
	:root {
		--site-width: 100%;
	}

	.padding {
		width: 100%;
		padding: 0 15px;
	}

	.header {
		flex-direction: column;
		align-items: flex-start;
		gap: 10px;
	}

	.main-menu ul {
		flex-direction: column;
		gap: 15px;
		width: 100%;
	}

	.main-menu li a {
		font-size: 16px;
		display: block;
		width: 100%;
	}

	.logo img {
		width: 160px;
		height: auto;
	}

	.whatsapp {
		display: none;
	}

	.grid {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
	}

	.banner-logo,
	.site-title,
	.site-desc,
	.banner-hand {
		position: static;
		width: 100%;
	}
	.banner-logo{
		display: none;
	}

	.site-title h1 {
		font-size: 28px;
	}

	.site-desc p {
		font-size: 16px;
	}

	.banner-hand {
		text-align: center;
	}

	.banner-hand img {
		max-width: 100%;
		height: auto;
	}

	.video-height,
	.video-mute {
		height: auto;
	}

	.video {
		height: auto;
	}

	.video-abs {
		position: static;
		padding: 20px 15px;
		background: #1a1e59;
		margin-top: -20px;
	}

	.video-logo,
	.video-title h1,
	.video-desc p {
		margin: 0;
		padding: 10px 0;
	}

	.video-title h1 {
		font-size: 24px;
	}

	.video-desc {
		width: 100%;
	}
}


@media (max-width: 768px) {
  .padding {
    padding: 0 15px;
  }

  /* .mark-sec */
  .mark-sec {
    flex-direction: column;
    align-items: center;
  }

  .mark-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .mark-img,
  .marc-main,
  .mark-logo,
  .mark-kz {
    margin: 15px 0 0;
    left: 0 !important;

  }
.mark-logo{
	display: none;
}
.products {
	margin-bottom: 50px;
}
  .mark-title,
  .mark-desc {
    margin: 15px 0;
    text-align: center;
    width: 100%;
    left: 0 !important;
  }

  .mark-title h1,
  .mark-desc p {
    font-size: 18px;
  }

  /* .our-product & .products */
  .our-product h2 {
    font-size: 26px;
    padding: 20px 0;
    margin-top: 50px;
  }

  .product-list {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }

  .product-list li {
    text-align: center;
  }

  .product-list img {
    width: 100%;
    max-width: 300px;
    height: auto;
  }

  .prod-title {
    font-size: 18px;
    margin-top: 10px;
  }

  /* .advantages-section */
  .about-header {
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 20px;
  }

  .about-header h2 {
    font-size: 26px;
  }

  .about-header .logo {
    width: 100px;
  }

  .advantages-section .grid {
    grid-template-columns: 1fr;
  }

  .advantage.full {
    grid-column: span 1;
  }

  /* production section */
  .production-section {
    flex-direction: column;
    margin-right: 0;
    gap: 20px;
    padding: 0 15px;
  }

  .text-content,
  .image-content {
    flex: 1 1 100%;
    max-width: 100%;
    margin-right: 0;
    text-align: center;
  }

  .text-content h1 {
    font-size: 24px;
  }

  .text-content p {
    font-size: 16px;
  }

  .image-content {
    margin: 0 auto;
  }

  .img-abs {
    display: none;
  }

  #production {
    padding: 20px 15px;
  }

  #production h2 {
    font-size: 28px;
  }

  .production-gallery {
    gap: 10px;
  }

  .production-gallery img {
    width: 100%;
    max-width: 100%;
  }

  /* contacts */
  #contacts {
    padding: 30px 15px;
    gap: 20px;
  }

  .contact-item {
    max-width: 100%;
  }

  #contacts h2 {
    font-size: 18px;
  }

  #contacts p {
    font-size: 15px;
  }

  /* footer */
  .site-footer {
    padding: 30px 15px;
  }

  .footer-logo img {
    width: 140px;
  }

  .footer-nav {
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
  }

  .footer-nav a {
    display: block;
    margin: 5px 10px;
    font-size: 14px;
  }

  .footer-copy p {
    font-size: 12px;
  }
}


@media (max-width: 768px) {
  /* production-section */
  .production-section {
    flex-direction: column;
    padding: 30px 15px;
    gap: 20px;
  }

  .text-content,
  .image-content {
    flex: 1 1 100%;
    max-width: 100%;
    text-align: center;
    margin: 0;
  }

  .text-content h1 {
    font-size: 24px;
    line-height: 1.3;
  }

  .text-content p {
    font-size: 16px;
  }

  .text-content .logo {
    margin-top: 20px;
    width: 100px;
  }

  .img-abs {
    display: none;
  }

  .image-content img:last-child {
    max-width: 100%;
    height: auto;
  }

  /* #production */
  #production {
    padding: 20px 15px;
  }

  #production h2 {
    font-size: 26px;
    margin-bottom: 20px;
  }

  .production-gallery {
    flex-direction: column;
    gap: 10px;
  }

  .production-gallery img {
    width: 100%;
    max-width: 100%;
  }

  /* Наша команда */
  #comp-m3zhqruo h2 {
    font-size: 28px !important;
    line-height: 1.3;
    padding: 0 10px;
  }

  #comp-m3zhyh3y img {
    width: 100% !important;
    height: auto;
  }

  /* contacts */
  #contacts {
    flex-direction: column;
    gap: 30px;
    padding: 30px 15px;
  }

  .contact-item {
    max-width: 100%;
  }

  .contact-icon img,
  .contact-icon svg {
    width: 60px;
    height: 60px;
  }

  #contacts h2 {
    font-size: 18px;
    margin: 10px 0;
  }

  #contacts p {
    font-size: 15px;
  }

  /* footer */
  .site-footer {
    padding: 30px 15px;
  }

  .footer-logo img {
    width: 140px;
  }

  .footer-nav {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }

  .footer-nav a {
    font-size: 14px;
  }

  .footer-copy p {
    font-size: 12px;
  }
}
/* Бургер - скрыт на десктопе */
.burger {
  display: none;
  flex-direction: column;
  cursor: pointer;
  width: 30px;
  height: 21px;
  justify-content: space-between;
}

.burger span {
  display: block;
  height: 3px;
  background: #1a1e59;
  border-radius: 2px;
}

/* Мобильное отображение */
@media (max-width: 768px) {
  .burger {
    display: flex;        
    left: 320px;
    top: -40px;
    position: relative;
  }

  .main-menu {
    display: none;
    width: 100%;
  }

  .main-menu.active {
    display: block;
  }

  .main-menu ul {
    flex-direction: column;
    gap: 10px;
    padding: 10px 0;
  }

  .main-menu li {
    text-align: left;
  }
}
html {
  scroll-behavior: smooth;
}