* {
  padding: 0;
  margin: 0;
  direction: rtl;
  font-family: 'Vazir';
  box-sizing: border-box;
  text-decoration: none !important;
}

body {
  background: #ebebeb;
}

a {
  transition: color .2s ease-in-out, background-color .2s ease-in-out;
  text-decoration: none;
  color: #fff;
}

a:hover {
  color: #cfaf4a;
}

li {
  list-style: none;
  display: block;
}

#header {
  width: 100%;
  height: 150px;
  margin: 0 auto;
  background: #000;
  color: #cfaf4a;
  display: flex;
  align-items: center;
  z-index: 2;
}

#header .right-header {
  height: 150px;
}

#header .right-header .bottom-right {
  width: 100%;
  height: 150px;
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
}

#header .right-header .bottom-right input.search {
  width: 200px;
  padding: 5px 10px;
  border: 0;
}

#header .right-header .bottom-right input.submit {
  padding: 5px 10px;
  background: #cfaf4a;
  border: 0;
}

#header .left-header {
  width: 27%;
  height: 150px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

#header .left-header .cart {
  color: #cfaf4a;
}

#header .toplogo {
  width: 40%;
  height: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.topnav {
  width: 100%;
  height: 50px;
  background: #171718;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-position: sticky;
  position: sticky;
  top: 0;
  z-index: 2;
  border-bottom: 3px solid #000;
}

.topnav ul#menu-topmenu, .topnav ul#menu-topmenu-turkish {
  display: inline-flex;
  align-items: center;
}

.topnav ul#menu-topmenu .current-menu-item a, .topnav ul#menu-topmenu-turkish .current-menu-item a {
  background: #cfaf4a;
  border-radius: 0 0 0 5px;
  color: #000;
  font-weight: bold;
}

.topnav ul#menu-topmenu .current-menu-item a:hover, .topnav ul#menu-topmenu-turkish .current-menu-item a:hover {
  color: #1D2D44;
}

.topnav ul#menu-topmenu a, .topnav ul#menu-topmenu-turkish a {
  padding: 2px 10px;
  display: flex;
  align-items: center;
  margin: 0 2px;
}

.topnav ul#menu-topmenu a i, .topnav ul#menu-topmenu-turkish a i {
  color: #cfaf4a;
  margin-left: 5px;
}

.topnav ul#menu-topmenu a:hover, .topnav ul#menu-topmenu-turkish a:hover {
  background: #cfaf4a;
  border-radius: 0 0 0 5px;
  color: #000;
}

.hamburger-menu {
  width: 30px;
  height: 30px;
  top: 4%;
  right: 88%;
  z-index: 300;
  display: block;
}

.navbar-navigation .nav-list-link {
  font-size: 1.2em;
  font-weight: 300;
  color: #fff;
  text-decoration: none;
  display: block;
  transition: all 0.5s;
}

.navbar-navigation ul.nav-list {
  width: 200px;
}

#wrapper {
  width: 100%;
  height: auto;
  min-height: 300px;
  margin: 0 auto;
}

#wrapper .slider {
  width: 100%;
  max-width: 1280px;
  height: auto;
  margin: 20px auto;
  padding: 0 0px;
}

#wrapper .slider img {
  width: 100%;
  max-height: 600px;
  object-fit: cover;
}

#wrapper .aboutus {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

#wrapper .aboutus h2 {
  font-size: 2.5rem;
}

#wrapper .aboutus .aboutimage {
  margin: 0 20px;
}

#wrapper .aboutus .aboutimage img {
  border-radius: 0 0 0 50px;
}

#wrapper .aboutus p {
  width: 40%;
  text-align: justify;
}

#wrapper .products {
  width: 96%;
  max-width: 1280px;
  height: auto;
  margin: 20px auto 0;
  padding: 20px;
  background: #fff;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

#wrapper .products h1 {
  text-align: center;
  width: 25%;
  font-size: 3rem;
}

#wrapper .products .item {
  width: 300px;
  height: auto;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

#wrapper .products .item img {
  width: 300px;
  height: 300px;
  object-fit: cover;
}

#wrapper .products .item h3 {
  width: 100%;
  background: linear-gradient(0deg, white 8%, rgba(255, 255, 255, 0) 100%);
  position: absolute;
  bottom: 70px;
  padding: 100px 5px 10px;
  text-align: center;
  color: #000;
  text-shadow: 2px 2px 10px #c8caca;
}

#wrapper .products .item span.price {
  color: #cfaf4a;
  font-size: 1.5rem;
  font-weight: bold;
  padding: 10px 0;
}

#wrapper .products .item .addtocart {
  background: #cfaf4a;
  border: none;
  padding: 5px 10px;
  border-radius: 0 0 0 10px;
}

#wrapper .products .item .addtocart:hover {
  filter: brightness(1.05);
}

