/* 
 Theme Name:   BuyPhone
 Theme URI:    
 Description:  BuyPhone
 Author:       SCVORAL
 Author URI:   https://www.linkedin.com/in/dzmitry-shupenka/
 Template:     storefront
 Version:      1.0

 /* == Add your own styles below this line ==
--------------------------------------------*/

@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700;800&display=swap');

body, button, input, textarea {
  font-family: "Rubik", sans-serif;
  font-display: swap;
}

.site {
  overflow: unset;
}

#main {
    padding: 0;
}

a:focus, button:focus, .button.alt:focus, input:focus, textarea:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus{
  outline-color: transparent;
}

a{
 text-decoration: none!important;
 transition: all .2s;
}

a:focus{
  outline: none;
}

a:hover{
  color: #7AD02F!important;
}

.home .site-content .col-full{
  max-width: 100%;
  padding: 0;
  margin: 0;
}

.reset_variations,
.wvs_archive_reset_variations{
  display: none !important;
}

.storefront-breadcrumb .col-full{
   width: 100%;
   max-width: 100%;
   padding: 0;
   margin: 0;
}

.storefront-breadcrumb .woocommerce-breadcrumb{
   background-color: #f2f2f2;
   padding: 14px 0;
   text-align: center;
}

.site-header{
   padding: 0 30px;
   background-color: #f2f2f2;
   position: sticky;
   top: 0;
   left: 0;
   right: 0;
   z-index: 1090;
} 

.site-header .col-full{
    padding: 0;
    margin: 0 auto;
    width: 100%;
    max-width: 1440px;
}

.site-header .col-full .secondary-navigation{
    width: 100%!important;
    max-width: 1440px;
    margin: 0;
    border-bottom: 1px solid #e2e2e2;
}

.site-header .site-branding {
    width: auto !important;
    margin-bottom: 8px;
}

.secondary-navigation ul.menu a{
   padding: 1em 0 1em 1em;
}

.secondary-navigation ul #menu-item-6568 a,
.secondary-navigation ul #menu-item-6569 a{
   font-size: 0;
   color: transparent;
   padding: 0 0 0 10px;
}

.secondary-navigation ul #menu-item-6568 a::before{
   content: '';
   background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAABIUlEQVR4nLWUUU4CQRBEHyQqHoLdRP0kynHgBiJ/Rv0TPIMh8RzAEZAf2UORSkozmczsshupZJLNdk9N1Ux3w5lxDcyBLXAAqsxSbAM8AYMc2Z0Tn4Eh0Ks5WLECePGe25QyBUYdXN0DP7HSuZW1geyO/S2lszC4tc0USmDqJZu/OAQkJbAON0lyPyK6BL6AHbD0+gZWjoXom+MPerkYInuPHkffC5PGqOoISytLvXTPSos2hFNbzEGxyX8SfrQlLGwrZ3mfqIqqjhBf/CLxKFL3mcivTimblZUuTbQ32UVT2WxqCnvoO500FP86biO1T1e8AY/hj4FbSY3eFg+p4SBoBIn01RaaxpdypExkN7lEnaKG1300DVjlyOZVB1en4wgEVEUc+NQG2AAAAABJRU5ErkJggg==");
   background-repeat: no-repeat;
   width: 20px;
   height: 20px;
   display: inline-block;
   position: relative;
   top: 5px;
}

.secondary-navigation ul #menu-item-6568 a:hover::before{
   background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAABmklEQVR4nLWUwU7CQBCGtyQqPgSQCCcLOyVcfBR5ASMYDhoVdhstz2BIeA7hERQPWJiFevLCo9RMWaWlLaRGJ9nTTv/+38zsMPafcf12diwQriTCWCj+LhHcpEN3AmEk51bbWZXyiWK9Wb1CibbiN7ZnFpjPjNQ/+8zouo1iT/Hb4BvPLMed0V8Vr2alEssql4pPI04Jk5xlESJciWAFdGunrc0lwjjATAh7Vi/Zi1qTDmH+mFgTtb5zJMLzRpAs+ywXFnI+Tg8FwlAgvEjFHX1epeIDuovk+ixHGmGHbqw2CEOp+EOkOT4zhOKPJBorAYY0tgUJgZwldtpnBjkN4+8XXNSahMhSgu6E4ud/JigQ+pkEu26jSFhpyELxyfZUyF2CGmtADYg1BaEvEZ5i+RgWTBkbEtWj4mjMCYlduI2DnWMjEEapg+2ZBaop1WzX8MvIYM+tNj0f9ssQCPdS8cuN5VUpHzylZZVnFevOLYgth8C2Z5b1DrwjhH3rSw8/OZv2lrWTxDzttEX12LdgKYcwO5+Vo6xUmeILXewkihdcWQQAAAAASUVORK5CYII=");
}

.secondary-navigation ul #menu-item-6569 a::before{
   content: '';
   background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAABJ0lEQVR4nOXUvytGURzH8RcGi1KirBYboSzPYBAjyqQsFouUMmB8FiaTTewyKINSFP+BxSCDkGKQRSH58ejWeep2u9e9D5l86lvnfL/nvM/5nnO+h/+gLixj8DeQBozjCJVgBz8BNWMOlzFQJdhmLaBubOA5BrjHQ6w/mwepxwgO8ZnYzTG2E75SXlpXKWm9o4ylhP8DTUlQD9bxlAKK7AYDmAiAeOwsCVvJgFRtD60YwmtKfCsJXMsARZPnUYdePGaMW0g7u1IA34ZBF+gPsQ7cfZPBcN6jncZq6LfgPOdIWuWoESehvZgDu1ZQO+jEaQ5wtyhwKvF4owVeUoDlosA2vIUqqd5iX0odjxYFRprBZMIXXdJ+gEU7bq8FmKWozsfCX/i3+gId+4rviDGcrQAAAABJRU5ErkJggg==");
   background-repeat: no-repeat;
   width: 20px;
   height: 20px;
   display: inline-block;
   position: relative;
   top: 4px;
}

