* {margin:0; padding:0;}
body {width:100%; max-width:1650px; margin:0 auto; font-family:'PT Sans', Arial; line-height:1.6; color:#433535; background:#fff; overflow-x:hidden;}


a {text-decoration:none; color:#a09170; transition:color 0.3s;}
a:hover {color:#433535;}
ul {list-style:none;}
h1, h2, h3 {font-size:2em; font-weight:normal; text-transform:uppercase; margin:20px;}
p {margin:10px;}

/* Шапка */
header {width:100%; height:284px; margin:0 auto; background:url("/files/header.jpg") no-repeat; border-top:1px solid #523e1e;}

.header_left {width:45%; max-width:750px; min-width:540px; height:282px; background:#5e533fd6; border-top:1px solid transparent}

.header_logo {/*width:680px; height:150px; margin:60px auto 0; background:#523e1e; */text-align:center; margin-top:55px;}
.header_logo img {margin:0 auto; transition:transform 0.4s; cursor:pointer; transform:scale(.98); width:94%;}
.header_logo img:hover {transform:scale(1);}

.header_contacts {width:90%; max-width:560px; margin:0 auto; color:#fff; display:flex; font-size:19px; 
    justify-items:center; justify-content:space-between; /*margin:10px 0 0 102px; */}



.header-top {background:#000;}
.header-top .container {display:flex; justify-content:space-between; align-items:center;}

.main-menu {width:100%; background:#000; height:50px;}
.main-menu ul {display:flex; align-items:center;}

.main-menu a {font-size:17px; margin-left:45px; color:#fddf98;}
.main-menu a:hover {color:#fff;}

/*
.contacts {width:90%; max-width:1080px; border-radius:5px; background:#fff; padding:20px 0; margin:20px auto 20px;}
*/
.contacts > h1 {text-align:center;}

.contacts_flex {display:flex; justify-content:space-between;}
.contacts_flex img {width: 250px;}

.contacts_images img {width:250px;}
.contacts_images p {text-align:center;}





.contacts_images {display:flex; flex-direction:column; margin:20px auto 0; align-items:center; flex-wrap:wrap; justify-content:center;}





.menu-toggle {display:none; flex-direction:column; cursor:pointer; padding:10px; position:absolute; right:20px; z-index:13;}
.menu-toggle span {width:25px; height:3px; background:#a09170; margin:3px 0; transition:0.3s;}

.menu-toggle.active span:nth-child(1) {transform:rotate(-45deg) translate(-5px,6px);}
.menu-toggle.active span:nth-child(2) {opacity:0;}
.menu-toggle.active span:nth-child(3) {transform:rotate(45deg) translate(-5px,-6px);}

.menu-list {display:flex; height:inherit; align-items:center; transition:transform 0.3s ease;}
.menu-list li {margin:0;}



/* Overlay для затемнения фона */

.menu-overlay {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:10;}
.menu-overlay.active {display:block;}



.breadcrumbs {margin:50px 0 20px 30px; width:1650px; text-align:left;}
.breadcrumbs a {color:#000; text-decoration:none;}
.breadcrumbs a:hover {color:#433535;}
.breadcrumb-separator {margin:0 8px; color:#000;}
.breadcrumb-current {color:#000;}






.about {position:relative; max-width:1650px; margin:49px auto 0;}

.black-stripe {width:100%; height:30px; background:#000;}
.about-content {display:flex; position:relative;}

.about-left {width:50%; max-width:750px; padding:20px 40px 30px 0; position:relative; overflow:hidden;}

.about-left::before,
.about-left::after {content:''; position:absolute; top:0; left:50px; width:200%; height:3px; background:#bfbfbf; 
    transform:rotate(105deg); transform-origin:0 0; z-index:-1;}

.about-left::after {background:#f5f5f5; left:150px;}

.about-title, .products-title {text-align:right; margin-bottom:20px; color:#433535; margin-right:30px;}

.products-title {text-align:left; margin-bottom:50px; margin-left:20%;}



.about-text {text-align:left;}
.about-right {width:60%; max-width:900px; position:relative;}
.photo-stack {position:relative; height:540px;}

.photo-main {width:100%; height:62%; position:absolute; top:0; left:0;}
.photo-main img {width:100%; height:100%; object-fit:cover; display:block;}
.photo-secondary {width:70%; height:50%; position:absolute; bottom:0; right:0; z-index:2;}
.photo-secondary img {width:100%; height:100%; object-fit:cover; display:block;}



.years-info {position:absolute; bottom:0; left:30px; z-index:3; background:rgba(255,255,255,0.9); padding:5px 10px 2px 10px; border-radius:5px; 
text-align:left;}
.years-info h3 {color:#433535; margin-bottom:15px; text-transform:uppercase; line-height:50px;}

.years-highlight {color:#77503a; font-size:2em;}
.about-btn {background:#ecd395; color:#433535; border:none; padding:12px 25px; font-size:1em; border-radius:3px; cursor:pointer; transition:background 0.3s; 
display:block; text-align:center;}
.about-btn:hover {background:#d4b97a;}




.products-section {position:relative; padding:50px 0; background:url("../files/bg_lines.png") left top no-repeat, #fff; overflow:hidden;}

/*
.products-section::before,
.products-section::after {content:''; position:absolute; top:0; left:170px; width:200%; height:5px; 
    background:#edd498; transform:rotate(105deg); transform-origin:0 0; z-index:1;}
.products-section::after {background:#bfbfbf; left:280px;}
*/

.products-title {text-align:left; margin-bottom:50px; color:#433535; margin-left:25%;}
.products-row {display:grid; grid-template-columns:repeat(4, 1fr); gap:30px; margin-bottom:40px; justify-items:center;}
.new-products-row {opacity:0; animation:fadeIn 0.5s ease-in-out forwards;}

@keyframes fadeIn {
    from {opacity:0; transform:translateY(20px);}
    to {opacity:1; transform:translateY(0);}
}

.product-item {background:#fff; border-radius:5px; overflow:hidden; box-shadow:0 2px 10px rgba(0,0,0,0.1); 
    max-width:350px; width:100%; transition:opacity 0.5s ease-in-out; z-index:3;}

.product-top {background:#ecd395; padding:10px;}
.product-image {/*width:100%; height:300px; background:#ddd; */ margin-bottom:15px; /* overflow:hidden; */ text-align:center;}
.product-image img {/*width:100%; height:100%; /* object-fit:cover; */ margin:0 auto;}
.product-header {display:flex; justify-content:space-between; align-items:flex-start;}
.product-name {width:80%; height:55px; font-weight:bold; font-size:20px; line-height:1.4; color:#000;}

.product-packaging {width:100px; text-align:center; color:#000; font-size:16px; background:#fff; padding:2px 5px}
.product-bottom {min-height:70px; padding:10px; border-left:2px solid #000; border-right:2px solid #000; position:relative;}
.product-description {color:#433535; line-height:1.5;}


.product-btn-link {display:block; width:80%; padding:12px; background:#e7e7e7; background:#6b533e; color:#fff; text-align:center; border-radius:3px; cursor:pointer; 
    font-size:16px; transition:background 0.3s; text-decoration:none; position:absolute; bottom:20px; left:0; right:0; margin:0 auto;}

.product-btn-link:hover {background:#d4d4d4; color:#433535; text-decoration:none;}



.products-load-more {text-align:center;}
#load-more-btn {background:#a09170; color:#fff; border:none; padding:15px 40px; font-size:16px; border-radius:3px; cursor:pointer; transition:background 0.3s;}
#load-more-btn:hover {background:#8a7c60;}
.view-all-link {display:none; background:#444; color:#fff; padding:15px 40px; font-size:16px; border-radius:3px; 
    text-decoration:none; transition:background 0.3s;}
.view-all-link:hover {background:#8a7c60; color:#fff;}


/* Заголовок секции */
.certificates-title {display:flex; width:90%; max-width:1000px; margin:0 auto; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:15px;}
.certificates-title h2 {color:#7598e0; margin:0;}
.certificates-title a {min-width:150px; background:#000; color:#fff; text-align:center; font-size:16px; padding:10px 0; border-radius:3px;}

/* Основной контейнер */
.certificates-container {width:100%; height:650px; overflow-x:hidden; max-width:1650px; margin:20px auto; position:relative; display:flex; justify-content:center; 
align-items:center;}

/* Дорожка с сертификатами */
.certificates-track {display:flex; align-items:center; justify-content:center; gap:-100px; height:100%; perspective:1000px;}

/* Стили сертификатов */
.certificate {width:358px; height:500px; position:relative; transition:all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); 
    transform-style:preserve-3d; cursor:pointer; border-radius:3px; transform:rotateY(25deg) scale(0.9); filter:brightness(0.9); margin:0 -80px;}

.certificate img {width:100%; height:100%; object-fit:cover; border-radius:3px; transition:all 0.6s ease; 
}

.certificate::before {content:''; position:absolute; top:0; left:0; right:0; bottom:0; 
    background:linear-gradient(45deg, rgba(255,255,255,0.1) 0%, rgba(0,0,0,0.2) 100%); border-radius:3px; z-index:1;}

/* Анимации */
.certificates-track:hover .certificate {transform:rotateY(25deg) scale(0.85); filter:brightness(0.8);}
.certificate:hover {width:429px; height:600px; z-index:100; transform:rotateY(0deg) scale(1.05) !important; filter:brightness(1.1); margin:0 10px;}
.certificate:hover img {filter:contrast(1.1);}
.certificate:hover ~ .certificate {transform:rotateY(25deg) translateX(120px) scale(0.85);}

.certificates_empty {font-size:20px; color:#6b533e;}



/* Отзывы */

.content {width:100%; margin-top:49px; background:#f1daa0; border-top:1px solid #f1daa0; border-bottom:1px solid #f1daa0;}

.reviews > h1 {text-align:center; margin-top:20px;}

.review_block {display:flex; background:#f1daa0; justify-content:center; padding:50px 0; align-items:flex-start;}
.review_text {min-width:280px; font-style:italic;}

.review_author {width:100%; min-width:280px; display:flex; justify-content:space-around; background:#dccb9f; padding:10px; margin:50px 0 30px 0; font-weight:bold;}
.review_author div {min-width:280px; background:#ffffff69; padding:5px 10px;}
.review_author img {padding:10px 0;}

.review_second .review_author, .review_third .review_author, .review_four .review_author {padding:0; background:none; justify-content:space-between;}


.review_first .review_author img {height:113px;}
.review_first .review_image img {width:380px;}


.review_info {width:600px; margin:0 100px;}

.review_first .review_image {transform:rotate(-5deg);}


.review_second {background:#bbcff8;}

.review_third {background-image:url("/files/review_camo.jpg");}
.review_third .review_author div {background:#d2d2d3;}
.review_third .review_info {background:#fff; margin:0; padding-left:20px;}

.review_four {background:#dfe1e3;}
.review_four .review_author div {background:#97bee7;}



/* Категории */

.container {width:90%; max-width:1080px; margin:20px auto 20px; background:#fafafa; border-radius:5px; border-top: 1px solid white; border-bottom: 1px solid #f1daa0;}
.container h1 {text-align:center;}

.category-files h1 {font-size:2em; color:#000; text-align:center;}
/*
.category-images {display:flex; gap:20px; margin:30px; flex-wrap:wrap;}

.category-image {flex:1; min-width:430px; max-width:530px;}
.category-image img {width:100%; object-fit:cover; border-radius:5px;}*/


/*
.category-images {columns:450px; column-gap:15px; margin-bottom:30px;}
.category-image {break-inside:avoid; display:inline-block; width:100%; margin-bottom:15px;}
.category-image img {width:100%; height:auto; :block; border-radius:5px;}
.category-image p {}
*/


.category-images-container {display:flex; gap:20px; background:#f1daa0; padding-top: 20px;}
.image-column {flex:1; display:flex; flex-direction:column; gap:20px;}



.category-image img {width:100%; height:auto; display:block; border-radius:5px;}
.category-image p {margin-top:10px; color:#000; font-size: 18px;}




.category-files h3 {margin-bottom:15px; color:#433535;}

.file_link {display:block; padding:10px; background:#fff; margin:8px; border-radius:3px; color:#a09170; border:1px solid #ddd;}
.file_link:hover {background:#e7e7e7; color:#433535;}

.products-list {display:flex; flex-direction:column; gap:20px; background:#f1daa0; padding-top: 20px;}
.product-card {border:1px solid #e0e0e0; border-radius:8px; overflow:hidden; background:#fff;}
.product-main {display:flex; gap:20px; padding:20px; align-items:flex-start;}


.product_card {display:flex; gap:20px; padding:20px; align-items:flex-start; border:1px solid #e0e0e0; border-radius:8px; overflow:hidden; background:#fff;}
.product_info {flex:1;}
.product_card a {flex:0 0 200px;}
.product_card img {width:280px; height:auto; object-fit:cover; border-radius:5px;}
.product_card h3 {font-size:1.3em; color:#433535; cursor:pointer; text-align: center;}


.item_image {flex:0 0 200px;}
.item_image img {width:100%; height:150px; object-fit:cover; border-radius:5px;}
.item_image.fullsize img {height:auto;}
.item_image.large img {height:auto;}

.product-info {flex:1;}

.item-name {display:flex; justify-content:space-between; flex-direction:column; align-items:center; align-content:center; padding:5px 0;}
.item-name h3 {font-size:1.3em; color:#433535; cursor:pointer;}
/*
.item-name span {font-size:15px; color:#fff; margin-top:10px; text-align:center; border-radius:4px; padding:5px 20px; background:#a98d5a; transition:all linear .3s;}*/
/*
.item-name span {font-size:15px; cursor: pointer; color:#fff; margin-top:10px; text-align:center; border-radius:4px; padding:5px 20px; background:#a98d5a;
    transition:all linear .3s; display:inline-block;}
.item-name span:hover {background:#333;}
*/
.item-name span{font-size:15px;color:#000;margin-top:10px;text-align:center;border-radius:4px;padding:5px 20px;display:inline-block;transition:background .3s;}
.item-name span.inactive{background:#f1daa0;}
.item-name span.active{background:#333; color: #fff;}
.item-name span.inactive:hover{background:#333; color: #fff;}
.item-name span.active:hover{background:#f1daa0; color: #000;}



.item-categories {font-size:1em; color:#666;}
.item-categories a {color:#a09170; text-decoration:none;}
.item-categories a:hover {color:#433535;}


.product-price {font-size:1.4em; color:#a09170; font-weight:bold; margin-bottom:10px;}
.product-desc {color:#666; line-height:1.5;}

.product-attributes {padding:0 20px 10px; background:#f9f9f9;}

.product-attributes table td {padding:8px 10px; border-bottom:1px solid #e0e0e0;}
.product-attributes table {width:100%; border-collapse:collapse;}




footer {background:linear-gradient(to right,#000,#3c3c3c); color:#fff; padding:20px 0; position:relative;}
.footer-container {display:flex; max-width:1100px; margin:0 auto; justify-content:space-between; padding:0 20px;}
.footer-section.right-section {width:210px;}


.contacts-section p {min-width:120px;}


.footer-logo {max-width:240px; margin-left:auto; display:block;}
.nav-title {margin-bottom:25px;}
li.nav-title a {color:#e7d2a4;}

.nav-list {list-style:none; padding:0; margin:0;}
.nav-list li {margin-bottom:17px;}
.nav-list a {color:#fff; text-decoration:none;}
.contacts-title {color:#fff; margin-bottom:25px; font-size:16px; text-transform:none;}
.contact-item {color:#e7d2a4; margin-bottom:25px; display:flex; align-items:center; gap:8px;}
.empty-section {width:50px;}
.phone-row {display:flex; align-items:center; flex-wrap:wrap;}
.callback-btn {max-width:200px; background:#fff; border:none; padding:15px 40px; border-radius:3px; cursor:pointer; white-space:nowrap; margin-left:40px; font-size:16px; font-family:'PT Sans', Arial;}
.footer-bottom {background:#000; text-align:center; padding:15px 0; position:absolute; bottom:0; width:100%; margin-top:50px;}


.error-page {margin-top:49px;}




@media (max-width:1400px) {

    .main-menu a {font-size:16px;}
}

@media (max-width:1200px) {
    .about-content {flex-direction:column; align-items:center;}
    .about-left, .about-right {width:100%;}
    .about-left {padding:40px 20px;}
    .about-left::before {width:100%; background-size:contain;}
    .about-title {text-align:center;}
    .about-text {text-align:center;}
    .about-right {margin-top:0; max-width:700px;}
    .photo-stack {height:400px;}
    .photo-main img, .photo-secondary img {object-fit:contain;}

    .products-row {grid-template-columns:repeat(2, 1fr); gap:20px;}
    .products-title {margin-left:10%; text-align:center;}
    .product-item {max-width:350px;}


    .certificates-container {height:500px;}
    .certificate {width:300px; height:420px; margin:0 -60px;}
    .certificate:hover {width:360px; height:500px;}

    .review_author img {margin-left:5px; padding:0 10px;}
    .review_first .review_author img {margin-right:10px;}
}


@media (max-width:1050px)
{
    .review_author {flex-wrap:wrap; padding:0;}
    .review_info {margin:0 30px;}

    .review_first .review_image img {width:320px;}

    .review_second {justify-content:flex-start;}
    .review_second .review_info {width:50%; margin:0 50px 0 0;}
    .review_second .review_image img {width:360px;}

    .review_third {justify-content:flex-end;}
    .review_third .review_image img {max-width:520px;}
}


@media (max-width:768px) {
    .products-row {grid-template-columns:1fr; gap:15px;}
    .products-title {margin-left:0;}
    .product-header {flex-direction:column;}
    .product-name {width:100%; margin-bottom:10px;}
    .product-packaging {width:100%; text-align:left;}
    .product-item {max-width:100%;}


    header {height:230px;}
    .header_left {height:228px;}

    .black-stripe {height:60px;}
    .about-left {padding:30px 15px;}
    .photo-stack {height:300px;}
    .years-info {bottom:0; left:5px; padding:5px;}
    .years-info h3 {font-size:1.2em; line-height:normal; margin-bottom:5px;}
    .years-highlight {font-size:1.5em;}
    .about-btn {padding:10px 20px; font-size:0.9em;}
    .photo-main img, .photo-secondary img {object-fit:cover;}


    .header {position:relative; height:auto;}
    .header_left {margin:0 auto;}
    .header_logo {margin-top:0;}
    .header_contacts {flex-direction:column; text-align:center; font-size:17px;}

    .main-menu {position:relative;}
    .menu-toggle {display:flex;}
    .menu-list {position:fixed; top:0; left:-300px; width:290px; height:100vh; background:#000; flex-direction:column; justify-content:flex-start; z-index:12; transition:left 0.3s ease;}
    .menu-list.active {left:0;}
    .menu-list li {width:100%; text-align:center; margin:0;}
    .menu-list a {display:block; padding:15px 20px; margin:0; border-bottom:1px solid #333; font-size:18px;}
    .menu-list a:hover {background:#333; color:#fff;}


    .header-top .container {flex-direction:column;}
    h1, h2 {font-size:24px;}
    .certificates-title {text-align:center;}

    /*.main-menu ul {justify-content:space-between; margin:0 20px;}
    .main-menu a {font-size:17px; margin-left:auto;}*/


    .certificates-container {height:400px; margin:20px auto;}
    .certificates-track {gap:-50px;}
    .certificate {width:200px; height:280px; margin:0 -40px;}
    .certificate:hover {width:240px; height:320px; margin:0 5px;}
    .certificate:hover ~ .certificate {transform:rotateY(25deg) translateX(80px) scale(0.85);}


    .review_block {padding:20px 0;}

    .review_info {margin:0 10px;}
    .review_author {margin-top:10px;}



    .category-files h1, h3 {font-size:24px;}

    .category-images{flex-direction:column;}
    .category-image{min-width:100%;}
    .product-main{flex-direction:column;}
    .item_image{flex:0 0 auto; width:100%;}
    .item_image img{height:200px;}

}



@media (max-width:700px)
{
    .contacts-title, .nav-title {text-align:center;}
    .contacts_flex {flex-wrap: wrap;}
    .footer-container {justify-content:center; flex-wrap:wrap;}


    .footer-container {padding:0;}
    .contacts-section {width:100%; margin:20px auto 0; border-top:1px solid white;}
    .contacts-title {margin:5px 0;}
    .contact-item {margin:0 auto; width:260px;}
    .callback-btn {margin:0 auto;}
    .empty-section {display:none;}
}



@media (max-width:570px) {

    header {height:200px;}
    .header_left {height:198px;}

    .header_left {min-width:300px;}
    .header_contacts span {display:block;}

    .certificates-title {flex-direction:column;}
    .certificates-title a {margin-top:20px;}

}



@media (max-width:480px)
{
    .certificates-container {height:300px;}
    .certificate {width:150px; height:210px; margin:0 -30px;}
    .certificate:hover {width:180px; height:240px;}
    .certificate:hover ~ .certificate {transform:rotateY(25deg) translateX(60px) scale(0.85);}

    .item-name {flex-direction:column;}
    .item-name span {margin-top:10px;}
}



@media (max-width:370px)
{
    .menu-toggle {right:5px;}
    .menu-list {width:250px;}
}


@media (max-width:600px)
{
    .review_block {flex-wrap:wrap; justify-content:center;}

    .review_second .review_info {width:100%; margin:0;}

    .review_second .review_author, .review_third .review_author, .review_four .review_author  {justify-content:center;}

    .contacts_images {flex-wrap:wrap; justify-content:center;}
}