#wrapper .products .item .addtocart .added_to_cart.wc-forward {
  margin-right: 20px;
}

#wrapper .products .item .addtocart a {
  color: #171718;
}
#wrapper .blog {
  width: 100%;
  height: auto;
  min-height: 300px;
  margin: 0 auto;
  padding: 20px 0 50px;
  max-width: 1280px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

#wrapper .blog h2 {
  text-align: center;
  width: 20%;
  font-size: 2rem;
  margin: 0 0 20px 0;
}

#wrapper .blog #slider-blog {
  width: 100%;
}

#wrapper .blog #slider-blog .item {
  width: 100%;
  max-width: 300px;
  height: auto;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

#wrapper .blog #slider-blog .item img {
  width: 300px;
  height: 300px;
  object-fit: cover;
}

#wrapper .blog #slider-blog .item h3 {
  width: 100%;
  background: linear-gradient(0deg, black 8%, rgba(136, 136, 136, 0) 100%);
  position: absolute;
  bottom: 0;
  padding: 160px 5px 5px;
  text-align: center;
  color: #fff;
}

#wrapper .recipe {
  width: 100%;
  height: auto;
  min-height: 300px;
  margin: 0 auto;
  padding: 20px 0 50px;
  max-width: 1280px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

#wrapper .recipe h2 {
  text-align: center;
  width: 20%;
  font-size: 2rem;
  margin: 0 0 20px 0;
}

#wrapper .recipe #slider-recipe {
  width: 100%;
}

#wrapper .recipe #slider-recipe .item {
  width: 100%;
  max-width: 400px;
  height: auto;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

#wrapper .recipe #slider-recipe .item img {
  width: 400px;
  height: 300px;
  object-fit: cover;
  border-radius: 30px;
}

#wrapper .recipe #slider-recipe .item h3 {
  width: 100%;
  background: linear-gradient(0deg, black 8%, rgba(136, 136, 136, 0) 100%);
  position: absolute;
  bottom: 0;
  padding: 160px 5px 5px;
  text-align: center;
  color: #fff;
  font-size: 1.5rem;
}

footer {
  width: 100%;
  height: 450px;
  margin: 20px auto 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: url(../img/footer-bg.png) no-repeat #000 left bottom;
  color: #cfaf4a;
}

footer .topfooter {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: space-evenly;
}

footer .topfooter .logo {
  width: 300px;
  height: 250px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

footer .topfooter .logo span {
  padding: 0 10px 10px;
  text-align: center;
  color: #fff;
}

footer .topfooter .logo .socialmedia {
  width: 100%;
  height: auto;
  padding: 5px;
  display: flex;
  justify-content: space-evenly;
}

footer .topfooter .logo .socialmedia a {
  transition: all ease-in-out 0.2s;
}

footer .topfooter .logo .socialmedia a:hover {
  color: #cfaf4a;
}

footer .topfooter .footermenu {
  width: 300px;
  height: auto;
  display: flex;
  justify-content: space-around;
  align-items: center;
}

footer .topfooter .footermenu span {
  background: white;
  padding: 2px 10px;
  border-radius: 20px;
}

footer .topfooter .contactinfo {
  width: 300px;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

footer .topfooter .contactinfo span {
  text-align: center;
}

footer .middlefooter {
  width: 100%;
  height: 200px;
  text-align: center;
  margin: 10px auto;
}

footer .middlefooter ul#menu-footer-menu {
  display: flex;
  justify-content: center;
}

footer .middlefooter ul#menu-footer-menu li {
  padding: 2px 10px;
}

footer .bottomfooter {
  width: 100%;
  height: 100px;
  text-align: center;
}

.page_wrapper {
  width: 100%;
  height: auto;
  min-height: 500px;
  max-width: 1280px;
  background: #fff;
  margin: 20px auto;
  padding: 20px;
}

main.page {
  width: 100%;
  max-width: 1280px;
  margin: 20px auto;
  display: flex;
  align-items: center;
  flex-direction: column;
}

main.page a {
  color: #cfaf4a;
}

main.page h3 {
  margin-bottom: 20px;
  font-size: 1.5rem;
}

main.page section.catz {
  display: flex;
  flex-wrap: wrap;
}

main.page .categories {
  padding: 10px;
  margin: 20px auto;
}

main.page .categories img {
  width: 250px;
  height: 250px;
}

main.page .page-title {
  text-align: center;
  font-size: 1.2rem;
}

main.page .page-title a {
  color: #cfaf4a;
}

main.page .page-title a:hover {
  color: #1D2D44;
}

.woocommerce {
  background: #f4f4f4;
}

.woocommerce a {
  color: #cfaf4a;
}
.woocommerce .cart_item img {
  width: 100px;
  height: auto;
}

.woocommerce .wc-proceed-to-checkout a.checkout-button.button.alt.wc-forward {
  background: #000;
}