.secondary-navigation ul #menu-item-6569 a:hover::before{
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAABrUlEQVR4nN2UvUscYRDGV1PYCIFwgbSCpDjcmTWHjYWFmNIIwkEgTZo0oggScjezwl2jlZWdmD4oHFgIQgL6Dxw7s/EgGAgqQlKITSA5jkRPdm+P272PvTXpHHib911+M88zM2sY9z5WXdNkwTVbYfqfIdnd7ANSmGeFQ1asNw58vDMoV848JNdcZoXTFggbR/B9YhB9HgMS3GaF300AKVyS4FUIuBgLKdSNQVaYJYVPLHgTroYUjlhhJ3xnO9ZkrCxSOOuQpfCXBIukkI8kELwuVNLDERALWqSwRQq/OkG+pAvbNadI4aUHaHv7EvVIcL0rpCVxv1DOpGzHmiHBWpdkH9qr2+wKEqzZCitG3RjIKYyz4M8e373r8M4z1QOTwvcg67e8Y034bwojLPijpwLHeh4/tIJvWHDD73Yl/YgFT+IsKZQzqdiRWfo6OsSCTmBHLg7GCuexsJCvpbzCUxY87tOwvaTA15HhFSyRYLVLQ4qJgORYj0nhj7clzS6yaz5r3+O8a75IBPQBjrVgC74K3wVNOgiqq76tpJ8kBvYKf88da877F/43rF/cAtFEm7oj57YGAAAAAElFTkSuQmCC");
}

.secondary-navigation ul.menu a:hover{
   color: #7AD02F;
}

.site-header .storefront-primary-navigation{
   width: 100%;
   max-width: 1440px;
   margin: 0 auto;
}

.site-header .storefront-primary-navigation .col-full {
    display: flex;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin: 0;
}

.site-header-cart .cart-contents{
   display: flex;
   justify-content: flex-end;
   align-items: baseline;
}

.site-header-cart .cart-contents span{
  font-weight: 400;
}

.site-header-cart .cart-contents .count{
   margin: 0 5px 0 10px;
}

.site-header-cart .widget_shopping_cart a.button{
   padding: 10px 0;
}

.main-navigation ul li a{
  font-weight: 400;
}

.entry-header {
    bottom: none;
}

.site-main #post-6,
.entry-title {
   margin: 0 !important;
}

footer.site-footer{
  padding: 40px 0 30px;
}

footer .developed {
    margin-top: 16px;
}

.footer-widgets .widget{
  margin: 0;
}

.added_to_cart.wc-forward{
  display: none;
} 

.site-footer a:hover{
  color: #7AD02F!important;
}


.footer-widgets .block{
    display: flex;
    justify-content: center;
}

.footer-widgets .widget .widget-title, 
.footer-widgets .widget .widgettitle{
  font-size: 20px;
  font-weight: 500;
  padding: 0;
  margin: 0;
  text-align: left;
}

.footer-widgets .widget .textwidget p{
    font-size: 14px;
    line-height: 25px;
    margin: 0;
}

.footer-widgets .widget .textwidget p a {
    font-size: 16px;
    line-height: 40px;
}

footer .footer-widgets{
  padding-top: 10px;
  display: flex;
  flex-wrap: wrap;
}

.footer-widgets .block.footer-widget-4{
   width: 100%!important;
   margin: 30px 0 0;
}

.footer-widgets .block.footer-widget-1{
   justify-content: flex-start;
}

.footer-widgets.row-1{
   padding-bottom: 20px;
}

.footer-widgets.row-2 .block.footer-widget-1{
   border-top: 1px solid #f2f2f2;
}

.footer-widgets.row-2 .block.footer-widget-1 .widget_text{
       padding: 20px 0 0;
}

.site-header-cart:hover .widget_shopping_cart, .site-header-cart.focus .widget_shopping_cart{
    display:none;
}

.page-template-template-homepage .entry-header h1{
    display: none;
}

button, input[type="button"], input[type="reset"], input[type="submit"], .button, .widget a.button, button.alt{
    border: 1px solid transparent !important;
    background-color: #7ad02f !important;
    color: #1a1a1a!important;
    font-weight: 500;
    font-size: 18px;
    border-radius: 4px;
    transition: all .2s;
}

button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, .button:hover, .widget a.button:hover{
     background-color: transparent !important;
     border-color: #7ad02f!important;
     border: 1px solid !important;
     color: #7ad02f!important;
}

.products.columns-4 {
    overflow: hidden;
}

.has-normal-font-size {
    margin: 0 0 0 8px;
}

.page-template-template-homepage-php .site-main ul.products.columns-3{
     display: flex;
     justify-content: center;
     flex-wrap: wrap;
     gap: 1%;
}

.page-template-template-homepage-php .site-main ul.products.columns-3 li.product{
     width: calc((100% - 2%) / 3);
     margin-right: 0;
     margin-bottom: 1%;
}

