/*
   Theme Name: Twenty Second
   
   Template: twentytwentyfive
   */
   
   
   
   @font-face {
    font-family: 'Pfdindisplay';
        src: url('assets/fonts/pfdin/pfdindisplaypro-reg.woff2') format('woff2');
     font-weight:400;font-display:swap;text-rendering:auto;
 
}

   @font-face {
    font-family: 'PfdindisplayLight';
        src: url('assets/fonts/pfdin/pfdindisplaypro-light.woff2') format('woff2');
     font-weight:400;font-display:swap;text-rendering:auto;
 
}



 

input::placeholder, textarea::placeholder {
font-family: 'Pfdindisplay' !important;
 padding-left: 20px;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder  {
font-family: 'Pfdindisplay' !important;
 padding-left: 20px;
}
input::-moz-placeholder, textarea::-moz-placeholder {
	font-family: 'Pfdindisplay' !important;
 padding-left: 20px;
	 
}
input:-moz-placeholder, textarea:-moz-placeholder {
	font-family: 'Pfdindisplay' !important;
 
	 padding-left: 20px;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
	font-family: 'Pfdindisplay' !important;
padding-left: 20px;
	 
}

.mega-menu-link {
	  font-family: 'PfdindisplayLight' !important;
	 
}

.mega-menu-link, .wp-social-link-whatsapp, .wp-element-button, .aws-search-btn, .wpcf7-submit, .mega-menu-toggle  {
	  
	  box-shadow: inset 3px 3px 6px rgb(255 255 255 / 30%), inset -3px -3px 6px rgb(0 0 0 / 20%), 4px 4px 8px rgb(0 0 0 / 10%) !important;
}
 

.pfdin p, .pfdin a, .pfdin div, .pfdin span, .pfdin h1, .pfdin h2, .pfdin h3 {
	  font-family: 'Pfdindisplay' !important;
}
   
   .pfdin_l p, .pfdin_l a, .pfdin_l div, .pfdin_l span, .pfdin_l h1, .pfdin_l h2, .pfdin_l h3 {
	  font-family: 'PfdindisplayLight' !important;
}
   
 
  svg.ays_pb_material_close_icon {
    width: 20px;
}

ul.wp-block-categories-list.brands_footer.wp-block-categories li {
    list-style: none;

}

ul.wp-block-categories-list.brands_footer.wp-block-categories  {
     display: flex;
  flex-wrap: wrap; /* Ключевое свойство для переноса */
  gap: 12px; /* Отступ между элементами */
  width: 100%; /* Занимает всю ширину родителя */
}


.box_form  {
	box-shadow: rgb(201 201 201 / 29%) 0px 0px 12px 3px
	
}
 



.head_bg .wp-social-link-whatsapp svg {
	width: 18px !important;
}


.head_bg .wp-social-link {
    display: flex !important;
 justify-content: center;
    height: 27px !important;
}


  
   body.wp-singular, body.archive {
	 
    
    display: block;
    width: 100%;
    background: linear-gradient(#ffffffc4, #ffffff), url(/wp-content/imgs/head_bg.jpg);
    background-repeat: repeat;
    background-position: center top;
    background-size: 100%;
   
  }
  
  
    .footer_bg{
	 padding-bottom: 20px;
    
    display: block;
    width: 100%;
	 
    
    
    
   
  }
  
 .my-custom-pagination-div {
	 text-align:center;
 }
 
 .swiper-pagination-bullet-active {
   
     background-color: var(--wp--preset--color--accent-1);
}
  
  .woocommerce-billing-fields input {
	  
	  border: 1px solid #e2e2e2 !important;
  }
  
  
  h1.alignwide.wp-block-query-title {
    border-bottom: 1p;
    border-bottom: 1px solid #ccc;
}
   
   
   .wc-block-components-totals-item__description {
	   display:none !important;
	   
   }
   
   .wp-social-link-whatsapp {
	   background-color: var(--wp--preset--color--accent-2);
	   
   }
   
   .sticky, .sticky2 {
	    transition: .2s;
  top: -100%;
	  max-width: var(--wp--style--global--content-size);
    margin-left: auto !important;
    margin-right: auto !important;
	   border-radius:0px 0px 20px 20px;
	   width:100%;
	   flex-direction:row !important;
   }
   

   
   .no-valid {
    border: 2px solid red !important;
}


   .valid {
    border: 2px solid green !important;
}
   
   
   .col1,.col2 {
    
    width: 50%;
}
   
   div#customer_details {
    display: flex;
	gap:20px;
}
   
   a:where(:not(.wp-element-button)) {
    color: currentColor;
    text-decoration: none;
}
.icon,  .icon a{
	position:relative;
	padding-left:5px;
	display: flex;
    align-items: center;
}




.icon:before{
	content:"";
	 
	 height: 100%;
	 width: 20px !important;
    height: 20px !important;
 background-repeat:no-repeat;
  background-position: center left;
  
    
  }

  
  
.email_icon:before{
background-image: url('/wp-content/imgs/email.svg');
background-size: 100%;
width: 15px;
}
  
  
.phone_icon:before{
background-image: url(/wp-content/imgs/phone.svg);
background-size: 100%;
width: 15px; 
display: block;
}
  
.wa_icon a:before{
left:18px;
height:28px;
background-image: url('/wp-content/imgs/wa.svg');
background-size: 14px;
width: 20px;
}


.email_icon2:before{
background-image: url('/wp-content/imgs/email2.svg');
background-size: 100%;
width: 25px;
}
  
  
.phone_icon2:before{
background-image: url(/wp-content/imgs/phone2.svg);
background-size: 100%;
width: 20px; 
}
  
.wa_icon2:before{
 
background-image: url('/wp-content/imgs/wa2.svg');
background-size: 100%;
width: 25px; 
}

.wp-block-list {
	list-style:none;
	margin:0px;
	padding:0px;
}
  
  
  button.wc-block-mini-cart__button {
    background: #ccc;
    font-size: 110%;
    border-radius: 50%;
    margin: 0 !important;
}

p, a {
	word-break: normal;
	
}

.wp-container-core-buttons-is-layout-6bd4d9d1 {
	width:100%;
}

.block-editor-block-list__layout .block-editor-block-list__block {
    overflow-wrap: normal;
}

.wp-element-button, .wp-block-button__link {
    	-webkit-transition:  0.3s;  
    -moz-transition:  0.3s;   
    -o-transition:  0.3s;  
    transition:  0.3s;  
	word-break: normal;
	border-radius: 20px;
}

.woocommerce form textarea {
    min-height: 15px;
}


.wp-element-button:hover, .wp-block-button__link:hover {
   background-color: var(--wp--preset--color--accent-4);
   
}

.columns-1 .wc-block-components-product-image img {
	  
  height: 200px;
    min-width: 272px;
    object-fit: cover;
     
    
}

ul.list_brands img {
  max-width: 120px;
    object-fit: cover;
    
   
}
ul.list_brands {
    display: flex;
	gap:15px 7px;
	padding-left: 0;
	flex-wrap: wrap;
	justify-content: space-between;
}

 
 ul.list_brands li {
    list-style-type: none;
    padding: 16px;
    box-shadow: 0 4px 10px #00000021;
    border-radius: 10px;
    max-width: 155px;
    height: 40px;
	display: flex;
    align-items: center;
	background: #fff;
    
}
   
 



.swiper{width: 100%; height:400px;margin:0px auto;padding:0px;border-radius:20px;}
.swiper-slide{
 background-repeat:no-repeat;
  background-position: center;
   background-size: cover;
 text-align: center;
    margin: 0px auto;
  }
  
  
  .swiper-slide::before{
 content: '';
  position: absolute;
  top: 0;
  left:0;
  background: rgba(0, 0, 0, 0.6); /* Это затемнение. Его степень можно отрегулировать... */
  width: 100%;
  height: 100%;
  }
  
  .swiper-slide-inner {
	      position: inherit;
    display: flex;
    padding: 20px;
    flex-direction: column;
    justify-content: center;
    height: 100%;
	    gap: 28px;


  }
  
  
  .swiper-button-next:after, .swiper-button-prev:after {
	  color:#fff; font-size:12px;
  }
 
  	.swiper-button-prev, .swiper-button-next {
    background: #0009;
    border-radius: 50%;
    height: 50px;
    font-size: 13px !important;
    width: 50px;
}

  	.swiper-button-prev:hover, .swiper-button-next:hover {
    background: #47a01a;
     
}

  
  
  .title_swiper {
    font-size: 40px;
    color: #fff;
    font-weight: 600;
}

.wp-block-social-link {
	    border-radius: 10px !important;
}

.content_swiper {
    font-size: 20px;
    color: #fff;
    font-weight: 400;
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-amazon {
    background-color: #0b0b0a;
    color: #fff;
}

a img {
	display: block; 
}

	 .ays-pb-modal_4 {
		  overflow: visible !important;
	 }
	 
	 .wp-block-columns {
		 overflow:hidden;
	 }
 
	 .ays-pb-modal_4:before{
	content: "";
    position: absolute;
    bottom: -200px;
    left: -461px;
    height: 28px;
    background-image: url(/wp-content/imgs/truck.svg);
    background-repeat: no-repeat;
    background-position: center left;
    background-size: 100%;
    width: 873px;
    height: 289px;
   
  }
	
	
form.wpcf7-form p {
    display: flex;
    flex-direction: column;
	 
} 

.form_bottom label {
	font-size:20px !important;
	
}

.wp-block-column figure, .wp-block-column figure img {
	
	height:100%;
}

input.wpcf7-form-control {
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
	border-bottom: 1px solid #000;
	width:100%;
	height:30px;
}	

textarea.wpcf7-form-control {
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
	border-bottom: 1px solid #000;
	height:50px;
	width:100%;
}

form.wpcf7-form label {
    text-align: left !important;
    font-size: 16px;
}

.wpcf7-submit {
	background:var(--wp--preset--color--accent-1);
	padding:10px;
	color:#fff;
	height:65px !important;
	border-radius:10px;
	 
    position: relative;
}

    .wpcf7 form .wpcf7-response-output {
    z-index: 9999;
    position: relative;
    background: #fff;
  font-size: 12px;
}


 

 
li img {
    
}

.aws-container .aws-search-form  {
gap:10px;
}


.aws-container .aws-search-form .aws-form-btn {
border:none !important;
     background-color: var(--wp--preset--color--accent-1);
     border-radius:10px !important;
     color:#fff;
}

.aws-container .aws-search-form .aws-form-btn:hover {
 
     background-color: var(--wp--preset--color--accent-4);
   
     
}

.aws-container {
	flex-grow: 1;
	 
}

.aws-container .aws-search-form {
	height:70px !important;
}

.aws-container .aws-search-field {
   height: 70px;
    
    border-radius: 10px !important;
    font-size:16px;
}

.remove_scklad, .remove_scklad2 {
	   background-image: url(/wp-content/imgs/43233.jpg);
    background-repeat: no-repeat;
    background-position: center left;
    background-size: 100%;
	 height: 70px;
	  
	 line-height: 30px;
	 border-radius:10px;
	 transition: transform .1s ease;
}

.remove_scklad:hover, .remove_scklad2:hover {
    transform: scale(1.1);
}

.remove_scklad a, .remove_scklad2 a{
	   background:none !important;
}

.remove_scklad2 {
	   display:none !important;
}


.aws-container .aws-search-form .aws-search-btn_icon {
 
    color: #fff;
}

.aws-container .aws-search-form .aws-search-btn {
   
    width: 68px;
     align-items: center;
}


.wp-block-woocommerce-cart-order-summary-block, .wc-block-mini-cart__footer-subtotal {
	display:none;
}


ul.columns-1 li {
    border-bottom: 1px solid #ccc;
}

.wpcf7-form.sent #formWrapper, .wpcf7-form.failed #formWrapper
{
    display:none;
}














.green div {
    background: green;
}
 
 
 




.wp-block-woocommerce-mini-cart-checkout-button-block span, .wc-block-cart__submit-button span  {
	 display: none !important;
}

.contained .wc-block-components-button__text  {
	 display: none !important;
}

 

.wp-block-woocommerce-mini-cart-checkout-button-block:after, .wc-block-cart__submit-button:after {
	  content: 'Перейти к оформлению';
  visibility: visible;
  display: block;
}





.pull-right{float: right;}
.pull-left{float: left;}
.clear-fix{clear:both;}
 
 
 
 

 
div.form-item{position: relative; display: block; margin-bottom: 20px;}
 input{transition: all .2s ease;}
 input.form-style, textarea.form-style{
  color:#8a8a8a;
  display: block;
  width: 90%;
  
  padding: 5px 5%;
  border:1px solid #ccc;
  -moz-border-radius: 27px;
  -webkit-border-radius: 27px;
  border-radius: 27px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #fff;
  font-family:'HelveticaNeue','Arial', sans-serif;
  font-size: 105%;
  letter-spacing: .8px;
}


input.form-style { height: 44px; }

textarea.form-style { height: 144px; }


div.form-item .form-style:focus{outline: none; border:1px solid var(--wp--preset--color--accent-2); color:var(--wp--preset--color--accent-2); }
div.form-item p.formLabel {
  position: absolute;
  left:26px;
  top:2px;
  transition:all .4s ease;
  color:#bbb;}
.formTop{top:-22px !important; left:26px; background-color: #fff; padding:0 5px; font-size: 14px; color:var(--wp--preset--color--accent-2) !important;}
 
 


select.orderby {
    padding: 20px;
    border-radius: 20px;
}


.wc-block-components-product-image {
     margin: 0 !important;
	 }


ul.wp-block-categories-list li {
    line-height: 22px;
	margin: 11px 0;
}

ul.brands_footer li {
    line-height: 22px;
	margin: 3px 0;
 
}

ul.brands_footer {
 
    margin: 0px !important;
    padding: 0px !important;
}

 

:where(.wc-block-mini-cart__badge) {
    background-color: rgb(71 160 26) !important;
}



@media only screen and (min-width: 769px) {
	

	
	
	
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item > a.mega-menu-link:focus {
    background-color: var(--wp--preset--color--accent-1);
    color: #fff;
    font-weight: normal;
    text-decoration: none;
    border-color: #fff;
}
}


@media (max-width: 768px) {
    body .is-layout-flex:not(.not_reverse) {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.m_removed {
	 display: none !important;
}

.remove_scklad, .remove_scklad2 {width: 250px !important;}

.mtop20 {margin-top:20px !important;} 
.mbot20 {margin-bottom:20px !important;} 

.mhead1 {
	width:250px;
	justify-content: space-between;
}

.menu_top {padding:37px 0px !important;}
	
.email_icon {
    background: #3d3d3d;
    width: 250px;
    padding: 10px 0px;
    border-radius: 10px;
	margin-top:20px!important;
    display: flex;
    /* text-align: center; */
    justify-content: center;
	
	box-shadow: inset 3px 3px 6px rgb(255 255 255 / 30%), inset -3px -3px 6px rgb(0 0 0 / 20%), 4px 4px 8px rgb(0 0 0 / 10%) !important;
	
}


ul.list_brands img, ul.list_brands li {max-width: 100%; width: 142px;}
ul.list_brands li {height: 37px;}


.quar_top, .arrow, .wa_arrow,   .remove_scklad, .sidebar_brands, .sidebar_cats, .swiper-button-next, .swiper-button-prev { display:none !important;}

.remove_scklad2 { display:block !important;}

 .sticky { margin-top:20px; }
 
 .icon a  {  font-size:18px;}
  
 .icon:before {width: 33px;background-size: 73%;}

.head_bg, .footer_bg{ background-size: cover; }

 .title_swiper {font-size: 20px;margin: 0 auto;}
 .content_swiper { font-size: 15px;margin: 0 auto;}
   
     .head_bg .wp-social-link {
    
    height: 44px !important;
    width: 250px !important;
    justify-content: center;
}


textarea.form-style {
    height: 84px;
}

.ays-pb-modal_4 {height: 542px !important;}

.social-icons {flex-direction: row !important;}

ul.wp-block-categories-list.brands_footer.wp-block-categories {margin: 0;padding: 0;}
  
  
  .customer_details {flex-direction: column;}
  .col1, .col2 {width:100%;}
  h1.alignwide.wp-block-query-title {font-size: 30px;}
  
  
  
  
  #mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner, #mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner::before, #mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner::after {
    
    height: 2px !important;

}


@media (max-width: 420px) {
ul.list_brands img, ul.list_brands li {
    width: 122px;
}
}