.woocommerce .cart_totals {
  background: #cfaf4a;
  padding: 10px;
  border-radius: 15px;
}

.woocommerce .cart_totals a {
  color: #fff;
}
.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order {
  background: #cfaf4a;
}

span.tagged_as,
.woocommerce-product-gallery.woocommerce-product-gallery--with-images.woocommerce-product-gallery--columns-4.images.xoo-wsc-fly-animating {
  display: none;
}

.content-area {
  width: 100%;
  max-width: 1280px;
  margin: 20px auto 0;
}

.content-area a {
  color: #1D2D44;
  transition: all 0.3s ease-in-out;
}

.content-area a:hover {
  color: #cfaf4a;
}

.content-area .products {
  display: flex;
  flex-wrap: wrap;
  padding: 10px;
  justify-content: center;
}

.content-area .products h2 {
  text-align: center;
}

.content-area .products .product {
  padding: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 24%;
}

.content-area .products .product .woocommerce-loop-product__title {
  color: #1D2D44;
  text-align: center;
}

.content-area .products .product bdi {
  font-size: 1.5rem;
  color: #cfaf4a;
  display: flex;
  justify-content: flex-start;
}

.content-area .products .product span.woocommerce-Price-amount.amount {
  display: flex;
  justify-content: center;
  font-weight: bold;
  font-size: 1.2rem;
  color: #cfaf4a;
}

.content-area .products .product a.button {
  background: #cfaf4a;
  color: #1D2D44;
  padding: 1px 10px;
  border-radius: 0 0 0 5px;
}

.content-area .products .product .ajax_add_to_cart {
  background: green !important;
  color: #fff !important;
}

.content-area .products img {
  width: 280px;
  height: 280px;
  object-fit: cover;
}

.content-area p.woocommerce-result-count,
.content-area .woocommerce-ordering {
  display: none;
}

#sidebar {
  display: none;
}

.xoo-wsc-basket img.xoo-wsc-bki {
  width: 35px;
  height: auto;
}

.xoo-wsc-basket {
  box-shadow: none;
  background-color: #cfaf4a;
}

.xoo-wsc-basket {
  width: 60px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-content: center;
  flex-direction: column;
  align-items: center;
}

.xoo-wsc-header {
  background-color: #cfaf4a;
  color: #000000;
  border-bottom-width: 0px;
  border-bottom-color: #eeeeee;
  border-bottom-style: solid;
  padding: 10px 20px;
  text-align: center;
}

ul.tabs.wc-tabs {
  display: flex;
  justify-content: space-around;
  margin: 20px auto;
  font-size: 1.5rem;
  display: none;
}

label {
  margin-left: 10px;
}

select#pa_weight {
  padding: 5px 10px;
  margin: 10px auto;
  border: 1px solid #cfaf4a;
  background: #f0f1a6;
}

a.reset_variations {
  margin-right: 5px;
  color: #cfaf4a;
}

.woocommerce-variation-add-to-cart.variations_button.woocommerce-variation-add-to-cart-disabled {
  display: flex;
  margin: 10px auto;
}

button.single_add_to_cart_button.button.alt.disabled.wc-variation-selection-needed,
button.single_add_to_cart_button.button.alt {
  padding: 5px 16px;
  background: #cfaf4a;
  border: 0;
  width: 100%;
  font-size: 1.2rem;
}

.term-description {
  width: 100%;
  height: auto;
  max-width: 1280px;
  margin: 20px auto;
  padding: 10px;
  border-radius: 10px;
  background: white;
  text-align: justify;
}

.term-description a {
  color: #cfaf4a;
  border-bottom: 1px solid transparent;
}

.term-description a:hover {
  border-color: #cfaf4a;
}

.product {
  display: flex;
  flex-wrap: wrap;
  background: #fff;
}

.summary.entry-summary {
  margin: 10px 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.product_meta {
  display: flex;
  flex-direction: column;
  margin-top: 10px;
  background: #ebebeb;
  padding: 10px;
}

p.price {
  font-size: 2rem;
  color: #12af1e;
  font-weight: 600;
}

div#tab-description {
  padding: 10px;
  text-align: justify;
  background: #f1f1f1;
  width: 96%;
  margin: auto;
}

.hamburger-menu {
  width: 40px;
  height: 40px;
  position: fixed;
  top: 10%;
  right: 5%;
  z-index: 10000;
  display: none;
}

.hamburger-menu .menu {
  width: 100%;
  height: 100%;
  margin: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  cursor: pointer;
  transition: transform 0.5s;
}

.hamburger-menu .menu-line {
  width: 100%;
  height: 2px;
  background-color: #cfaf4a;
  transition: all 0.5s 0.5s;
  transform-origin: right;
}

.hamburger-menu .menu-line-2 {
  width: 80%;
}

.navbar {
  position: relative;
  z-index: 9999999;
}

.navbar-navigation {
  display: flex;
  flex-direction: column;
}