.page-template-template-homepage-php .site-main ul.products.columns-3 li.product a{
     display: inline-block;
     width: 100%;
     height: 100%;
     min-height: 350px;
     overflow: hidden;
}

.page-template-template-homepage-php .site-main ul.products.columns-3 li::before{
      content: '';
      background: rgba(0, 0, 0, .7);
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
       z-index: 1020;
}

.storefront-product-categories .section-title{
    display: none;
}

ul.products li.product.product-category img{
      margin: 0 auto;
      display: flex;
      align-items: center;
      justify-content: center;
      height: 100%;
      object-fit: contain;
}

ul.products li.product .woocommerce-loop-category__title{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    color: #ffffff;
    z-index: 1080;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 60px;
    line-height: 1.08349;
    font-weight: 500;
    letter-spacing: -.002em;
}

.product .woocommerce-LoopProduct-link {
    margin: auto;
}

ul.products li.product .woocommerce-loop-category__title .count{
    display: none;
}

.storefront-recent-products,
.storefront-popular-products,
.storefront-best-selling-products{
     width: 100%;
     max-width: 1440px;
     margin: 20px auto 0;
}

.wp-block-heading{
    font-weight: 500;
    font-size: 48px;
    line-height: 1.08349;
    letter-spacing: -.002em;
    margin-bottom: 20px;
}

.entry-content p{
    font-size: 19px;
    line-height: 32px;
    font-weight: 400;
    letter-spacing: .012em;
    margin-bottom: 12px;
}

.storefront-product-section .section-title{
    margin-bottom: 15px;
    font-size: 40px;
    font-weight: 400;
}

.storefront-product-section .section-title::after,
.storefront-product-section .section-title::before{
    content: '';
    position: relative;
    border-top: 2px solid #7AD02F;
    display: inline-block;
    vertical-align: middle;
    width: 36%;
    overflow: hidden;
}

.storefront-product-section .section-title::after{
    left: 0.5em;
    margin-right: -50%;
}

.storefront-product-section .section-title::before{
    right: 0.5em;
    margin-left: -50%;
}

ul.products li.product .woocommerce-loop-product__title{
   font-size: 20px;
   font-weight: 500;
}

.woocommerce-Price-amount.amount{
    font-size: 18px;
    font-weight: 500;
    color: #1d1d1f;
}

.woo-variation-swatches ul.variations>li{
    justify-content: center;
}

.wvs_archive_reset_variations_link{
    font-size: 12px;
    color: #000000;
}

.wvs_archive_reset_variations_link:hover{
    color: #7AD02F;
}

.woo-variation-swatches .wvs-archive-variations-wrapper .variable-items-wrapper .variable-item:not(.radio-variable-item).button-variable-item{
    font-size: 12px;
}

.storefront-sorting {
    margin-bottom: 8px;
}

.wp-block-media-text{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    background: #ffffff;
    box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.24);
    border-top: 10px solid #7AD02F;
    margin: 0 auto;
    margin-left: auto!important;
    margin-right: auto!important;
    width: 100%!important;
    max-width: 1216px;
}

.wp-container-5 {
    align-items: inherit;
}

.wp-block-media-text .wp-block-media-text__content{
    width: 100%;
}

.wp-block-media-text .wp-block-heading{
     font-family: 'Rubik', sans-serif;
     font-weight: 400;
}

.wp-block-media-text .wp-block-media-text__content p{
     font-family: 'Rubik', sans-serif;
     font-weight: 300;
     color: #000000;
     line-height: 30px;
}

.wp-block-media-text .wp-block-media-text__content p strong{
     font-weight: 400;
}

.wp-block-media-text .wp-block-media-text__content{
        padding: 40px 2%;
}

.wp-block-media-text .wp-block-media-text__content ul{
      margin: 0 0 10px 20px;
}

.wp-block-media-text .wp-block-media-text__content ul li{
    font-family: 'Rubik', sans-serif;
     font-weight: 400;
     color: #000000;
     line-height: 30px;
}

.hentry{
    margin-bottom: 0;
}

.wp-block-group__inner-container .wp-block-group{
    max-width: 100%;
    width: 100%!important;
    margin: 0 auto;
    padding: 60px 0 60px;
    margin-left: 0!important;
    margin-right: 0!important;
    background-color: transparent!important;
}

.wp-block-group__inner-container .wp-block-group .wp-block-group__inner-container{
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1216px;
    margin: auto;
}

.wp-block-group__inner-container .wp-block-group .wp-block-group__inner-container .wp-block-buttons .wp-block-button__width-50{
    width: 100%;
    margin: 0;
}

.hentry .entry-content .wp-block-button .wp-block-button__link{
    padding: 10px 40px;
    white-space: nowrap;
    background-color: #7AD02F!important;
}

.hentry .entry-content .wp-block-button .wp-block-button__link:hover{
   background-color: transparent!important;
   border: 1px solid #7AD02F;
}

ul.products li.product img{
  transition: all ease-in-out 0.3s;

}

ul.products li.product a:hover img{
    transform: scale(1.03);
}

.header-widget-region {
    display: none;
}

.page-id-28 .site-content .col-full{
    max-width: 100%;
}

.page-id-28 .content-area, 
.page-id-28 .widget-area,
.page-id-28 .site-main{
    margin-bottom: 0;
}

.page-id-28 iframe{
   width: 100%;
}

