/**
 * Theme Name: snab
 * Template: astra
 *
 * Не обязательные параметры:
 * Theme URI: http://example.com/
 * Description: Дочерняя тема для темы astra
 * Author: Kama
 * Author URI: http://example.com/about/
 * Version: 1.0
 */

/* импортируем стили родительской темы */
@import url("../astra/style.css");

/* Свои дополнительные стили */

.flip-categories .products > li:first-child {
    display: none!important;
}
.cat-mob .products > li:first-child {
    display: none!important;
}
.flip-categories .product-category {
    perspective: 1000px;
    position: relative;
    height: 300px;
    margin-bottom: 30px;
}
.flip-categories .product-category a {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s;
    transform-style: preserve-3d;
}
.flip-categories .product-category:hover a {
    transform: rotateX(180deg);
}
.flip-categories .flip-front,
.flip-categories .flip-back {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}
.flip-categories .flip-front {
    background: #fff;
    z-index: 2;
	  border-radius:16px;
}
.flip-categories .flip-front img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
}
.flip-categories .flip-back {
    transform: rotateX(180deg);
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 20px;
	  border-radius: 16px;
}
.flip-categories .flip-back::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5); 
    z-index: 1;
}
.flip-categories .flip-back img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
	  border-radius: 16px;
}
.flip-categories .flip-back h2 {
    position: relative;
    color: #FFF;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 20px;
    z-index: 2;
    text-shadow: 0 2px 4px rgba(0,0,0,0.3);
}
.flip-back img {
	margin-bottom: 0!important;
}
.flip-categories .flip-button {
    position: relative;
    display: inline-block;
    padding: 16px 32px;
    background-color: #20749e;
    color: white;
    text-decoration: none;
    border-radius: 50px;
	border: 1px solid #FFF;
    font-size: 0.8rem;
    font-weight: 500;
    transition: all 0.3s ease;
    z-index: 2;
    cursor: pointer;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}
.flip-categories .flip-button:hover {
    background-color: #3CAFBD;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
}

.categories-section p, .our-clients p, .popular-product p, .cat-mob p{
	z-index: -1;
	position: absolute;
	top: -100px;
	left: 0px
}
.call-section a {
	border-color: #20749E!important;
}
.site-header.scrolled {
    transition: all 0.3s ease;
	position: sticky!important;
    top: 0;
    z-index: 999;
}
.site-header {
	position: sticky!important;
	top: 0;
	z-index:999;
}
.home #ast-hf-mobile-menu, .page-template-default #ast-hf-mobile-menu {
	background-color: rgba(0,0,0,0.9);
}
.home #ast-hf-mobile-menu .menu-link, .page-template-default #ast-hf-mobile-menu .menu-link {
	color: #FFF;
}

.site-footer .widget-title{
	font-weight: 500;
}
.main-header-bar {
	backdrop-filter: blur(10px);
}
.map::before {
	content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: linear-gradient(to bottom, #fff, rgba(255, 255, 255, 0));
    pointer-events: none;
    height: 100px;
	z-index: 1;
}
.wp-block-uagb-container.uagb-block-b6050628 {
  background-attachment: fixed;
  background-size: cover;
  background-position: center;
}
.current-menu-item > .menu-link:focus {
	color: #FFF!important;
}
.site-footer .widget {
	margin:0 0 0 0!important;
}
#block-55 .widget-title {
	margin-bottom: .7em;
}
#block-59 .wp-block-button__link {
	border: 1px solid #FFF;
	color: #FFF;
	border-radius: 50px;
	margin-top: 10px;
}
.site-footer .widget-title {
	position: relative;
	display: inline-block;
}
.site-footer .widget-title::after {
	content: '';
	position: absolute;
    left: 0;
    bottom: -3px;
    width: 100%;
    height: 2px; 
    background: #0170B9;
}
#block-64 .is-layout-flex {
	justify-content: center;
}

.wp-block-button .srfm-button {
	border-radius: 50px;
	border: 1px solid #FFF;
	font-size: 0.8rem;
	padding: 16px 32px;
}
.popular-product a img {
	border-radius: 16px;
}
.single-post .ast-article-single{
	padding: 0;
}
.blog .ast-archive-description {
	padding-top: 0;
}
.ast-woocommerce-container {
	padding-top: 0!important;
	padding-bottom: 0!important;
}
.ast-separate-container .ast-article-post {
	border-bottom: 0;
}
.popular-product .ast-woo-product-category {
	opacity: 1!important;
}
.wpcf7 .wpcf7-list-item {
	margin: 0;
}
.ast-separate-container.ast-two-container #secondary .widget {
	padding-top: 0;
}
@media screen and (max-width:544px) {
	.astra-widget-list-icons ul li {
		justify-content: center;
	}
}
@media screen and (max-width:768px){
	.categories-section p, .our-clients p, .popular-product p, .cat-mob p{
		top: -35px;
	}
	
}
@media screen and (max-width:976px){
	.categories-section {
		display: none!important;
	}
	.cat-mob ul.products li.product.product-category a img {
		border-radius: 16px;
	}
}
@media screen and (min-width:976px){
	.cat-mob {
		display: none!important;
	}
	.subbanner {
		position: relative;
		top: -100px;
	}
}