.navbar-navigation-right {
  width: 100vw;
  height: 100vh;
  background: linear-gradient(180deg, rgba(27, 27, 27, 0.795) 0%, rgba(61, 61, 61, 0.918) 100%);
  backdrop-filter: blur(5px);
  margin: -142px 0;
  position: fixed;
  right: -100vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transition: right 0.85s cubic-bezier(1, 0, 0, 1);
}

.navbar-navigation ul.nav-list {
  display: flex;
  flex-direction: column;
  height: auto;
  margin-top: 40px;
}

.navbar-navigation ul.nav-list li {
  text-align: center;
  list-style: none;
  line-height: 40px;
}

.navbar-navigation ul.nav-list-item {
  text-decoration: none;
}

.navbar-navigation ul.nav-list-link {
  font-size: 1em;
  font-weight: 300;
  text-decoration: none;
  display: block;
  transition: all 0.5s;
  width: 200px;
}

.navbar-navigation ul.nav-list-link:hover {
  color: #cfaf4a;
  text-shadow: 1px 1px 10px #cfaf4a;
}

.checkbox:checked ~ .navbar-navigation .navbar-navigation-left {
  left: 0;
}

.checkbox:checked ~ .navbar-navigation .navbar-navigation-right {
  right: 0;
}

.checkbox:checked ~ .hamburger-menu .menu {
  transform: rotateZ(90deg);
}

.checkbox:checked ~ .hamburger-menu .menu-line-1 {
  transform: rotateZ(-40deg);
}

.checkbox:checked ~ .hamburger-menu .menu-line-2 {
  opacity: 0;
}

.checkbox:checked ~ .hamburger-menu .menu-line-3 {
  transform: rotateZ(40deg);
}