.our-advantages{
    padding: 0!important;
    margin-top: 60px;
    max-width: 1216px!important;
    margin-left: auto!important;
    margin-right: auto!important;
    width: 100%!important;
    margin-bottom: 60px!important;
}

.our-advantages h2,
.our-advantages ul li,
.our-advantages p{
    font-family: 'Rubik', sans-serif;
    font-weight: 300;
    line-height: 30px;
    font-size: 18px;
}

.our-advantages h2 strong{
    font-weight: 400;
}

.our-advantages-block h2{
   text-align: center;
}

.block-about--us{
  padding: 20px;
}

.block-about--us img{
   border-radius: 15px;
}

#post-28 .entry-header,
#post-15 .entry-header{
   display: none;
}

#post-28 .wp-container-5 {
    align-items: inherit;
}

#post-28 .wp-block-media-text {
    max-width: 1216px;
}

.storefront-recent-products, .storefront-popular-products, .storefront-best-selling-products{
    padding: 0 16px;
 }

 [data-wvstooltip]::before {
    min-width: max-content;
 }

 ul.products::before, ul.products::after {
    display: none;
 }
 #site-navigation-menu-toggle:hover{
    border: 0!important;
    border-color: transparent!important;
 }
 
 
    ul.products li.product .add_to_cart_button {
        margin-top: auto;
    }
    
    ul.products li.product{
       display: flex;
       flex-wrap: wrap;
       justify-content: center;
    }

    ._orientationRight_ff30.wrap_c3b7 {
        left: 6px;
        right: unset;
        bottom: 36px;
        z-index: 9999;
    }

@media screen and (min-width: 1025px) and (max-width: 1130px){
    .site-header {
        padding: 0 16px;
    }

    .site-branding {
        margin-right: 8px !important;
    }

    .main-navigation ul.menu > li > a {
        padding: 1.618em .7em;
    }

    #site-header-cart .count{
        width: max-content;
    }

    #site-header-cart {
        width: auto;
    }
}

@media screen and (max-width: 1024px){
    .site-header .storefront-primary-navigation .col-full{
            justify-content: space-between;
            align-items: center;
    }

    .site-header .site-branding img {
        width: 40px;
    }
    
    .site-header-cart{
        display: none;
    }
    
    button.menu-toggle::before,
    button.menu-toggle::after,
    button.menu-toggle span::before{
        display: none;
    }
    
    button.menu-toggle{
        background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAXCAYAAADgKtSgAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAK0lEQVR4nGNgGAUDAe7QEDPw0xCPguEG3tAQj4LhBvhpWbbcoWWpOAroCwC2uz9vK0S/GgAAAABJRU5ErkJggg==') no-repeat!important; 
        width: 23px;
        height: 23px;
        display: inline-block;
   }
   
    .main-navigation.toggled  button.menu-toggle{
        background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAa0lEQVR4nNWUwQ2AMAwDb4nO4Khi/zlgIz59oQJNsRDkm/jaKE7gT1GAmNBF03YTG1ATsNo0px8RsALLAGy4VgOFmYdvBWnYlXAa1gM8hh0nmXXAO0A5W5ZzKHLaRk5jy7l64T4OxX2+vhk7mQMgKXbEuJ8AAAAASUVORK5CYII=') no-repeat!important;
        width: 20px;
        height: 20px;
        display: inline-block;
    }
    
    button.menu-toggle, button.menu-toggle:hover{
            background: transparent;
            border: 0;
    }
    
    .site-header{
      padding: 0 16px!important
    }
    
    .menu-toggle{
      z-index: 1080;
      padding: 10px 15px!important;
    }
    
    .menu{
        position: absolute;
        left: -200%;
        opacity: 0;
        visibility: hidden;
        transition: all 0.5s;
        transform: translate(300px, 0);
    }

 .menu.active{
    position: fixed;
    top: 0;
    left: auto;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 1;
    visibility: visible;
    max-width: 60%;
    width: 100%;
    background: #fff;
    transform: translate(0px, 0);
    box-shadow: 3px 4px 12px -3px rgba(0, 0, 0, 1);

}

 .storefront-primary-navigation.active::before{
    content: '';
    background: rgba(24,24,24,.3);
    width: 100%;
    height: 100%;
    display: inline-block;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
 }
 
  .menu.active ul{
    padding: 30px 20px;
    background: #fff;
    float: right;
    margin: 0;
    width: 100%;
    max-height: 100%!important;
    height: 100%;
  }
  
.main-navigation div.menu>ul:not(.nav-menu){
   transition: none!important;
}


.footer-widgets .widget .widget-title::before{
   display: none;
}

.footer-widgets .widget .widget-title, .footer-widgets .widget .widgettitle{
   text-align: left;
}

.page-template-template-homepage:not(.has-post-thumbnail) .site-main{
    padding: 0;
}

.page-template-template-homepage-php .site-main ul.products.columns-3{
    gap: 1%;
}

.page-template-template-homepage-php .site-main ul.products.columns-3 li.product{
    width: calc((100% - 2%) / 2);
    margin-right: 0;
}

.page-template-template-homepage .entry-content{
    margin: 40px 0;
    max-width: 100%;
    padding: 0 20px;
}

.site-main #post-6{
    padding: 0;
}

.woocommerce-products-header{
    padding: 0 0 20px;
}

.our-advantages h2{
   font-size: 35px!important;
}

  .main-navigation ul.menu, .main-navigation ul.nav-menu{
     padding: 60px 0;
  }
  
