/*
Theme Name: Polarchem
Theme URI: http://example.com
Author: Ваше имя
Author URI: http://example.com
Description: Тема для сайта Polarchem
Version: 1.0
License: GNU General Public License v2 or later
Text Domain: polarchem
*/

:root{
    --site-width: 1320px;
    --site-padding: 20px;
}

.site-container{
    width: 100%;
    max-width: var(--site-width);
    margin: 0 auto;
    padding-left: var(--site-padding);
    padding-right: var(--site-padding);
    box-sizing: border-box;
}

body {
   margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, 'Instrument Sans', 'Roboto', 'Oxygen',
    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
    sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
a{text-decoration: none;}
link{text-decoration: none;}
#navbarNav{justify-content: flex-end; margin-right: 20%;}
#navLogo{margin-left: 20%;}
h1.zgl{font-size: 64px; color:#592027;}
h2.zgl2{font-size: 48px; color: #592027;}
.nasha_prod{margin-top: 5%;}
.proff{font-size: 32px;}
#prod{font-size: 32px; background-color:#592027; margin-top: 5%; border-color: #592027;}
#prod:hover{background-color: rgb(141, 30, 30); border-color: rgb(141, 30, 30);}
div.wcpscwc-product-slider-wrap{width: 100%;}
.prod_ditel{width:37%;}
.woocommerce ul.products li.product .button{display: none;}

.tovar{display: flex; justify-content: center;}
container{display: flex;flex-direction: column; justify-content: center;}
.content{display: flex;  flex-direction: column; flex-wrap: wrap; justify-content: center; text-align: center;}
.avtokos{margin-top:5%; }
.car{margin-top: 5%; }
.carimg{width:500px;}
.prof{display: flex;}
.prod1{display: flex; justify-content: center;  }
.prod2{display: flex; justify-content: center; }
#prod1card{width: 22.4rem; background-color: #592027; color: white;}
#prod2card{width: 34.1rem; background-color: #592027; color: white;}
.svg-card{float: inline-end;}
#prod1card:hover {
background:rgb(141, 30, 30);
letter-spacing: 1px;
-webkit-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.57);
-moz-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.57);
box-shadow: 5px 40px -10px rgba(0,0,0,0.57);
transition: all 0.4s ease 0s;
}
#prod2card:hover {
background:rgb(141, 30, 30);
letter-spacing: 1px;
-webkit-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.57);
-moz-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.57);
box-shadow: 5px 40px -10px rgba(0,0,0,0.57);
transition: all 0.4s ease 0s;
}

.card-link{text-decoration: none; color: white; }
.card{margin: 0.5rem;}
#menufooter{color: white;}





@media only screen and (max-width: 1836px) {
.carimg{width:400px;}
.prod1{ width:76%;}
.prod2{ width:76%;}
}
@media only screen and (max-width: 1663px) {
.carimg{width:400px;}
h1.zgl{font-size: 48px;}
.proff{font-size: 24px;}
#prod{font-size: 16px;}
.prod1{ width:66%;}
.prod2{ width:66%;}
}
@media only screen and (max-width: 1420px) {
.carimg{width:300px;}
h1.zgl{font-size: 36px;}
.proff{font-size: 17px;}
#prod{font-size: 16px;}
.prod1{ width:56%;}
.prod2{ width:56%;}
}
@media only screen and (max-width: 1199px) {

.prod1{ width:76%;}
.prod2{ width:76%;}
}
@media only screen and (max-width: 1065px) {
.carimg{width:250px;}
h1.zgl{font-size: 24px;}
.proff{font-size: 14px;}
#prod{font-size: 16px;}
container{justify-content:space-between}
.prod1{flex-direction: row; flex-wrap: wrap; margin-left:0%; margin-right: 0%; width:100%;}
.prod2{flex-direction: row; flex-wrap: wrap; margin-left:0%; margin-right: 0%; width:100%;}
#prod1card{width:58%;}
#prod2card{width:58%;}
}

@media only screen and (max-width: 816px) {
.carimg{width:170px;}
#navbarNav{margin-right: 0%;}
#navLogo{margin-left: 0%;}
h1.zgl{font-size: 20px;}
h2.zgl2{font-size: 24px; }
.proff{font-size: 10px;}
#prod{font-size: 10px;}

}