@media screen and (min-width: 360px) and (max-width: 425px) {
  .topnav {
    display: none;
  }
  .aboutus {
    display: none !important;
  }
  .hamburger-menu {
    width: 30px;
    height: 30px;
    top: 4%;
    right: 88%;
    z-index: 300;
    display: block;
  }
  #header {
    width: 100%;
    height: 150px;
    margin: 0 auto;
    background: #000;
    color: #cfaf4a;
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 2;
  }
  #header .right-header {
    width: 100%;
    height: auto;
  }
  #header .right-header .bottom-right {
    width: 100%;
    height: auto;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
  }
  #header .right-header .bottom-right input.search {
    width: 200px;
    padding: 5px 10px;
    border: 0;
  }
  #header .right-header .bottom-right input.submit {
    padding: 5px 10px;
    background: #cfaf4a;
    border: 0;
  }
  #header .left-header {
    display: none;
  }
  #header .toplogo {
    width: 100%;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #wrapper {
    width: 100%;
    height: auto;
    min-height: 300px;
    margin: 0 auto;
  }
  #wrapper .slider {
    padding: 0 10px;
  }
  #wrapper .slider .owl-theme .owl-dots,
  #wrapper .slider .owl-theme .owl-nav {
    text-align: center;
    -webkit-tap-highlight-color: transparent;
  }
  #wrapper .slider .owl-theme .owl-nav {
    margin-top: -10px;
  }
  #wrapper .slider .owl-theme .owl-nav [class*="owl-"] {
    color: #fff;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #d6d6d6;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px;
  }
  #wrapper .slider .owl-theme .owl-nav [class*="owl-"]:hover {
    background: #869791;
    color: #fff;
    text-decoration: none;
  }
  #wrapper .slider .owl-theme .owl-nav .disabled {
    opacity: 0.5;
    cursor: default;
  }
  #wrapper .slider .owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 5px;
  }
  #wrapper .slider .owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
  }
  #wrapper .slider .owl-theme .owl-dots .owl-dot span {
    width: 25px;
    height: 5px;
    margin: 5px 5px;
    background: #8d99ae;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity 0.2s ease;
    border-radius: 0;
  }
  #wrapper .slider .owl-theme .owl-dots .owl-dot.active span,
  #wrapper .slider .owl-theme .owl-dots .owl-dot:hover span {
    background: #cfaf4a;
  }
  #wrapper .aboutus {
    display: none !important;
  }
  #wrapper .products {
    width: 96%;
    padding: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  #wrapper .products h1 {
    width: 100%;
    font-size: 2rem;
  }
  #wrapper .products #slider-pistachio, #wrapper .products #slider-products {
    width: 100%;
  }
  #wrapper .products #slider-pistachio .item, #wrapper .products #slider-products .item {
    width: 100%;
    height: auto;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  #wrapper .products #slider-pistachio .item img, #wrapper .products #slider-products .item img {
    width: 350px;
    height: 350px;
    object-fit: cover;
  }
  #wrapper .products #slider-pistachio .item h3, #wrapper .products #slider-products .item h3 {
    width: 100%;
    background: linear-gradient(0deg, white 8%, rgba(255, 255, 255, 0) 100%);
    position: absolute;
    bottom: 70px;
    padding: 100px 5px 10px;
    text-align: center;
    color: #000;
    text-shadow: 2px 2px 10px #c8caca;
  }
  #wrapper .products #slider-pistachio .item span.price, #wrapper .products #slider-products .item span.price {
    color: #cfaf4a;
    font-size: 1.2rem;
    font-weight: bold;
    padding: 10px 0;
  }
  #wrapper .products #slider-pistachio .item .addtocart, #wrapper .products #slider-products .item .addtocart {
    background: #cfaf4a;
    border: none;
    padding: 5px 10px;
    border-radius: 0 0 0 10px;
  }
  #wrapper .products #slider-pistachio .item .addtocart:hover, #wrapper .products #slider-products .item .addtocart:hover {
    filter: brightness(1.05);
  }
  #wrapper .products #slider-pistachio .item .addtocart .added_to_cart.wc-forward, #wrapper .products #slider-products .item .addtocart .added_to_cart.wc-forward {
    margin-right: 20px;
  }
  #wrapper .products #slider-pistachio .item .addtocart a, #wrapper .products #slider-products .item .addtocart a {
    color: #171718;
  }
  #wrapper .blog {
    width: 96%;
    height: auto;
    min-height: 300px;
    margin: 0 auto;
    padding: 20px 0 50px;
    max-width: 1280px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  #wrapper .blog h2 {
    text-align: center;
    width: 20%;
    font-size: 2rem;
    margin: 0 0 20px 0;
  }
  #wrapper .blog #slider-blog {
    width: 300px;
    margin: 0 auto;
  }
  #wrapper .blog #slider-blog .item {
    width: 100%;
    max-width: 300px;
    height: auto;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #wrapper .blog #slider-blog .item img {
    width: 100%;
    height: auto;
  }
  #wrapper .blog #slider-blog .item h3 {
    width: 100%;
    background: linear-gradient(0deg, black 8%, rgba(136, 136, 136, 0) 100%);
    position: absolute;
    bottom: 0;
    padding: 160px 5px 5px;
    text-align: center;
    color: #fff;
  }
  footer {
    height: auto;
  }
  footer .topfooter {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
  }
  footer .topfooter .logo {
    width: 100%;
    height: 250px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  footer .topfooter .logo span {
    padding: 0 10px 10px;
    text-align: center;
    color: #fff;
  }
  footer .topfooter .logo .socialmedia {
    width: 100%;
    height: auto;
    padding: 5px;
    display: flex;
    justify-content: space-evenly;
  }
  footer .topfooter .logo .socialmedia a {
    transition: all ease-in-out 0.2s;
  }
  footer .topfooter .logo .socialmedia a:hover {
    color: #cfaf4a;
  }
  footer .topfooter .footermenu {
    margin-bottom: 20px;
  }
  footer .topfooter .contactinfo {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  footer .topfooter .contactinfo span {
    text-align: center;
  }
  footer .middlefooter {
    width: 100%;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  footer .middlefooter ul#menu-footer-menu {
    display: flex;
    justify-content: center;
  }
  footer .middlefooter ul#menu-footer-menu li {
    padding: 2px 10px;
  }
  footer .bottomfooter {
    width: 50%;
    height: 100px;
    text-align: center;
  }
  .xoo-wsc-container {
    width: 320px;
  }
  /* WOO */
  nav.woocommerce-breadcrumb {
    padding: 0 10px;
  }
  h1.woocommerce-products-header__title.page-title {
    text-align: center;
  }
  img.wp-post-image {
    max-width: 100%;
    height: auto;
  }
  img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail {
    max-width: 100%;
    height: auto;
  }
  .product {
    padding: 20px;
    display: flex;
    flex-direction: column;
  }
  .product a {
    color: #cfaf4a;
  }
  .product h1.product_title.entry-title {
    text-align: center;
  }
  .product bdi {
    font-size: 1.5rem;
    color: #cfaf4a;
    display: flex;
    justify-content: center;
  }
  .product label {
    margin-left: 10px;
  }
  .product select#pa_weight {
    padding: 5px 10px;
    margin: 10px auto;
    border: 1px solid #cfaf4a;
    background: #f0f1a6;
  }
  .product a.reset_variations {
    margin-right: 5px;
    color: #cfaf4a;
  }
  .product .woocommerce-variation-add-to-cart.variations_button.woocommerce-variation-add-to-cart-disabled {
    display: flex;
    margin: 10px auto;
  }
  .product button.single_add_to_cart_button.button.alt.disabled.wc-variation-selection-needed,
  .product button.single_add_to_cart_button.button.alt {
    padding: 5px 10px;
    background: #cfaf4a;
    border: 0;
    width: 100%;
    font-size: 1.2rem;
  }
  .product .product_meta {
    display: flex;
    flex-direction: column;
  }
  .product ul.tabs.wc-tabs {
    display: none;
    justify-content: space-between;
    margin: 30px auto;
  }
  .product div#tab-description {
    text-align: justify;
    margin: 20px auto;
  }
  .product ul.products {
    background: #dad9d9;
    padding: 10px;
  }
  .product ul.products li {
    width: 100%;
  }
  .product ul.products img {
    width: 100%;
    height: auto;
  }
  .product ul.products h2 {
    text-align: center;
    color: #000;
  }
  .product ul.products a.button.product_type_variable.add_to_cart_button,
  .product ul.products a.button.product_type_variable,
  .product ul.products a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
    background: #1D2D44;
    color: #cfaf4a;
    padding: 5px 10px;
    text-align: center;
  }
  .content-area {
    width: 100%;
    max-width: 1280px;
    margin: 20px auto 0;
  }
  .content-area a {
    color: #1D2D44;
    transition: all 0.3s ease-in-out;
  }
  .content-area a:hover {
    color: #cfaf4a;
  }
  .content-area .products {
    display: flex;
    flex-wrap: wrap;
  }
  .content-area .products .product {
    width: 100%;
    padding: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .content-area .products .product .woocommerce-loop-product__title {
    color: #1D2D44;
    text-align: center;
  }
  .content-area .products .product span.woocommerce-Price-amount.amount {
    display: flex;
    justify-content: center;
    font-weight: bold;
    font-size: 1.2rem;
    color: #cfaf4a;
  }
  .content-area .products .product a.button {
    background: #cfaf4a;
    color: #1D2D44;
    padding: 1px 10px;
    border-radius: 0 0 0 5px;
  }
  .content-area .products .product .ajax_add_to_cart {
    background: green !important;
    color: #fff !important;
  }
  .content-area .products img {
    width: 300px;
    height: 300px;
    object-fit: cover;
  }
  .content-area p.woocommerce-result-count, .content-area .woocommerce-ordering {
    display: none;
  }
  #sidebar {
    display: none;
  }
  .xoo-wsc-basket img.xoo-wsc-bki {
    width: 35px;
    height: auto;
  }
  .xoo-wsc-basket {
    box-shadow: none;
  }
  .xoo-wsc-basket {
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
    align-items: center;
  }
  /* WOO */
}