.main-navigation ul li a{
        padding: 0.875em 1em;
        color: #747474!important;
}

    .handheld-navigation .dropdown-toggle{
        background: rgba(0,0,0,0)!important;
        border: 0!important;
        width: 100%;
    }

    .handheld-navigation ul.menu li button::after{
        color: #747474!important;
        float: right;
        font-weight: 300;
        font-size: 19px;
    }

    .primary-navigation {
        display: none !important;
    }

    .handheld-navigation {
        display: block !important;
    }

    .handheld-navigation a::after {
        display: none !important;
    }

    .main-navigation ul.menu ul.sub-menu{
        position: relative;
        overflow: hidden;
        max-height: 0 !important;
        transition: max-height .2s !important;
        background-color: #f0f0f0;
        left: 0;
        top: 0;
        padding: 0;
        margin-bottom: 10px;
        z-index: 999999;
    }

    .main-navigation ul.menu ul.sub-menu.sub-menu.toggled-on {
        max-height: 350px !important;
        padding: 20px;
    }

}

@media screen and (min-width: 768px) and (max-width: 1024px){
  .storefront-product-section .section-title::after, .storefront-product-section .section-title::before{
     width: 30%;
  }

  .main-navigation ul li, .secondary-navigation ul li{
     width: 100%;
  }

  .handheld-navigation .dropdown-toggle {
    height: 78.15px;
  }
}

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

    .col-full,
    .home footer .col-full {
        max-width: 1440px;
    }

    .products.columns-4 {
        display: flex;
        flex-wrap: wrap;
        gap: 2%;
    }

    .storefront-full-width-content .site-main ul.products.columns-4 li.product{
        width: calc((100% - 6%)/4);
        margin-right: 0;
    }

    .main-navigation ul.menu, .main-navigation ul.nav-menu {
        margin-left: 0;
    }

    .storefront-product-pagination a[rel=next]{
           right: -400px;
    }
    .storefront-product-pagination a[rel=prev]{
            left: -400px;
    }
      
    footer .footer-widgets{
       padding: 0;
    }
  
    .woocommerce-active .site-header .main-navigation{
            width: 100%;
            margin-right: 0;
    }
    
    .storefront-full-width-content .woocommerce-products-header{
         padding: 0 0 30px;
     }
     
}

