/*
Theme Name: Velerbu Starter
Theme URI:
Author: Velerbu
Description: Universal WooCommerce starter theme
Version: 1.0
Text Domain: velerbu-starter
*/

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin:0; font-family:'Manrope', sans-serif; background: #000; color: #E4E0DA;}
img { max-width:100%; height:auto; }
a {color: #A09571; text-decoration: none;}
a:hover {color: #d7a252;}
h1,h2,h3,h4,h5,h6 {
    font-family:'Prata', serif;
	color: #E4E0DA;
}


/* ==========================
   HEADER
========================== */

.header-right {
    display: flex;
    align-items: center;
    gap: 30px;
}

.header-contacts {
    display: flex;
    flex-direction: column;
}

.header-cart {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    padding-left: 25px;
    border-left: 1px solid rgba(255,255,255,.2);
}


.header-container {
    max-width:1400px;
    height:100%;
    margin:0 auto;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:0 30px;
}

.home .site-header{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    background:transparent;
    transition:.35s;
	z-index: 999;
}

body:not(.home) .site-header{
    position: relative;
    background: url(/wp-content/themes/velerbu-starter/assets/images/burried.png);
    box-shadow: 0px 0px 50px #000;
}

/* LOGO */

.header-logo img {
    width:280px;
    height:auto;
    display:block;
}


/* MENU */

.main-menu {
    flex:1;
    margin-left:60px;
}

.header-nav {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:38px;
    list-style:none;
    margin:0;
    padding:0;
}

.header-nav li {
    margin:0;
}

.header-nav a {
    color:#E4E0DA;
    text-decoration:none;
    font-size:14px;
    font-weight:400;
    text-transform:uppercase;
    transition:.3s;
    font-family:'Manrope', sans-serif;
    font-size:13px;
    letter-spacing:.4px;
}

.header-nav a:hover {
    color:#d7a252;
}


/* CONTACTS */

.header-contacts {
    display:flex;
    flex-direction:column;
    color:#ddd;
}

a.header-phone {
	background: url("/wp-content/themes/velerbu-starter/assets/images/icon_phone.svg") no-repeat 0% 50%;
    padding: 0px 0px 0px 30px;
    color:#fff;
    text-decoration:none;
    font: 700 20px / 1.4 'Manrope', sans-serif;
}

.header-address {
    font-size: 13px;
    color: #E4E0DA;
    margin-top: 3px;
    font-family: 'Manrope', sans-serif;
    font-weight: 300;
    background: url(/wp-content/themes/velerbu-starter/assets/images/icon_map.svg) no-repeat 2% 50%;
    padding: 0px 0px 0px 30px;
}

/* MOBILE */

@media(max-width:900px){

    .site-header {
        height:auto;
        padding:15px 0;
    }

    .header-container {
        flex-direction:column;
        gap:20px;
    }

    .main-menu {
        margin-left:0;
    }

    .header-nav {
        flex-wrap:wrap;
        gap:15px;
    }

    .header-contacts {
        align-items:center;
    }

}


/* ==========================================
   HERO
========================================== */

.hero{

    min-height: calc(100vh - 80px);

    background:
        linear-gradient(rgba(8,11,13,.15),rgba(8,11,13,.15)),
        url("/wp-content/themes/velerbu-starter/assets/images/hero-bg.jpg") no-repeat center top;

    background-size:cover;

}

.hero-container{

    position:relative;
    z-index:2;

    max-width:1400px;
    margin:0 auto;

    padding:80px 30px;

    display:grid;
    grid-template-columns:620px 1fr;
    gap:80px;
    align-items:center;

}

.hero-content{
    max-width:560px;
}

.hero-subtitle{

    color:#A09571;

    text-transform:uppercase;

    letter-spacing:3px;

    font-size:13px;

    margin-bottom:30px;

}

.hero-title{
    font-family: 'Prata', serif;
    font-size: 72px;
    line-height: 1.25;
    margin: 0;
    color: #E4E0DA;
    font-weight: 400;
    text-transform: uppercase;

}

.hero-divider{

    width:90px;

    height:1px;

    background:#A09571;

    margin:35px 0;

}

.hero-text{

    font-size:19px;

    line-height:1.9;

    color:#d6d2ca;

    max-width:470px;

}

.hero-button{

    margin-top:45px;

    display:inline-flex;

    align-items:center;

    gap:16px;

    padding:18px 34px;

    border:1px solid #A09571;

    color:#E4E0DA;

    transition:.35s;

    font-weight:600;

    text-transform:uppercase;

    letter-spacing:1px;

}

.hero-button svg{

    transition:.35s;

}

.hero-button:hover{

    background:#A09571;

    color:#fff;

}

.hero-button:hover svg{

    transform:translateX(6px);

}

.hero-image{

    display:flex;

    justify-content:flex-end;

    align-items:center;

}



.hero-features{

    position:relative;

    z-index:3;

    max-width:1400px;

    margin:0 auto;

    margin-top:30px;

    padding:0 30px 60px;

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:30px;

}

.hero-feature{

    display:flex;

    gap:18px;

    align-items:flex-start;

}

.hero-feature img{

    width:42px;

    flex-shrink:0;

}

.hero-feature strong{

    display:block;

    margin-bottom:8px;

    color:#E4E0DA;

    font-size:18px;

    font-weight:600;

}

.hero-feature span{

    display:block;

    color:#bdb8af;

    line-height:1.7;

    font-size:15px;

}



/* ==========================================
   TABLET
========================================== */

@media(max-width:1200px){

.hero-container{

grid-template-columns:1fr;

gap:60px;

text-align:center;

}

.hero-content{

max-width:100%;

margin:auto;

}

.hero-text{

margin:auto;

}

.hero-divider{

margin:35px auto;

}

.hero-image{

justify-content:center;

}

.hero-features{

grid-template-columns:repeat(2,1fr);

}

}

/* ==========================================
   MOBILE
========================================== */

@media(max-width:768px){

.hero{

min-height:auto;

padding-top:40px;

}

.hero-container{

padding:150px 20px 0px 20px;

}

.hero-title{

font-size:52px;

}

.hero-text{

font-size:17px;

line-height:1.8;

}

.hero-features{

padding:0 20px 50px;

grid-template-columns:1fr;

gap:25px;

}

.hero-button{

width:100%;

justify-content:center;

}

}


/* ==========================================
   ABOUT
========================================== */

.about{

    position:relative;

    min-height:980px;

    background:url("/wp-content/themes/velerbu-starter/assets/images/about-bg.jpg") no-repeat center top;

    background-size:cover;

}

.about-overlay{

    position:absolute;

    inset:0;

    background:rgba(0,0,0,.12);

}

.about-container{

    position:relative;

    z-index:2;

    max-width:1400px;

    margin:0 auto;

    padding:90px 30px 120px;

}

/* ---------- Верхняя часть ---------- */

.about-header{
    width: 700px;
    margin: auto;
    margin-bottom: 55px;
    text-align: center;

}

.about-title{

    margin:0;

    font-family:'Prata',serif;

    font-size:74px;

    font-weight:400;

    color:#E4E0DA;

}

.about-shine{
    height:46px;
    margin:28px 0;
    background:url("/wp-content/themes/velerbu-starter/assets/images/about-line.png") no-repeat center;
    background-size:contain;

}

.about-subtitle{
    width: 50%;
    color: #A09571;
    font-size: 17px;
    line-height: 2;
    text-transform: uppercase;
    letter-spacing: .5px;
    margin: auto;;

}

/* ---------- Правая колонка ---------- */

.about-content{

    width:700px;

    margin-left:auto;

}

.about-quote{

    border-left:4px solid #A09571;

    padding-left:28px;

    margin-bottom:55px;

}

.about-quote p{

    margin:0;

    font-size:19px;

    line-height:2;

    color:#DDD8D1;

}

.about-quote strong{

    color:#fff;

}

/* ---------- Преимущества ---------- */

.about-features{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:35px 45px;

    margin-bottom:60px;

}

.about-feature{

    display:flex;

    gap:18px;

    align-items:flex-start;

}

.about-feature img{

    width:34px;

    flex-shrink:0;

}

.about-feature strong{

    display:block;

    margin-bottom:8px;

    color:#E4E0DA;

    font-size:17px;

}

.about-feature span{

    color:#BDB8AF;

    font-size:15px;

    line-height:1.7;

}

/* ---------- Текст ---------- */

.about-text p{

    margin:0 0 30px;

    color:#D7D2CB;

    font-size:18px;

    line-height:2;

}

/* ---------- Планшет ---------- */

@media(max-width:1100px){

    .about{

        min-height:auto;

    }

    .about-header,

    .about-content{

        width:100%;

    }

}

/* ---------- Телефон ---------- */

@media(max-width:768px){

    .about{

        padding:80px 0;

    }

    .about-container{

        padding:0 20px;

    }

    .about-title{

        font-size:46px;

    }

    .about-shine{

        width:250px;

    }

    .about-subtitle{

        width:100%;

        font-size:15px;

        line-height:1.8;

    }

    .about-features{

        grid-template-columns:1fr;

    }

    .about-text p{

        font-size:16px;

        line-height:1.8;

    }

}


/* ==========================================
   PRODUCTS
========================================== */

.home .products{

    background:url(/wp-content/themes/velerbu-starter/assets/images/burried.png);

    padding:120px 0;

}

.products-container{

    max-width:1400px;

    margin:auto;

    padding:0 30px;

}

.products-header{

    text-align:center;

    margin-bottom:70px;

}

.products-title{

    font:400 74px 'Prata',serif;

    margin:0;

}

.products-line{

    width:360px;

    height:46px;

    margin:30px auto;

    background:url("/wp-content/themes/velerbu-starter/assets/images/about-line.png") no-repeat center;

    background-size:contain;

}

.products-subtitle{

    width:500px;

    margin:auto;

    color:#A09571;

    line-height:2;

    text-transform:uppercase;

}

.products-grid{

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:20px;

}

.product-card{

    display:block;

    background:#111;

    transition:.35s;

}

.product-card:hover{

    transform:translateY(-8px);

}

.product-image{

    overflow:hidden;

    aspect-ratio:4/5;

}

.product-image img{

    width:100%;

    height:100%;

    object-fit:cover;

    display:block;

    transition:.4s;

}

.product-card:hover img{

    transform:scale(1.05);

}

.product-content{

    padding:30px;

}

.product-content h3{

    font:400 28px 'Prata',serif;

    margin:0 0 20px;

}

.product-link{

    color:#A09571;

    text-transform:uppercase;

    letter-spacing:1px;

}

.products-button{

    text-align:center;

    margin-top:70px;

}

@media(max-width:1100px){

.products-grid{

grid-template-columns:1fr 1fr;

}

}

@media(max-width:768px){

.products{

padding:80px 0;

}

.products-title{

font-size:46px;

}

.products-grid{

grid-template-columns:1fr;

}

.products-subtitle{

width:100%;

}

}


/* ==========================================
   FOOTER
========================================== */

.site-footer{

    background:#0a0a09;

    padding:70px 0 40px;

    border-top:1px solid rgba(160,149,113,.12);

}

.footer-container{

    max-width:1400px;

    margin:0 auto;

    padding:0 30px;

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:60px;

}

.footer-logo img{

    width:300px;

    display:block;

}

.footer-menu{

    flex:1;

}

.footer-nav{

    display:flex;

    justify-content:center;

    gap:40px;

    list-style:none;

    margin:0;

    padding:0;

}

.footer-nav li{

    margin:0;

}

.footer-nav a{

    color:#E4E0DA;

    font-size:14px;

    text-transform:uppercase;

    transition:.3s;

}

.footer-nav a:hover{

    color:#A09571;

}

.footer-contacts{

    text-align:right;

}

.footer-phone{

    display:inline-block;

    padding-left:28px;

    color:#fff;

    font:700 18px/1.4 'Manrope',sans-serif;

    background:url("/wp-content/themes/velerbu-starter/assets/images/icon_phone.svg") no-repeat left center;

}

.footer-address{

    margin-top:6px;

    padding-left:28px;

    color:#BEB8AE;

    font-size:14px;

    background:url("/wp-content/themes/velerbu-starter/assets/images/icon_map.svg") no-repeat left center;

}

.footer-bottom{

    max-width:1400px;

    margin:45px auto 0;

    padding:25px 30px 0;

    border-top:1px solid rgba(255,255,255,.06);

    display:flex;

    justify-content:center;

    gap:80px;

    align-items:center;

    color:#8D8579;

    font-size:14px;

}

.footer-policy{

    color:#8D8579;

    text-decoration:underline;

}

.footer-policy:hover{

    color:#A09571;

}

@media(max-width:980px){

    .footer-container{

        flex-direction:column;

        text-align:center;

    }

    .footer-nav{

        flex-wrap:wrap;

        gap:20px;

    }

    .footer-contacts{

        text-align:center;

    }

    .footer-bottom{

        flex-direction:column;

        gap:15px;

        text-align:center;

    }

}

/* ==========================================
   SHOP HERO
========================================== */

.shop-hero{
    position:relative;
    padding-bottom: 60px;
    background:
        linear-gradient(rgba(8,11,13,.35),rgba(8,11,13,.35)),
        url("/wp-content/themes/velerbu-starter/assets/images/shop-bg.jpg") no-repeat center;
    background-size:cover;
}

.shop-overlay{

    position:absolute;

    inset:0;

    background:
        linear-gradient(180deg,
        rgba(8,11,13,.65) 0%,
        rgba(8,11,13,.35) 100%);

}

.shop-container{

    max-width:1400px;

    margin:auto;

    padding:0 30px;

    position:relative;

    z-index:2;

}

.shop-header{

    padding-top:40px;

    text-align:center;

}

.shop-title{

    font:400 74px 'Prata',serif;

    margin:0;

}

.shop-line{

    width:360px;

    height:46px;

    margin:28px auto;

    background:url("/wp-content/themes/velerbu-starter/assets/images/about-line.png") no-repeat center;

    background-size:contain;

}

.shop-subtitle{

    color:#A09571;

    text-transform:uppercase;

    letter-spacing:.5px;

    line-height:2;

    font-size:17px;

}


/* ==========================================
   SHOP CATALOG
========================================== */

.shop-content{

    background:#080b0d;

    padding:40px 0;

}

.shop-content .woocommerce{

    max-width:1400px;

    margin:auto;

}

.shop-content .woocommerce-pagination{

    margin-top:80px;

    text-align:center;

}

.woocommerce nav.woocommerce-pagination ul{

    border:none;

    display:flex;

    justify-content:center;

    gap:12px;

}

.woocommerce nav.woocommerce-pagination ul li{

    border:none;

}

.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span{

    width:48px;

    height:48px;

    display:flex;

    align-items:center;

    justify-content:center;

    background:#111;

    color:#E4E0DA;

    transition:.3s;

}

.woocommerce nav.woocommerce-pagination ul li span.current{

    background:#A09571;

}

.woocommerce nav.woocommerce-pagination ul li a:hover{

    background:#A09571;

}

.catalog-card{

    background:#101010;

    border:1px solid rgba(160,149,113,.15);

}

.catalog-card:hover{

    border-color:#A09571;

}

/* ==========================================
   WOOCOMMERCE CATALOG
========================================== */

.catalog-card-excerpt,
.product-excerpt{

    margin:18px 0 28px;

    color:#BDB8AF;

    font-size:15px;

    line-height:1.8;

}

.catalog-card-excerpt{

    margin:18px 0 30px;

    color:#BDB8AF;

    font-size:15px;

    line-height:1.8;

}

.woocommerce-result-count,
.woocommerce-ordering,
.woocommerce-breadcrumb,
.woocommerce-products-header{

    display:none;

}

.woocommerce ul.products{

    display:grid !important;

    grid-template-columns:repeat(4,1fr);

    gap:30px;

    margin:0 !important;

    padding:0;

}

.woocommerce ul.products::before,
.woocommerce ul.products::after{

    display:none;

}

.woocommerce ul.products li.product{

    width:100% !important;

    margin:0 !important;

    float:none !important;

}

/* ==========================================
   PRODUCT CARD
========================================== */

.catalog-card,
.product-card{

    background:#2b241e;

    border:1px solid rgba(228,224,218,.35);

    transition:.35s;

    overflow:hidden;

    display:flex;

    flex-direction:column;

    height:100%;

}

.catalog-card:hover,
.product-card:hover{

    border-color:#A09571;

    transform:translateY(-8px);

    box-shadow:0 20px 45px rgba(0,0,0,.35);

}

.catalog-card-image,
.product-image{

    display:block;

    overflow:hidden;

    aspect-ratio:0.72;

    background:#000;

}

.catalog-card-image img,
.product-image img{

    width:100%;

    height:100%;

    object-fit:cover;

    transition:.45s;

    display:block;

}

.catalog-card:hover img,
.product-card:hover img{

    transform:scale(1.04);

}

/* ---------- контент ---------- */

.catalog-card-content,
.product-content{

    padding:28px 24px 26px;

    display:flex;

    flex-direction:column;

    flex:1;

}

.catalog-card-title, .product-content h3{

    margin:0;

    font:400 24px/1.15 'Prata',serif;

}

.catalog-card-title a,
.product-content h3 a,
.product-content h3{

    color:#E4E0DA;

}

/* ---------- описание ---------- */

.catalog-card-excerpt, .product-excerpt{
    margin: 22px 0 34px;
    color: #d2ccc5;
    font-size: 15px;
    line-height: 1.4;
    flex: 1;
}

/* цена */

.product-card__price, p.price span {
    padding: 0px 0px 20px 0px;
    font: 600 18px / 24px 'Manrope', sans-serif;
    color: #fff;
}

/* ---------- кнопка ---------- */

.catalog-card-button, .product-link{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 57px;
    padding: 0 28px;
    border: 1px solid rgba(228, 224, 218, .25);
    background: linear-gradient(0deg, #342E25, #684e36);
    color: #fff;
    text-transform: none;
    font-size: 16px;
    transition: .3s;
}

.catalog-card-button::after,
.product-link::after{
    content: "→";
    font-size: 22px;
    font-weight: 300;
    line-height: 1;
    margin-top: -1px;
}

.catalog-card-button:hover,
.product-link:hover{

    background:#A09571;

    border-color:#A09571;

}

/* =====================================
   PRODUCT PAGE - CART BUTTON + QUANTITY
   ===================================== */


/* Блок количества + кнопка */
.single-product form.cart {
    display: flex;
    align-items: center;
    gap: 0px;
}


/* Количество товара */
.single-product form.cart .quantity {
    display: flex;
    align-items: center;
}


.single-product form.cart .quantity input.qty {
    width: 70px;
    height: 54px;
    padding: 0;
    border: 1px solid rgba(228, 224, 218, .35);
    background: #f8f5f0;
    color: #342E25;
    font-size: 16px;
    text-align: center;
    outline: none;
    border-radius: 0;
}


/* Убираем стрелки у количества */
.single-product form.cart .quantity input::-webkit-inner-spin-button,
.single-product form.cart .quantity input::-webkit-outer-spin-button {
    opacity: .5;
}


/* Кнопка "Добавить в корзину" */
.woocommerce div.product form.cart .button,
.woocommerce div.product form.cart button.single_add_to_cart_button,
.single-product .single_add_to_cart_button {
    height: 54px;
    padding: 0 28px;

    border: 1px solid rgba(228, 224, 218, .25) !important;

    background: linear-gradient(0deg, #342E25, #684e36) !important;

    color: #fff !important;

    text-transform: none;
    font-size: 16px;
    font-weight: 400;

    border-radius: 0;

    transition: .3s ease;

    cursor: pointer;
    margin-left: 10px;
}


/* Наведение */
.woocommerce div.product form.cart .button:hover,
.woocommerce div.product form.cart button.single_add_to_cart_button:hover,
.single-product .single_add_to_cart_button:hover {

    background: linear-gradient(0deg, #684e36, #342E25) !important;

    color: #fff !important;

}


/* Убираем стандартные WooCommerce эффекты */
.single-product .single_add_to_cart_button:before,
.single-product .single_add_to_cart_button:after {
    display: none !important;
}


/* Мобильная версия */
@media (max-width: 600px) {

    .single-product form.cart {
        flex-wrap: wrap;
    }


    .single-product form.cart .quantity input.qty {
        width: 65px;
    }


    .single-product .single_add_to_cart_button {
        flex: 1;
    }

}



/* =====================================
   SINGLE PRODUCT - PREMIUM CONTAINER
   ===================================== */


/* Основная область товара */
.single-product .site-main,
.single-product .content-area {
    width: 100%;
    background: url(/wp-content/themes/velerbu-starter/assets/images/asfalt.png);
    padding: 20px 0px;
}


/* Контейнер товара */
.single-product div.product {
    max-width: 1180px;
    margin: auto;
    padding: 35px;
    background: #2b241e80;
    border: 1px solid rgba(228, 224, 218, .35);
}


/* Верхняя часть товара */
.single-product div.product .woocommerce-product-gallery {
    width: 45% !important;
}


.single-product div.product .summary {
    width: 50% !important;
}


/* Выравниваем блоки */
.single-product div.product {
    display: flex;
    flex-wrap: wrap;
    gap: 5%;
}


/* Чтобы вкладки описания были в этой же ширине */
.single-product .woocommerce-tabs,
.single-product .related,
.single-product .upsells {
    width: 100%;
    max-width: 1180px;
    margin-left: auto;
    margin-right: auto;
}


/* Похожие товары */
.single-product .related ul.products,
.single-product .upsells ul.products {
    width: 100%;
}


/* Заголовки блоков */
.single-product .related h2,
.single-product .upsells h2,
.single-product .woocommerce-Tabs-panel h2 {
    margin: 20px 0px 40px 0px;
    text-align: center;
    border-top: 1px solid #69635e;
    color: #E4E0DA;
    font-weight: 400;
    padding-top: 40px;
}


.single-product .related ul.products {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
    margin:0;
    padding:0;
}


.single-product .related ul.products li.product {
    width:auto !important;
    margin:0;
}

/* Убираем flex-наследование у блока рекомендаций */
.single-product .related div.product,
.single-product .upsells div.product {
    display: block;
    gap: 0;
}

.single-product .related div.product .catalog-card-content {
    padding: 28px 0px 0px;
}

.single-product .related div.product .catalog-card-excerpt {
    margin: 20px 0 20px;
    min-height: 65px;
}

/* =====================================
   SINGLE PRODUCT GALLERY
   ===================================== */


/* Общая галерея */
.single-product .woocommerce-product-gallery {
    width: 100%;
}


/* Обертка изображений */
.single-product .woocommerce-product-gallery__wrapper {
    display: flex;
    flex-wrap: wrap;
}


/* Главное изображение */
.single-product .woocommerce-product-gallery__image:first-child {
    width: 100%;
    border: 0;
}


/* Миниатюры */
.single-product .woocommerce-product-gallery__image:not(:first-child) {
    width: calc(25% - 9px) !important;
    margin-right: 12px !important;
    margin-bottom: 0 !important;
}


/* У последней миниатюры убираем правый отступ */
.single-product .woocommerce-product-gallery__image:nth-child(5) {
    margin-right: 0 !important;
}


/* Ссылки */
.single-product .woocommerce-product-gallery__image a {
    display: block;
}


/* Все изображения */
.single-product .woocommerce-product-gallery__image img {
    display: block;
    width: 100%;
    height: auto;
}


/* Вид миниатюр */
.single-product .woocommerce-product-gallery__image:not(:first-child) img {
    height: 120px;
    object-fit: cover;

    border: 1px solid rgba(52,46,37,.15);

    transition: .3s ease;
}


/* Наведение */
.single-product .woocommerce-product-gallery__image:not(:first-child) img:hover {
    opacity: .75;
}



/* =====================================
   MOBILE
   ===================================== */

@media (max-width:768px) {


    /* Главное фото */
    .single-product .woocommerce-product-gallery__image:first-child {
        margin-bottom: 20px !important;
    }


    /* Миниатюры 4 в ряд */
    .single-product .woocommerce-product-gallery__image:not(:first-child) {
        width: calc(25% - 8px) !important;
        margin-right: 10px !important;
    }


    /* Последняя без отступа */
    .single-product .woocommerce-product-gallery__image:nth-child(5) {
        margin-right: 0 !important;
    }


    /* Размер миниатюр */
    .single-product .woocommerce-product-gallery__image:not(:first-child) img {
        height: 75px;
    }

}

/* =====================================
   SINGLE PRODUCT MOBILE
   ===================================== */

@media (max-width: 768px) {

    .single-product .content-area {
        padding: 5px 15px;
    }

    .related.products {
        padding: 0px 0;
    }

    /* Основной контейнер товара */
    .single-product div.product {
        display: block;
        padding: 20px;
    }


    /* Фото */
    .single-product div.product .woocommerce-product-gallery {
        width: 100% !important;
        margin-bottom: 25px;
    }


    /* Правая часть */
    .single-product div.product .summary {
        width: 100% !important;
    }


    /* Заголовок */
    .single-product .product_title {
        font-size: 26px;
        line-height: 1.25;
    }


    /* Цена */
    .single-product .price {
        font-size: 22px;
        margin: 15px 0;
    }


    /* Количество + кнопка в одну строку */
    .single-product form.cart {
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        gap: 0px;
    }


    /* Поле количества */
    .single-product form.cart .quantity {
        width: 70px;
        flex: 0 0 70px;
    }


    .single-product form.cart .quantity input.qty {
        width: 70px;
        height: 52px;
        padding: 0;
    }


    /* Кнопка */
    .single-product .single_add_to_cart_button {
        flex: 1;
        width: auto;
        height: 52px;
        padding: 0 18px;
        white-space: nowrap;
    }


    /* Таблица характеристик / описание */
    .single-product .woocommerce-tabs {
        margin-top: 30px;
    }


    /* Рекомендуем посмотреть */
    .single-product .related ul.products {
        grid-template-columns: 1fr;
        gap: 20px;
    }


    .single-product .related h2 {
        font-size: 24px;
    }


    /* Галерея на мобильном */
    .single-product .woocommerce-product-gallery {
        display: block;
    }


    .single-product .woocommerce-product-gallery .flex-control-thumbs {
        width: 100%;
        display: flex;
        flex-direction: row;
        gap: 10px;
        margin-top: 15px;
    }


    .single-product .woocommerce-product-gallery .flex-control-thumbs li {
        width: 65px;
    }

}



/* ==========================================
   SERVICES PAGE
========================================== */

.services-page{

    padding:120px 0;

    background:#080b0d;

}

.services-container{

    max-width:1400px;

    margin:0 auto;

    padding:0 30px;

}

.services-title{

    margin:0;

    text-align:center;

    font:400 72px/1.2 'Prata', serif;

    color:#E4E0DA;

}

.services-grid{

    margin-top:80px;

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:40px;

}

/* карточка */

.service-card{

    background:#171411;

    border:1px solid rgba(160,149,113,.35);

    padding:70px 60px;

    min-height:520px;

    text-align:center;

    display:block;

    transition:.35s;

}

.service-card:hover{

    border-color:#A09571;

    transform:translateY(-6px);

    box-shadow:0 15px 40px rgba(0,0,0,.35);

}

/* иконка */

.service-icon{

    width:90px;

    height:90px;

    margin:0 auto 35px;

}

.service-icon img{

    width:90px;

    height:auto;

    display:block;

}

/* заголовок */

.service-card h2{

    margin:0;

    color:#E4E0DA;

    font:400 32px/1.2 'Prata', serif;

}

/* линия */

.service-line{

    width:90px;

    height:1px;

    background:#A09571;

    margin:28px auto 35px;

}

/* текст */

.service-card p{

    max-width:420px;

    margin:0 auto;

    color:#CFC9BF;

    font-size:18px;

    line-height:2;

}

/* ==========================
   TABLET
========================== */

@media(max-width:1100px){

    .services-grid{

        grid-template-columns:1fr;

    }

    .service-card{

        min-height:auto;

    }

}

/* ==========================
   MOBILE
========================== */

@media(max-width:768px){

    .services-page{

        padding:80px 0;

    }

    .services-container{

        padding:0 20px;

    }

    .services-title{

        font-size:46px;

    }

    .service-card{

        padding:50px 30px;

    }

    .service-card h2{

        font-size:34px;

    }

    .service-card p{

        font-size:16px;

        line-height:1.8;

    }

}


/*==========================================
CONTACTS
==========================================*/

.contacts-page{

    background:#080b0d;

    padding:120px 0;

}

.contacts-container{

    max-width:1400px;

    margin:auto;

    padding:0 30px;

}

.contacts-title{

    text-align:center;

    margin:0 0 80px;

    font:400 72px/1.2 'Prata',serif;

}

.contacts-grid{

    display:grid;

    grid-template-columns:420px 1fr;

    gap:80px;

    align-items:start;

}

/*==============================
ЛЕВАЯ КОЛОНКА
==============================*/

.contacts-info{

    padding-top:25px;

}

.contacts-phone{

    display:block;

    color:#fff;

    font:700 32px 'Manrope',sans-serif;

    padding-left:42px;

    margin-bottom:30px;

    background:url("/wp-content/themes/velerbu-starter/assets/images/icon_phone.svg") no-repeat left center;

}

.contacts-address{

    color:#E4E0DA;

    font-size:19px;

    line-height:1.8;

    padding-left:42px;

    background:url("/wp-content/themes/velerbu-starter/assets/images/icon_map.svg") no-repeat left 8px;

}

/*==============================
CONTACT FORM 7
==============================*/

.contacts-form{

    width:100%;

}

.contacts-form p{

    margin:0 0 22px;

}

.contacts-form input[type=text],
.contacts-form input[type=email],
.contacts-form input[type=tel],
.contacts-form textarea{

    width:100%;

    background:#171411;

    border:1px solid rgba(160,149,113,.35);

    color:#E4E0DA;

    padding:18px 22px;

    font:16px 'Manrope',sans-serif;

    transition:.3s;

}

.contacts-form textarea{

    height:180px;

    resize:vertical;

}

.contacts-form input:focus,
.contacts-form textarea:focus{

    outline:none;

    border-color:#A09571;

}

.contacts-form input::placeholder,
.contacts-form textarea::placeholder{

    color:#9d958d;

}

.contacts-form input[type=submit]{

    width:260px;

    height:62px;

    border:none;

    background:#A09571;

    color:#fff;

    font:600 16px 'Manrope',sans-serif;

    text-transform:uppercase;

    letter-spacing:1px;

    cursor:pointer;

    transition:.3s;

}

.contacts-form input[type=submit]:hover{

    background:#b8aa7b;

}

.wpcf7-spinner{

    margin-left:20px;

}

.wpcf7-response-output{

    border:none !important;

    margin:20px 0 0 !important;

    padding:0 !important;

    color:#ddd;

}

/*==============================
TABLET
==============================*/

@media(max-width:1000px){

.contacts-grid{

grid-template-columns:1fr;

gap:60px;

}

.contacts-info{

padding-top:0;

}

}

/*==============================
MOBILE
==============================*/

@media(max-width:768px){

.contacts-page{

padding:80px 0;

}

.contacts-container{

padding:0 20px;

}

.contacts-title{

font-size:48px;

margin-bottom:50px;

}

.contacts-phone{

font-size:26px;

}

.contacts-address{

font-size:17px;

}

.contacts-form input[type=submit]{

width:100%;

}

}



/* ==========================
   WOOCOMMERCE CART
========================== */

.woocommerce-cart {
    background: #111;
}


.woocommerce-cart .woocommerce {
    max-width: 1200px;
    margin: 80px auto;
    padding: 0 20px;
}


.woocommerce-cart h1,
.woocommerce-cart h2 {
    font-family: "Prata", serif;
    color: #fff;
}


.woocommerce table.shop_table {
    border: 1px solid rgba(255,255,255,.15);
    background: #181818;
    border-radius: 12px;
    overflow: hidden;
}


.woocommerce table.shop_table th {
    color: #c8a56a;
    font-weight: 500;
    border-color: rgba(255,255,255,.1);
}


.woocommerce table.shop_table td {
    color: #fff;
    border-color: rgba(255,255,255,.1);
}


.woocommerce-cart-form__cart-item img {
    width: 90px;
    height: 110px;
    object-fit: cover;
}


.woocommerce a.remove {
    color:#c8a56a !important;
}


.woocommerce a.remove:hover {
    background:#c8a56a;
    color:#111 !important;
}


.woocommerce .quantity input {
    background:#111;
    border:1px solid rgba(255,255,255,.2);
    color:#fff;
    padding:10px;
}


.woocommerce button.button,
.woocommerce a.button {
    background:#c8a56a;
    color:#111;
    border-radius:30px;
    padding:14px 30px;
    font-weight:600;
}


.woocommerce button.button:hover,
.woocommerce a.button:hover {
    background:#fff;
    color:#111;
}

.woocommerce-cart .cart-collaterals {

    background:#181818;
    padding:35px;
    border-radius:20px;
    border:1px solid rgba(255,255,255,.12);

}


.woocommerce-cart .cart_totals h2 {

    margin-top:0;
    color:#fff;

}


.woocommerce-cart .cart_totals table {

    color:#fff;

}


.woocommerce-cart .wc-proceed-to-checkout a {

    width:100%;
    text-align:center;

}

body.woocommerce-cart,
body.woocommerce-checkout {

    background:#111;

}

@media (max-width: 767px) {
.woocommerce ul.products {
grid-template-columns: repeat(1, 1fr);
}
}