@media screen and (min-width: 426px) and (max-width: 1024px) {
  .topnav {
    display: none;
  }
  .aboutus {
    display: none !important;
  }
  .hamburger-menu {
    width: 30px;
    height: 30px;
    top: 4%;
    right: 88%;
    z-index: 300;
    display: block;
  }
  #header {
    width: 100%;
    height: 150px;
    margin: 0 auto;
    background: #000;
    color: #cfaf4a;
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 2;
  }
  #header .right-header {
    width: 100%;
    height: auto;
  }
  #header .right-header .bottom-right {
    width: 100%;
    height: auto;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
  }
  #header .right-header .bottom-right input.search {
    width: 200px;
    padding: 5px 10px;
    border: 0;
  }
  #header .right-header .bottom-right input.submit {
    padding: 5px 10px;
    background: #cfaf4a;
    border: 0;
  }
  #header .left-header {
    display: none;
  }
  #header .toplogo {
    width: 100%;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #wrapper {
    width: 100%;
    height: auto;
    min-height: 300px;
    margin: 0 auto;
  }
  #wrapper .slider {
    padding: 0 10px;
  }
  #wrapper .slider .owl-theme .owl-dots,
  #wrapper .slider .owl-theme .owl-nav {
    text-align: center;
    -webkit-tap-highlight-color: transparent;
  }
  #wrapper .slider .owl-theme .owl-nav {
    margin-top: -10px;
  }
  #wrapper .slider .owl-theme .owl-nav [class*="owl-"] {
    color: #fff;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #d6d6d6;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px;
  }
  #wrapper .slider .owl-theme .owl-nav [class*="owl-"]:hover {
    background: #869791;
    color: #fff;
    text-decoration: none;
  }
  #wrapper .slider .owl-theme .owl-nav .disabled {
    opacity: 0.5;
    cursor: default;
  }
  #wrapper .slider .owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 5px;
  }
  #wrapper .slider .owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
  }
  #wrapper .slider .owl-theme .owl-dots .owl-dot span {
    width: 25px;
    height: 5px;
    margin: 5px 5px;
    background: #8d99ae;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity 0.2s ease;
    border-radius: 0;
  }
  #wrapper .slider .owl-theme .owl-dots .owl-dot.active span,
  #wrapper .slider .owl-theme .owl-dots .owl-dot:hover span {
    background: #cfaf4a;
  }
  #wrapper .aboutus {
    display: none !important;
  }
  #wrapper .products {
    width: 96%;
    padding: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  #wrapper .products h1 {
    width: 100%;
    font-size: 2rem;
  }
  #wrapper .products #slider-pistachio, #wrapper .products #slider-products {
    width: 100%;
  }
  #wrapper .products #slider-pistachio .item, #wrapper .products #slider-products .item {
    width: 100%;
    height: auto;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  #wrapper .products #slider-pistachio .item img, #wrapper .products #slider-products .item img {
    width: 350px;
    height: 350px;
    object-fit: cover;
  }
  #wrapper .products #slider-pistachio .item h3, #wrapper .products #slider-products .item h3 {
    width: 100%;
    background: linear-gradient(0deg, white 8%, rgba(255, 255, 255, 0) 100%);
    position: absolute;
    bottom: 70px;
    padding: 100px 5px 10px;
    text-align: center;
    color: #000;
    text-shadow: 2px 2px 10px #c8caca;
  }
  #wrapper .products #slider-pistachio .item span.price, #wrapper .products #slider-products .item span.price {
    color: #cfaf4a;
    font-size: 1.2rem;
    font-weight: bold;
    padding: 10px 0;
  }
  #wrapper .products #slider-pistachio .item .addtocart, #wrapper .products #slider-products .item .addtocart {
    background: #cfaf4a;
    border: none;
    padding: 5px 10px;
    border-radius: 0 0 0 10px;
  }
  #wrapper .products #slider-pistachio .item .addtocart:hover, #wrapper .products #slider-products .item .addtocart:hover {
    filter: brightness(1.05);
  }
  #wrapper .products #slider-pistachio .item .addtocart .added_to_cart.wc-forward, #wrapper .products #slider-products .item .addtocart .added_to_cart.wc-forward {
    margin-right: 20px;
  }
  #wrapper .products #slider-pistachio .item .addtocart a, #wrapper .products #slider-products .item .addtocart a {
    color: #171718;
  }
  #wrapper .blog {
    width: 96%;
    height: auto;
    min-height: 300px;
    margin: 0 auto;
    padding: 20px 0 50px;
    max-width: 1280px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  #wrapper .blog h2 {
    text-align: center;
    width: 20%;
    font-size: 2rem;
    margin: 0 0 20px 0;
  }
  #wrapper .blog #slider-blog {
    width: 100%;
  }
  #wrapper .blog #slider-blog .item {
    width: 100%;
    max-width: 300px;
    height: auto;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #wrapper .blog #slider-blog .item img {
    width: 100%;
    height: auto;
  }
  #wrapper .blog #slider-blog .item h3 {
    width: 100%;
    background: linear-gradient(0deg, black 8%, rgba(136, 136, 136, 0) 100%);
    position: absolute;
    bottom: 0;
    padding: 160px 5px 5px;
    text-align: center;
    color: #fff;
  }
  footer {
    height: auto;
  }
  footer .topfooter {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
  }
  footer .topfooter .logo {
    width: 100%;
    height: 250px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  footer .topfooter .logo span {
    padding: 0 10px 10px;
    text-align: center;
    color: #fff;
  }
  footer .topfooter .logo .socialmedia {
    width: 100%;
    height: auto;
    padding: 5px;
    display: flex;
    justify-content: space-evenly;
  }
  footer .topfooter .logo .socialmedia a {
    transition: all ease-in-out 0.2s;
  }
  footer .topfooter .logo .socialmedia a:hover {
    color: #cfaf4a;
  }
  footer .topfooter .footermenu {
    margin-bottom: 20px;
  }
  footer .topfooter .contactinfo {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  footer .topfooter .contactinfo span {
    text-align: center;
  }
  footer .middlefooter {
    width: 100%;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  footer .middlefooter ul#menu-footer-menu {
    display: flex;
    justify-content: center;
  }
  footer .middlefooter ul#menu-footer-menu li {
    padding: 2px 10px;
  }
  footer .bottomfooter {
    width: 50%;
    height: 100px;
    text-align: center;
  }
  .xoo-wsc-container {
    width: 320px;
  }
  /* WOO */
  nav.woocommerce-breadcrumb {
    padding: 0 10px;
  }
  h1.woocommerce-products-header__title.page-title {
    text-align: center;
  }
  img.wp-post-image {
    max-width: 100%;
    height: auto;
  }
  img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail {
    max-width: 100%;
    height: auto;
  }
  .product {
    padding: 20px;
    display: flex;
    flex-direction: column;
  }
  .product a {
    color: #cfaf4a;
  }
  .product h1.product_title.entry-title {
    text-align: center;
  }
  .product bdi {
    font-size: 1.5rem;
    color: #cfaf4a;
    display: flex;
    justify-content: center;
  }
  .product label {
    margin-left: 10px;
  }
  .product select#pa_weight {
    padding: 5px 10px;
    margin: 10px auto;
    border: 1px solid #cfaf4a;
    background: #f0f1a6;
  }
  .product a.reset_variations {
    margin-right: 5px;
    color: #cfaf4a;
  }
  .product .woocommerce-variation-add-to-cart.variations_button.woocommerce-variation-add-to-cart-disabled {
    display: flex;
    margin: 10px auto;
  }
  .product button.single_add_to_cart_button.button.alt.disabled.wc-variation-selection-needed,
  .product button.single_add_to_cart_button.button.alt {
    padding: 5px 10px;
    background: #cfaf4a;
    border: 0;
    width: 100%;
    font-size: 1.2rem;
  }
  .product .product_meta {
    display: flex;
    flex-direction: column;
  }
  .product ul.tabs.wc-tabs {
    display: none;
    justify-content: space-between;
    margin: 30px auto;
  }
  .product div#tab-description {
    text-align: justify;
    margin: 20px auto;
  }
  .product ul.products {
    background: #dad9d9;
    padding: 10px;
  }
  .product ul.products li {
    width: 100%;
  }
  .product ul.products img {
    width: 100%;
    height: auto;
  }
  .product ul.products h2 {
    text-align: center;
    color: #000;
  }
  .product ul.products a.button.product_type_variable.add_to_cart_button,
  .product ul.products a.button.product_type_variable,
  .product ul.products a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
    background: #1D2D44;
    color: #cfaf4a;
    padding: 5px 10px;
    text-align: center;
  }
  .content-area {
    width: 100%;
    max-width: 1280px;
    margin: 20px auto 0;
  }
  .content-area a {
    color: #1D2D44;
    transition: all 0.3s ease-in-out;
  }
  .content-area a:hover {
    color: #cfaf4a;
  }
  .content-area .products {
    display: flex;
    flex-wrap: wrap;
  }
  .content-area .products .product {
    width: 100%;
    padding: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .content-area .products .product .woocommerce-loop-product__title {
    color: #1D2D44;
    text-align: center;
  }
  .content-area .products .product span.woocommerce-Price-amount.amount {
    display: flex;
    justify-content: center;
    font-weight: bold;
    font-size: 1.2rem;
    color: #cfaf4a;
  }
  .content-area .products .product a.button {
    background: #cfaf4a;
    color: #1D2D44;
    padding: 1px 10px;
    border-radius: 0 0 0 5px;
  }
  .content-area .products .product .ajax_add_to_cart {
    background: green !important;
    color: #fff !important;
  }
  .content-area .products img {
    width: 300px;
    height: 300px;
    object-fit: cover;
  }
  .content-area p.woocommerce-result-count, .content-area .woocommerce-ordering {
    display: none;
  }
  #sidebar {
    display: none;
  }
  .xoo-wsc-basket img.xoo-wsc-bki {
    width: 35px;
    height: auto;
  }
  .xoo-wsc-basket {
    box-shadow: none;
  }
  .xoo-wsc-basket {
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
    align-items: center;
  }
  /* WOO */
}
#wrapper .products .item .addtocart { display: inline-block; font: inherit; }