@media screen and (max-width: 768px){
    .storefront-primary-navigation .site-branding{
        width: auto;
        margin: 6px 30px 6px 0;
    }

    .page-template-template-homepage-php .site-main ul.products.columns-3 li.product{
       width: 100%;
       margin-right: 0!important;
    }

    ul.products::before, ul.products::after {
        display: none;
    }

    .wp-block-heading{
        font-size: 35px;
    }

    .entry-title {
        font-size: 32px;
        margin-bottom: 0;
    }

    .products {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    ul.products li.product{
        width: calc((100% - 20px)/2);
        margin-bottom: 26px;
    }

   .entry-summary p.price {
        display: none;
   }
   
   .storefront-product-section .section-title::after, .storefront-product-section .section-title::before{
        width: 10%;
   }
   
   .footer-widgets.row-1{
        flex-direction: column;
        width: 100%;
        padding-bottom: 0;
    }

    .footer-widgets .block{
        justify-content: flex-start;
        margin-bottom: 20px;
    }
   
   
    .footer-widgets.row-2 .block.footer-widget-1 .widget_text{
        padding: 20px 0;
    }

    ul.products li.product .woocommerce-loop-category__title,
    .storefront-product-section .section-title{
        font-size: 40px;
        margin: 0;
    }

    .storefront-handheld-footer-bar {
        display: flex;
        padding: 8px 10%;
    }

    .storefront-handheld-footer-bar .instagram-icon,
    .storefront-handheld-footer-bar .telegram-icon,
    .storefront-handheld-footer-bar .phone{
        font-size: 0;
    }

    .storefront-handheld-footer-bar .instagram-icon,
    .storefront-handheld-footer-bar .telegram-icon {
        margin-right: auto;
    }

    .storefront-handheld-footer-bar .instagram-icon::before,
    .storefront-handheld-footer-bar .telegram-icon::before,
    .storefront-handheld-footer-bar .phone::before {
        content: '';
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAAAsTAAALEwEAmpwYAAACjElEQVR4nO2Yy04UQRSGP00Y28DSwZ3IJLrw8haKS4VEcY+gMtEtsgdZGBJnyU4F4mV8AwkjC2XYuhF9DKIzGsa0qeQn6bQ9TVV3V+OCP6mk03VO1d91LnVOwzHKwRAwAcwDDWAl42hojXGtmRs1YA3oAmHBowusAuezknsM/AZ6wBvgNjACBDk+OBChO8Bbrf0LqLsu9Fxf+Rm4hD9cBra117LLyYX6wlP4RwA0teesjc8Zs34qiVyUZFvmTvXJNfmFT7OeBC4mHMAV7f2yn+KQIssEhE+8ljm/AJXY3DugAwwmKU5I0USrT+xFUs2F2Nyk3t9KUpzXpGteGgZm5B5bGuZ5Gqj22WdPMidic6PiMJe0UUOTtnnOyC3JJEbvJ/BVI/ruqeOaobj8gxVN2uAssCP5D8B1YCAyP6B3G5JpS8cGobhkJnha5PaB+xbyDyXbtjzJ3ASXJPcAe9Sls+ib4LD8y5jVFZvyyapPgjOSuZaB4Jh07/kkuA78iAWELSo6QVNieSNoctwu2fENaPkk+FGbZMV3+eJ/a+KObxNPS8YkYVfckO6UT4JVObq5IVzRKiPNoLvVqvqN4JF0FjgcuQkeVL/m+qpbkttX71HKVYcufkMyVFSOxYrPinyuJZlt3ULkIZil3FqUX4WK0F2NaLm1UFS5lbVgrSq6V5UnzXilK+2M41q1tIJ1XJOmqT4q3BWHm2lNk+mHjwrNtKYJmaanjr9sXAX+AC/ShEbVPNumhKIQqEo3FjxnW/02SyIZAO9dq/TlSLNjOn6fZt3RXs9clWdl7p46/km5QN7fbzWt1ZTPdS2br0SMKHAOEm+Ro6OAONTnbDCo3xFPCvgFPKe1+qaSY1Ag/gL/jhJZNillIgAAAABJRU5ErkJggg==");
        width: 30px;
        height: 30px;
        display: inline-block;
        background-size: cover;
    }

    .storefront-handheld-footer-bar .instagram-icon:hover::before{
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAAAsTAAALEwEAmpwYAAADfklEQVR4nO1YzU8TURBfTVSMHkVuokQ9YDuzhot/gMjRj0T0ruAHgcR4aN+DZC+AB2MiR24IGoX6H0hADwImuDM0JCoX/geiIFFTM29fSW2p3W27xYOTvKTpvp332/n4vZlxnP/SAPFW248qhmuaQSnCMcUwXtUiHBMdmvCq6KwZWDqbbFMMzxXhlmbM1XMpoxOmUoQnqwKnGQYU4bZm+KkIXw2Se33w4/lWb721qdoP9tZbmwSQIuzWDNOiWxN+V4R90cARPg2+FBaU77Y7MckQ4TlFuGgt+iQcOIYBC266f+30ISdm8dZbmzRhxpzpu/crxxzhtmJ43whwRSCXxN1/jUlJCBNzMbrVyzn70wxniw2gGBI23p+VpxLCLUkIJ0bRhC9tzGW91faDRSBnNMPmQ4YjJS8GPIc5ydaYAW7kqWbId88UPhtkuGHBXyl9UQiUMReVlzyG45qw1/LlO7OC3z3Kd5t3PYdwQ/Y4OWdfEcBTBjxhquSggOUxF5bnbGA/EpeYr2b4pgk/mVXwnyIcjaQzsOBYKUCGcXkYRpHKJloUwwcL4o3y3c7e5Y4D+efyW/7ThLPWIkvyThjdVud41QAfLFw4LOAUww9FeKfixzDck70CMowlawYYuNUQ+d1Ke3d0E/ZZS47ECtAkBMOmuDUsuLxohjkTk7skTt0ASrYaKvLdi05ESRNeMlZcSd6ODyDDC034tTAhwoqQssl0hqnYAFqe+xwaVZFowi+KYT5OC76VQ5wqRTGsSSz+sy7WhsDjdXGPUeC7nVEBaoYue/it+AD6brO90majAlQM87HTjNlHOBqq+i0QxdBvDx52KkjNAPPVr73q+sKAs3sXG3LVmb3ZRIsp0dlceXNCwoXFp02ILnGrrU4W5RYKo7s8wOrKrZGAfA3QTeFIWX+UWwzDdSm3qi1YlSSOyW6YMjwZcOWkXGnecsexKLqkaStbsMo4wqLvdvZIFMNNm4CXyzZN0g/vCTrHGClTtmmyGyal9ZOOv9HghlaSSUX4SzNMlN1kmpZgVhKKEuolcpap0gm3UssdJ8JWv5lGgPQEHOHrSFW6DHJ2mh2GRKxuZdt8ET6O9LJcZeJuM45gmJGmWkKg1vFbOptsMw06YUZizk4zKjZfu4rMA23iGOKt7wIpvSYqxlwYkbSXcYRiSNc8AiZMia6yVPJfnPrKb8tflqEoffBqAAAAAElFTkSuQmCC");
    }

    .storefront-handheld-footer-bar .telegram-icon::before{
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAAAsTAAALEwEAmpwYAAACYElEQVR4nO2YT0gUURzHP6kgS1RehCQL+qMkRJeEDhFIJFkUHeoQibcQPRRFF8uiLSoKROzgwZPVsYig0EsLgnRJqouU+QcvEe1hs7RDha4TD34Lw7Az897Om13B/cLvMLvv/d5n5vd7v/ebgbLKKiunamA/sJE1pgbgEbAIOEAGaCo11AagDRgFsgLmtrulAtsMXASm80C57VaxwfYAD4CFELCcnSlWGI8Cz4AVTbCc7Yo7jJeAmRCIjE/+/ZKbK2kYXwHvff4bswlVIWF8DaxqgP0BrgDPA8b02wDbBHQCnwzyakoK8UDIuA4bYfxpmPRP5YS4pjF2X9xhdFy2BLSLn/Ma81UKVJmG8bMhlCP2QY4xpSPAP40573TA9gKDwO8CwVblbFWHv9IBA19DQWDK4WOf2qRrP4DTLp+7gbTB/K4gwN4IYA7wFtjh8lcLzBr6OBgE2FMgWBa470lutWMnDP0sA4kgwC3AuKHTNNDq8VMlbZTpjU6iIXUGHgeeuBpIP0sBW/PMHy4wEqpWGkltmlMyccnlSHUmSaAyz5x7EXL4MhGkcuqc1MQFn2LaHXGTtUQB9EJ4nR0roOfz1s4aG4DbxFmf5/dUxKc3h0V9lPqWU33Ep+dI+2VNt8Vpo1zfjAin7LpNwGZxelWuv1gAVKXNmlSt+yat+WGfBU3P8zosa0iOphd5FnsoHcy8Jtx3YtBJn1KR9LzdvdQAHIkDMOF5e1sBLvh048mQkMf2meOOLPAXOBsy9oT0ikX9iqA2yyFgu+b4nVJD3XBfJRXWjBLADeCNNCGq4y5rfes/mtUskAw0/5kAAAAASUVORK5CYII=");
    }

    .storefront-handheld-footer-bar .telegram-icon:hover::before{
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAAAsTAAALEwEAmpwYAAADQklEQVR4nO2YS2gTYRDHtypIER8XQfEBan22mUmJaEFEEcUHigctiOJNRA8VS9VmvlRSRUVBRA8eelJ7bBFB0YuFgkhRSTOTVK1W8SJiD7W+Diq2jXybNCQxj91s0vSQgT3sZr/ZX2b+38zsGkbZylY20xoGqqZTuAaaBGYYk8lagu7lxHiDBL4rwYhiGGrprV1dWqqIUeEV2EGMj4hx1ARLOEjgQkm4/M/WzSKBBsX4NhUq+QD/hIJ5e2urSOCyYhzODhYH3Fd8qohR4Qu6t5JAhxIYsQYWPbxh19KiplEJnCCBgawgDEPp9KcEvuk/V9I0EuN9xRhI+5tAd8Gg/BFjik6jYnygGMcsgP0ixkbF2JlFf9ccg53uXzlTMR5VAq8sa4uxXxdixXg9q/4EDjtOIwl8tSN6xdiuO4QSoJxRFqgpahpVMtgPH+Mh7YeC7oO51msJ+Ls3TbOVRhJ4bQtK4g/r1W1M+/IJbCHGPxai9zwnGIVrVpHATWL8mQ+YYhzTvVU3f1MWYZfHqi8SaMsIph0qgdvpa5PlqH1RQffecZ++vuplinHQug84lhFQMfryBVNR50+bA57F8UwE3XOVwDs7PrwC6zOnVsCbZ9RGifFSorhjO/aFLT8Cfxt76iozAjYHPLMV4xObehukoHtboh8NqseoPLTbZ+S0iFGhQq6dxHgnPkBmdth16uWaeanrSeBWnpur3bBjsU2zRy/U9SxBayPE2FrfUT81dY1ivJi3hhlPGvma1hQJHDBrIuNwumJKAsedbDIf4+a8AVMhUp0pge12Z76U6I35Gec4BlSMC8x2xXg15XqXk+gR43vHcAkwQV3fxs/PhFwLHUUvGsHOQgKe0069AivMc4GzjuB0BEMuVTjA3tq1plOBJn1OjG+cAurSVjBAs1YKfNKjOYVcGzNoyl4/D3jmFw4wupvbdGtSjHf/fyBciU0wHyzq77NRaPMK7E5XKoixNeXt7l5uSHhYcEDd1JPf3mBEhVxH0k3jGjpbyov2mYMYz8ci95tCrv3Z7vUG3bvMWXFCvyLowYBxg6+vepGV230CS6I1NEkWH7UUjMlijT11lcTYQgKP9RCiJ+5SM5XNKLX9A0+n+EjlCvrHAAAAAElFTkSuQmCC");
    }

    .storefront-handheld-footer-bar .phone::before{
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAAAsTAAALEwEAmpwYAAACoUlEQVR4nO2YSWgUURRFj1GDRogTRhFcCA7QRkQQzcKB4FKyUlFxWGhwoRjECVGDiHFYCKK4VASXmqXgzilRIRGnRURpt9oadGOMA9otD25BUVRVitD1fy9yoaCp97rr9nv17r//wxjyxQzgKHAZWEmNYR3wCajo+gUsp0awC/gDfAU2AAXgO/AKqPdNrgMoA++AhaH7+1TJMx65sVPkeoHpkdg44L4q66XVzcBv4DUwLSFnvlr9EpjomB/n1UJ739JwQHmncIxzevCsEfLqgEeqdjMOsVcEWzLkLgKGgQc4xBIRPJkxvxv4q+Fxhg/AQIaHNgCf1WqnOK4qto6Qd1p5m3GMJmAIeJySM1c5T1y3N0CXqtOWEL8pMV+FJ0wFvgBFYEokZuI8qLjlecM2VfFaTGyjYrd9tTgsI9bK9TGxKyJ5AY+wgSnpmheJjQfuieQRPGKN3Es/MDkSawT6VOXdeETgA2/FxGYCb7SiONfEMK6LpElQFHNkbo3kHjzB5OWuSB6Lic+WjywnxJ3A1t8ekWhPaHef/sTFiATZ5y36/j/gocxJ1WHi/ELtNK0kZnCC6b6jfLNvz3SvpPvD2iWeACbkIT9vRbI9Jm4SdFWEBlVxW7s71YXAT/Yq5zmwNA+SVkl7+OGEnE0ieEMGI86ZHwR+yJ13VnufY+3rURXOJuRkad8CuaeK/vSyapJsCL1zppOTRvk7ddqM2avwE1hRTZL1IZ3sj1kWR7PtuEQO2K9lsZRgMLKgTQQPkRPWimBZVi3qJ9OwGPgGfEw5OKjahHerEsUUZx495nuvaV6NI2yV865o2lsTDK6dAT1V1bfjGI2SoCERHdC+u0WVLsgNlTXF3tCkLW0xdCAaXNbWHdQQCjpm6dKBVS6mYQwI/wFyaqih5HH5jgAAAABJRU5ErkJggg==");
    }

    .storefront-handheld-footer-bar .phone:hover::before{
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAAAsTAAALEwEAmpwYAAADtElEQVR4nO1YS4wUZRD+QSQKCSpGJSaEkPjKsF01myWwB5QQj8STbpT4OKjhoIGogNtVPaRjwMfBxEg4akw4gkcTb+ID8cFsV/U6wWgw3lQkehFFDTKm/vmV3qF32ZCZ7j3wJX2Zqpn5up7f/zt3FUNE2mmsZME9pPAGC25wCwmUNTez4I+s2PWP4J+TCqNuIYAVnmCFv0nwFxbcSlmzQYK/sYKmncbSusntZMELLPhNK2ve+f/nWfOZEMmXaiMXKzzuySkci6ejm2YYu24RK3xgka0l1aQwQoJ/sWCeCt5Y5pMorLVUk4Jsb49dWy1BwVcshVZvc/op7PB+gq3q2FmNCb4cCN4yl1/adYtJ8COLNimMVElwu2+CPBq/nG+scBcr/EEKR6th55xrCa4LXZrMx58E32WF89Y8riqw4HekcPJyf5q2x5aR4GlLtasSpBCHBtgylx8rpOaXSHOiOnYWGYVbWfAsC348m8+eqdHbzYcUPq00vf+BFPb39i88MIv9HRvmscJGVwcm22M3sMLPJHhql8Lyos2GMymcMbv5ubqQ5NG2EMWD/TZWeNDXqcLhWlI8Y4wIXqA8ur/E9mYYSa/Ww+5iw/xkT/LVutVF28ThiWtY8H0jGSvsro0k5dG9XhcqnHj++Pj1RVv6+YYVrPBlUD9P1kayoAMP9dviL+65mQSnbaNUPhOLYMG3QmPs77ft7jRWmbg1kqTwVC0Ew3h5L2yZF/vtND1ym+lI31Ql9koQ9u8nvuby6OmydLPVZC/Sr80YQV23KFF42L5Pgv+wwocmToYzxAUzX3N5tO2Sl7DGCd3Ngke8fx6Nk+Bn4TObCkdMqtkpkfKI06Oblwxj/HxtJLkkkmEEHQiRPBMOYGdZYa9loaAnjwXS7VYeRcMgmfmaU9hV5kN59JARJMG3TWBc8htdt5gFnyOF3/1ZSGHvQM85lj6ymuytxH2lLzKP9MVTo3eYegrRzCazJg6MZNoeW1aouUPp92uuu6LfsXOOHcZMxgme46nR9YMj2WksLczJE/1r8QqPHa+7QYMEn7W1aJ1aJjDmA9OgXqkrvOCGgSSP7gujxPbzwX49ORdaeXQ3C/5KCj/MdnEwsA4nf+LzW+fUbMp8xnc6jZWk8K11c6KwyVUBUnjElHcgahtkS5nAtTsgVjhuUU8EH3VVIu1Jsn29Qe2b6KSdu227+Ej3rvWmwzzdUSm5IjwZhbiX8nAhGh5/hSL4mFsooKzZsGsWk252YTUU0XAV7iL+BVljYX7BnWX0AAAAAElFTkSuQmCC");
    }

    .woocommerce-Price-amount.amount{
        font-size: 18px;
    }

    .storefront-breadcrumb{
        margin: 0;
        padding: 0;
    }

    .storefront-breadcrumb .col-full{
        padding: 0 0 30px;
    }

    .wp-block-media-text{
        flex-direction: column;
        padding: 0 20px;
    }

    .wp-block-group__inner-container .wp-block-group .wp-block-group__inner-container{
        flex-direction: column;
    }

    .wp-block-group__inner-container .wp-block-group .wp-block-group__inner-container p,
    .wp-block-group__inner-container .wp-block-group .wp-block-group__inner-container .wp-block-buttons{
        width: 100%;
    }

    footer.site-footer {
        padding-bottom: 48px;
    }
    
    .block-about--us img{
       border-radius: 0;
    }
    
    .wp-block-media-text{
       padding: 0;
    }
    
    .wp-block-media-text .wp-block-media-text__content{
        padding: 40px 20px;
    }
    
    .our-advantages h2 {
    	font-size: 30px!important;
    }
    
}

@media screen and (max-width: 360px){
    ul.products li.product{
        width: 100%;
    }
}

.woocommerce-variation-price .amount{
    font-size: 24px;
}

.single_add_to_cart_button {
    border: 1px solid #333333;
    background: #7ad02f !important;
}

.single_add_to_cart_button:hover{
    background: transparent !important;
}

.wvs-archive-variations-wrapper {
    margin-bottom: 16px;
}

.single-product div.product .woocommerce-product-gallery img {
 margin: 0 auto;
}

.single-product div.product .woocommerce-product-gallery {
    margin-bottom: 8px;
}