@media only screen and (max-width: 598px) {
container{margin-right: 15%;margin-left: 15%; justify-content:space-between;}
#prod1card{width:80%;}
#prod2card{width:80%;}
.prod1{ width:80%;}
.prod2{ width:80%;}
}
@media only screen and (max-width: 495px) {
container{margin-right: 10%;margin-left: 10%; justify-content:space-between;}
#prod1card{width:80%;}
#prod2card{width:80%;}
.prod1{ width:80%;}
.prod2{ width:80%;}
}

@media only screen and (max-width: 433px) {
.carimg{width:170px;}
#navbarNav{margin-right: 0%;}
#navLogo{margin-left: 0%;}
h1.zgl{font-size: 20px;}
h2.zgl2{font-size: 24px; }
.proff{font-size: 10px;}
#prod{font-size: 10px;}
container{margin-right: 3%;margin-left: 3%; justify-content:space-between;}
#prod1card{width:100%;}
#prod2card{width:100%;}
.prod1{width:100%;}
.prod2{width:100%;}
}



@media only screen and (max-width: 1333px) {
    #navbarNav{margin-right: 10%;}
#navLogo{margin-left: 10%;}
}
@media only screen and (max-width: 1006px) {
    #navbarNav{margin-right: 0%;}
#navLogo{margin-left: 0%;}
}
@media only screen and (max-width: 991px) {
    ul.navbar-nav{text-align: center;}
    #navLogo{padding-right:31%;}
    #cont{justify-content: center;}
}
@media only screen and (mn-width: 993px) {
    #navLogo{padding-right:0%;}
    #cont{justify-content: space-between;}
}
@media only screen and (max-width: 468px) {
    #navLogo{padding-right:0%;}
}

.related-carousel .swiper-wrapper {
    display: flex;
}

.related-carousel .product {
    width: auto; /* карточки сами подстраиваются */
}

.related-products {
    margin-top: 40px;
}

.related-products h2 {
    font-size: 22px;
    margin-bottom: 20px;
}

/* Унификация карточек внутри карусели */
.related-carousel .swiper-slide .product {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
    height: 100%;
    box-sizing: border-box;
    padding: 10px;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 6px;
    text-align: center;
}

/* Минимальная высота карточек */
.related-carousel .swiper-slide {
    height: auto;
}

.related-carousel .swiper-slide .woocommerce-loop-product__title {
    font-size: 14px;
    font-weight: 600;
    min-height: 40px; /* одинаковая высота заголовка */
    margin: 10px 0;
    line-height: 1.3;
}

/* Цена прижимается вниз */
.related-carousel .price {
    margin-top: auto;
    margin-bottom: 10px;
    font-weight: bold;
    color: #333;
}

/* Кнопка "В корзину" */
.related-carousel .button {
    background-color: #6b122e !important; /* тёмно-красный */
    color: #fff !important;
    border: none;
    border-radius: 4px;
    padding: 8px 12px;
    font-size: 14px;
    cursor: pointer;
    transition: background 0.3s;
}

.related-carousel .button:hover {
    background-color: #8e1a3f !important; /* чуть светлее при ховере */
}

/* Стрелки навигации Swiper */
.related-carousel .swiper-button-next,
.related-carousel .swiper-button-prev {
    color: #6b122e; /* тёмно-красный */
    background: rgba(255,255,255,0.9);
    border-radius: 50%;
    width: 36px;
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    transition: background 0.3s, color 0.3s;
}

.related-carousel .swiper-button-next:hover,
.related-carousel .swiper-button-prev:hover {
    background: #6b122e;
    color: #fff;
}

.pc-toast {
    position: fixed;
    bottom: 30px;
    right: 30px;
    background: #6b122e; /* твой тёмно-красный */
    color: #fff;
    padding: 14px 20px;
    border-radius: 6px;
    font-size: 15px;
    font-weight: 500;
    box-shadow: 0 4px 12px rgba(0,0,0,0.25);
    z-index: 9999;
    display: none;
    max-width: 320px;
    animation: slideIn .3s ease;
}

.pc-toast span {
    display: block;
    margin-bottom: 8px;
}

.pc-toast-btn {
    display: inline-block;
    background: #fff;
    color: #6b122e;
    padding: 6px 12px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: all .2s;
}

.pc-toast-btn:hover {
    background: #f1f1f1;
}

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