/* Home product cards: stable image, title, price and action tracks. */
#wrapper .products.saxon-home-products {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: stretch;
  justify-content: stretch;
  gap: 28px 16px;
}

#wrapper .products.saxon-home-products > .item {
  width: 100%;
  min-width: 0;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  position: static;
}

#wrapper .products.saxon-home-products > .item > a {
  width: 100%;
  min-width: 0;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #000;
}

#wrapper .products.saxon-home-products > .item > a > img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  aspect-ratio: 1 / 1;
  object-fit: contain;
}

#wrapper .products.saxon-home-products > .item > a > h3 {
  position: static;
  inset: auto;
  width: 100%;
  min-height: 3.5em;
  margin-top: auto;
  padding: 10px 6px 0;
  background: none;
  color: #000;
  font-size: 1.08rem;
  line-height: 1.6;
  font-weight: 600;
  text-align: center;
  text-shadow: none;
  overflow-wrap: break-word;
}

#wrapper .products.saxon-home-products > .item > span.price {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 0 4px;
  width: 100%;
  min-height: 3.2rem;
  margin: 0;
  padding: 4px 2px 8px;
  font-size: 1.2rem;
  line-height: 1.5;
  text-align: center;
}

#wrapper .products.saxon-home-products > .item > .addtocart {
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-self: center;
  min-height: 38px;
  margin: 0;
}

#wrapper .products.saxon-home-products > .item > .addtocart a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 28px;
}

@media (max-width: 1099px) {
  #wrapper .products.saxon-home-products {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  #wrapper .products.saxon-home-products {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px 12px;
  }
}

@media (max-width: 520px) {
  #wrapper .products.saxon-home-products {
    grid-template-columns: minmax(0, 1fr);
    padding: 12px;
  }
  #wrapper .products.saxon-home-products > .item {
    max-width: 360px;
    margin-inline: auto;
  }
}