/** Shopify CDN: Minification failed

Line 2539:0 Unexpected "}"
Line 2957:0 Unexpected "<"
Line 2995:0 Unexpected "<"

**/
/*-----------------------------------------------------------------------------------
Template Name: Vegist
Template URI: http://spacingtech.com
Description: Vegist - The Vegetables, Supermarket & Organic Food eCommerce Shopify Theme
Author: Spacingtech_webify
Author URI: http://spacingtech.com
Version: 2.0
-----------------------------------------------------------------------------------*/
html {
  padding-bottom: 0 !important;
} 
.blog-article-wrap .blog-content a{
  color: blue;
}
.blog-content ul li>ul li {
    margin-bottom: 0px;
}
.blog-article-wrap .blog-content .faq-page a{
  color: #fff;
}
.footer-bottom-area .copy-right p a {
  color: #fff !important;
}
.footer-bottom-area .copy-right p a:hover{
  color: #fff !important;
  text-decoration: underline;
}
blockquote{
      padding: 5px 15px;
    border-left: 5px solid #8f8f8f;
    box-shadow: 4px 4px 3px #79797933;
}
.product_details_info .share-icons ul li a i.fa-whatsapp {
    color: #008901;
}
.product_details_info .share-icons ul li a i.fa-instagram{
      color: #d61d5e;
}
.product_details_info .share-icons ul li a i.fa-envelope{
          color: #dc1616d1;
}
.single-blog-area .blog-revert h1.post-title{
  font-size: 22px;
}
.single-blog-area .blog-content p {
    margin-bottom: 12px;
}
.single-blog-area .blog-content h2, .single-blog-area .blog-content h3, .single-blog-area .blog-content h4, .single-blog-area .blog-content h5, .single-blog-area .blog-content h6{
    font-size: 24px;
    margin-bottom: 8px;
    line-height: 24px;
    margin-top: 22px;
}

@media (max-width : 767px){
.single-blog-area .blog-content h2, .single-blog-area .blog-content h3, .single-blog-area .blog-content h4, .single-blog-area .blog-content h5, .single-blog-area .blog-content h6{
    font-size: 20px;
    margin-bottom: 6px;
    line-height: 20px;
    margin-top: 18px;
}
  
}
.footer-top-area ul.footer-info li.logo p {
    padding-right: 25px;
    margin-top: 8px;
    line-height: 22px;
    font-size: 12px;
}
.footer-top-area ul.footer-info li.logo p, .footer-top-area ul.footer-info li.address span, .footer-top-area ul.footer-info li.contact a {
    font-size: 13px;
}
.footer-top-area ul.footer-info li.address span, .footer-top-area ul.footer-info li.contact a{
  margin-top: 0px !important;
}
.blog-sidebar-wrap .blog-post-sidebar.blog-tags {
    overflow-y: scroll;
    max-height: 200px;
    display: block;
}
.blog-sidebar-wrap::-webkit-scrollbar-track, .blog-sidebar-wrap .blog-post-sidebar.blog-tags::-webkit-scrollbar-track{
    -webkit-box-shadow: inset 0 0 6px #fff;
    background-color: #fff;
    }
  
.blog-sidebar-wrap::-webkit-scrollbar, .blog-sidebar-wrap .blog-post-sidebar.blog-tags::-webkit-scrollbar{
    width: 0px;
    background-color: #fff;
    }
    
    .blog-sidebar-wrap::-webkit-scrollbar-thumb, .blog-sidebar-wrap .blog-post-sidebar.blog-tags::-webkit-scrollbar-thumb{
    background-color: #afafaf;	
    }
.blog-sidebar-wrap.sticky {
    top: 0;
    overflow-y: scroll;
    max-height: 600px;
    display: block;
}
.blog-sidebar-wrap .blog-post-sidebar ul.sidebar-tag li {
    width: 100%;
}
.blog-sidebar-wrap .blog-post-sidebar ul.sidebar-tag li a{
    font-size: 11px !important;
    height: auto !important;
    padding: 3px 5px !important;
    line-height: 16px !important;
  border: none !important;
}
.blog-sidebar-wrap .blog-post-sidebar .sidbar-inner .recent-blog-content a {
    margin-top: 2px !important;
    font-size: 10px !important;
}
.blog-sidebar-wrap .blog-post-sidebar .sidbar-inner .recent-blog-content span {
    font-size: 12px;
    color: #574948;
}
.blog-slider.owl-carousel .owl-nav button{
  position: absolute;
    bottom: 50%;
    transform: translateY(50%);
    margin: 0px !important;
    line-height: 0px !important;
    font-size: 20px !important;
    height: 30px;
    width: 30px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    border-radius: 50% !important;
    color: #fff !important;
    background-color: var(--color-primary) !important;
    box-shadow: 0 0 12px #7bbe461a;
    -webkit-transition: all .2s ease-in-out 0s !important;
    -o-transition: all .2s ease-in-out 0s;
    transition: all .2s ease-in-out 0s !important;
}
.blog-slider.owl-carousel .owl-nav button.owl-next{
      right: -20px !important;
}
.blog-slider.owl-carousel .owl-nav button.owl-prev{
  left: -20px !important;
}
.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled{
  display: block !important;
}
.blog-content ul li {
margin-bottom: 8px;
    list-style: disc;
    margin-left: 15px;
    line-height: 20px;
}
.blog-content ol li {
margin-bottom: 8px;
    margin-left: 15px;
    line-height: 20px;
}
.blog-content ul li> ul li {
    list-style: circle;
      margin-left: 20px;
  
}
.que-ans ul li {
    list-style: none;
}

section .que-ans .collapse ul li {
    margin-bottom: 15px;
    list-style: disc;
    margin-left: 15px;
}
section .que-ans .collapse ul li> ul li { 
    list-style: circle;
      margin-left: 20px;
}

.product-single__media--video {
    padding: 0px !important;
}
.product-vid video.media-video{
    height: !important;
    margin: 0px auto;
}
.header-area .header-main {
    padding: 10px 0px 15px;
}
.socialbar {
    top: 10px;
}
.contact-us-page .contact-content .contact-form-warp ul.form-fill li {
    list-style: none;
}
.footer-bottom-area .copy-right p {
    font-size: 13px;
}
ul.main-menu li.menu-link ul.dropdown-submenu.collapse.mega-menu:not(.show) {
    z-index: 999 !important;
}
.product_details_info .pr-form-button .ajax-cart-btn {
    background-color: #875f42 !important;
}
.product_details_info .pr-form-button .ajax-cart-btn:hover{
  background-color: #785236 !important;
}
.product_details_info .pr-form-button .shopify-payment-button button {
    background-color: #875f42 !important;
}
.product_details_info .pr-form-button .shopify-payment-button button:hover {
    background-color: #785236 !important;
}

.btn:hover {
    background-color: #785236 !important;
    border: 2px solid #785236 !important;
    color:#fff !important;
}
.template-page .section-ptb ul li {
    list-style: disc;
    margin-left: 18px;
    margin-bottom: 6px;
    line-height: 22px;
}
.template-page .section-ptb ul {
  margin: 8px 0px 20px;
}
.addpracentage:after{
  content: "%";
}
.product-content .product-description{
  height: 35px;
    display: block !important;
    padding: 0 !important;
    min-height: 23px;
    line-height: 17px;
    margin-bottom: 4px;
    overflow: hidden;
    border-radius: 0px !important;
  font-size: 12px;
}
.que-ans ul li a{
      background: #875f42;
    display: block;
    padding: 8px 14px;
    color: #fff;
    font-weight: 500;
    font-size: 18px;
}
.que-ans ul li{
  margin-bottom: 5px;
}
.que-ans ul li .collapse{
    background: #fff;
    padding: 12px 15px;
    margin-bottom: 12px;
}
.short-description {
    margin-bottom: 15px !important;
}
.shop-product-wrap.grid-1 .single-product-wrap .product-content .product-title a {
    font-weight: 600;
    font-size: 18px;
}
.shop-product-wrap.grid-1 .single-product-wrap .product-content{
  padding: 0 15px !important;
}
.shop-product-wrap.grid-1 .single-product-wrap .product-content .product-description{
      padding: 0px !important;
}
.shop-product-wrap.grid-1 li form input.btn{
  width:auto;
      margin-top: 0px;
    margin-left: 33%;
}
.socialbar{
  position: absolute;
    z-index: 3;
    width: 100%;
}
.socialbar .headersocial ul{
text-align: right;
    display: inline-block;
    float: right;
    background: #875f42;
    padding: 0px 8px;
}
.socialbar .headersocial ul.social-icon li {
    display: inline-block;
}
.socialbar .headersocial ul.social-icon li a{
    color:#fff;
  padding: 2px 5px;
}

.product-description h2, 
.product-description h3, 
.product-description h4, 
.product-description h5, 
.product-description h6 {
  font-size: 24px !important;
}
.product-description .heading{
  padding-top: 18px;
}
@media (max-width : 767px){
 .product-description h2, 
.product-description h3, 
.product-description h4, 
.product-description h5, 
.product-description h6 {
  font-size: 20px !important;
}
}
#myBtn{
    font-weight: 500;
    color: #875f42;
    font-size: 14px;
    margin-top: 8px;
}
span#dots{
  margin-right: 6px;
    width: 13px;
    text-align: right;
}
#more {display: none;}
.faq-page.other-page {
    background: #f4f4f4;
}
.other-page .que-ans ul li::before{
  display:none !important;
}
body.template-collection .header-area{
  display:none;
}
body.template-collection .header-area.is-sticky{
  display:block;
}
.jdgm-form-wrapper{
  background: #f7f7f7 !important;
    border: 1px solid #3333 !important;
}
.jdgm-btn--border {
    color: #875f42;
    border-color: #875f42;
}
.jdgm-rev-widg .jdgm-star, .jdgm-revs-tab .jdgm-star, .jdgm-all-reviews .jdgm-star, .jdgm-gallery-popup .jdgm-star {
    color: #875f42 !important;
}
.jdgm-write-rev-link.jdgm-write-rev-link {
    background-color: #875f42 !important;;
    border-color: #a57858 !important;;
}
/* .header-area {
    z-index: 1;
} */
.product_detail_img .product_img_top .product-label .sale-title {
    right: 5px;
}
.shop-product-wrap ul.product-view li.st-col-item{
  position: relative;
}
.shop-product-wrap ul.product-view li.st-col-item .tagsadd, span.tagsadd{
 position: absolute;
    top: 5px;
    left: 5px;
    z-index: 3;
    background: #17b31b;
    color: #fff;
    padding: 2px 8px;
  font-size: 13px;
  border-top-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
}
.single-product-wrap .product-image .product-label .sale-title {
    border-top-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
}
.availableamaontext {
      color: #f89b33;
  display: block;
}
.amazonlink{
  display: inline-block;
    margin: 10px 0px;
    width: 25%;
    border: 2px dotted #3333;
    padding: 6px 7px;
    margin-right: 8px;
}
.amazonlink img{
    width: 100%;
}
span.textdeliver {
    color: #008901;
    margin-top: 10px;
  display: block;
}
.product_details_info .product-sku {
    margin-top: 6px !important;
}
.product-details-page {
    margin-bottom: 30px;
}
.product-description-tab {
    background: #f7f7f76b;
    padding-bottom: 30px !important;
}
.product-description{
  box-shadow: none !important;
}
.product-description img{
  width: 100%;
}
.product_details_info .pr-option .option-block input.disabled+.op-lb:after{
  background-color: #00000000 !important;
}
.single-product-wrap .product-title {
    min-height: 42px;
}
.banner-grid .banner-content h2{
  font-size: 18px !important;
}
.product-description li {
    text-indent: -24px;
    padding-left: 25px;
}
.jdgm-rev-widg__header {
    text-align: left !important;
}
.product-view li form input#quantity, div.item form input#quantity, div.swiper-slide form input#quantity, .wishlist-page form input#quantity, .search-list form input#quantity{
  display: none;
}
.product-view li form input.btn, div.item form input.btn, .swiper-slide form input.btn,  .wishlist-page form input.btn, .search-list form input.btn{ 
  width: 100%;color: #fff; margin-top: 12px;
}
.product-view li form input.btn:hover, div.item form input.btn:hover, .swiper-slide form input.btn:hover, .search-list form input.btn:hover { 
 background-color:#875f42e0;
}
/*=====================================
  lazyload css
======================================*/
.lazyload,
.lazyloading {
  opacity: 0;
}
.lazyload,
.lazyloading {
  background: url("loading-black-small.svg") center center no-repeat transparent !important;
  position: relative;
  border-color: transparent !important;
  opacity: 1 !important;
  transition: all 0s ease-in-out !important;
  -moz-transition: all 0s ease-in-out !important;
  -webkit-transition: all 0s ease-in-out !important;
  -ms-transition: all 0s ease-in-out !important;
  -o-transition: all 0s ease-in-out !important;
}
a{
  color: var(--color-secondary);
  cursor: pointer;
  display: inline-block;
  text-decoration:none;
  -webkit-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
}
a:hover{
  color: var(--color-primary);
  -webkit-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
}
span{
  display: inline-block;
}
button{
  color: var(--color-secondary);
  background-color: transparent;
  border: none;
  padding: 0;
  margin: 0;
}
button,
button:hover{
  -webkit-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
}
button,
button:focus,
a:focus{
  outline: none;
}
ul{
  list-style: none;
  margin: 0;
  padding: 0;
}
input:focus,
select:focus,
textarea:focus{
  outline: none;
}
select{
  cursor: pointer;
  background-image: url("chevron-down.svg");
  background-repeat: no-repeat;
  background-position: right 15px center;
  background-size: 12px;
  background-color: transparent;
}
img, iframe {
  max-width: 100%;
}
input, textarea, select {
  max-width: 100%;
  padding: 10px 15px;
  border: 1px solid rgba(0,0,0,10%);
}
label[for]{
  cursor: pointer;
}
input.input-full, textarea.input-full, select.input-full{
  width: 100%;
}
select,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
table {
  width: 100%;
}
th {
  color: var(--color-secondary);
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
.hidden {
  display: none;
}
/* button type */
.btn {
  background-color: var(--color-primary);
}
.btn-style1 {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  padding: 6px 30px;
  border: 2px solid var(--color-primary);
  background-color: var(--color-primary);
  text-align: center;
  border-radius: 50px;
}
.btn-style1:hover {
  color: var(--color-primary);
  background-color: transparent;
}
@media (max-width: 767px){
  .btn-style1 {
    padding: 8px 20px;
  }
}
.btn:focus,
.btn:active:focus,
.btn.active:focus{
  outline: none;
  box-shadow: none;
}
/*=====================================
container css
======================================*/
.container{
  max-width: 1200px;
  padding-right: 15px;
  padding-left: 15px;
}
.row{
  margin-right: -15px;
  margin-left: -15px;
}
.row>*{
  padding-right: 15px;
  padding-left: 15px;
}
@media (max-width: 1499px) {
  .container{
    max-width: 1320px;
  }
}
@media (max-width: 1399px) {
  .container{
    max-width: 1140px;
  }
}
@media (max-width: 1199px) {
  .container{
    max-width: 960px;
  }
}
@media (max-width: 991px) {
  .container{
    max-width: 720px;
  }
}
@media (max-width: 767px) {
  .container{
    max-width: 100%;
  }
}
/*tooltip*/
.tooltip{
  text-transform: uppercase;
  font-size: 13px;
}
/*=====================================
scroll up css
======================================*/
.scroll{
  font-size: 20px;
  line-height: 1;
  position: fixed;
  bottom: 120px;
  right: 30px;
  padding: 5px 9px;
  height: 35px;
  width: 35px;
  display: none;
  border-radius: 50px;
  z-index: 1;
  background-color: transparent;
  color: var(--color-primary);
  border: 2px solid var(--color-primary);
}
.scroll:hover{
  color: #fff;
  background-color: var(--color-primary);
}
@media (max-width : 767px){
  .scroll{
        bottom: 100px;
        right: 22px;
  }
}
.mm-fullscreen-bg{
  position: fixed;
  z-index: 9;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
}
.mm-fullscreen-bg.active{
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
}
body.hidden {
  overflow-y: hidden;
  padding-right: 17px;
  display: block;
}
@media (max-width: 1199px){
  body.hidden {
    padding-right: 0px;
  }
}
/*=====================================
header css
======================================*/
.header-area {
  position: sticky;
}
.header-area .header-main{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 0;
}
.header-area .header-main .header-element{
  width: 33.33%;
}
.header-area .header-main .navbar-toggler{
  display: none;
}
.search-wrap .field input {
  width: 100%;
  height: 40px;
  border-radius: 50px;
}
.sidebar-search-input .field {
  position: relative;
  display: flex;
  align-items: center;
}
.sidebar-search-input .field button {
  font-size: 16px;
  color: #fff;
  position: absolute;
  right: 0px;
  width: 40px;
  height: 40px;
  background-color: var(--color-secondary);
  border-radius: 50px;
}
.sidebar-search-input .field button:hover{
  background-color: var(--color-primary);
}
.sidebar-search-input .field button.reset-input {
  display: none;
}
.sidebar-search-input search-ajax .search-ajax {
  position: absolute;
  left: 0;
  width: 100%;
  top: 100%;
  z-index: 9;
  opacity: 0;
  padding-bottom: 30px;
  visibility: hidden;
  transition: .3s;
  background-color: #fff;
  box-shadow: 0 0 15px rgba(0,0,0,10%);
}
.sidebar-search-input search-ajax[open] .search-ajax {
  opacity: 1;
  visibility: visible;
}
.sidebar-search-input search-ajax .ajax-result-group .product-list {
  padding: 0;
}
/* accout css */
.right-block-box{
  display: flex;
  justify-content: flex-end;
  color: var(--color-secondary);
}
.right-block-box ul.shop-element{
  display: flex;
  align-items: center;
}
ul.shop-element li.ele-wrap{
  margin-left: 30px;
}
ul.shop-element li.ele-wrap:first-child{
  margin-left: 0px;
}
ul.shop-element li.ele-wrap.search-wrap {
  display: none;
}
ul.shop-element .user-wrap .acc-desk i{
  -webkit-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
}
ul.shop-element .user-wrap .acc-desk:hover i{
  color: var(--color-primary);
}
ul.shop-element .user-wrap .acc-desk{
  display: flex;
  align-items: center;
}
ul.shop-element .user-wrap .acc-mobile{
  display: none;
}
ul.shop-element .user-wrap .acc-desk i{
  font-size: 30px;
  margin-right: 5px;
}
ul.shop-element .user-wrap .acc-desk .acc{
  display: flex;
  flex-direction: column;
  align-items: baseline;
}
ul.shop-element .user-wrap .acc-desk .acc a.acc-ti{
  display: block;
  font-size: 13px;
  line-height: normal;
  font-weight: 600;
  text-transform: uppercase;
}
ul.shop-element .user-wrap .acc-desk .acc .acc-re-lo a:hover{
  color: var(--color-primary);
}
ul.shop-element .user-wrap .acc-desk .acc .acc-re-lo{
  display: flex;
  align-items: baseline;
}
ul.shop-element .user-wrap .acc-desk .acc .acc-re-lo a{
  font-size: 11px;
  color: var(--color-secondary);
  padding-right: 5px;
  margin-right: 5px;
  border-right: 1px solid #c3c3c3;
}
ul.shop-element .user-wrap .acc-desk .acc .acc-re-lo a:last-child{
  padding-right: 0px;
  margin-right: 0px;
  border-right: none;
}
/* wishlist-cart css */
ul.shop-element .wishlist-wrap .wishlist a,
ul.shop-element .cart-wrap .shopping-cart a.cart-count{
  color: var(--color-secondary);
  position: relative;
  font-size: 30px;
  line-height: 0;
}
ul.shop-element .wishlist-wrap .wishlist a:hover{
  color: var(--color-primary);
}
ul.shop-element .cart-wrap .shopping-cart a.cart-count:hover{
  color: var(--color-primary);
}
ul.shop-element .wishlist-wrap .wishlist a i,
ul.shop-element .cart-wrap .shopping-cart a.cart-count i{
  margin-right: 10px;
}
ul.shop-element .wishlist-wrap .wishlist a span,
ul.shop-element .cart-wrap .shopping-cart a.cart-count span{
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  border-radius: 100%;
  position: absolute;
  right: 0px;
  top: 0px;
  text-align: center;
  height: 20px;
  width: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-primary);
}
@media (max-width : 991px){
  ul.shop-element li.ele-wrap{
    margin-left: 15px;
  }
  ul.shop-element .user-wrap .acc-desk{
    display: none;
  }
  ul.shop-element .user-wrap .acc-mobile{
    display: block;
  }
  ul.shop-element .user-wrap .acc-mobile .acc{
    display: flex;
  }
  ul.shop-element .user-wrap .acc-mobile .acc-re-lo a{
    font-size: 30px;
    color: var(--color-secondary);
    line-height: 0;
  }
}
@media (max-width : 767px){
  .header-area .header-main .header-element{
    width: 50%;
  }
  .header-area .header-main .header-element.search{
    display: none;
  }
  ul.shop-element li.ele-wrap {
    margin-left: 10px;
  }
  ul.shop-element li.ele-wrap.search-wrap button {
    font-size: 18px;
    line-height: 1;
  }
  ul.shop-element .wishlist-wrap .wishlist a,
  ul.shop-element .cart-wrap .shopping-cart a.cart-count,
  ul.shop-element .user-wrap .acc-mobile .acc-re-lo a{
    font-size: 20px;
    line-height: 1;
  }
  ul.shop-element .wishlist-wrap .wishlist a span,
  ul.shop-element .cart-wrap .shopping-cart a.cart-count span{
    font-size: 11px;
    height: 20px;
    width: 20px;
  }
  ul.shop-element .user-wrap .acc-mobile,
  ul.shop-element .wishlist,
  ul.shop-element .shopping-cart {
    line-height: 0;
  }
  ul.shop-element li.ele-wrap.search-wrap {
    display: flex;
  }
}

/*=====================================
main header css
======================================*/
.main-menu-area .box-header{
  display: none;
}
.main-menu-area .navbar-collapse.collapse:not(.show){
  display: block!important;
}
ul.main-menu{
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: center;
}
ul.main-menu li.menu-link a.link-title .hot:before{
  content: '';
  position: absolute;
  bottom: -4px;
  left: 0;
  width: 0;
  height: 0;
  border: 0 solid transparent;
  border-top-width: 0px;
  border-right-width: 0px;
  border-left-width: 0px;
  border-top-style: solid;
  border-top-color: transparent;
  border-left-width: 0px;
  border-right-width: 6px;
  border-top: 5px solid #A81F1F;
  -moz-transform: scale(0.9999);
}
ul.main-menu li.menu-link a.link-title .hot{
  color: #fff;
  border-radius: 2px;
  font-size: 10px;
  font-weight: 600;
  padding: 4px 4px;
  position: absolute;
  top: -5px;
  letter-spacing: .5px;
  line-height: 1;
  right: 1px;
  background: #A81F1F none repeat scroll 0 0;
}
ul.main-menu li.menu-link a.link-title{
  position: relative;
  padding: 13px 13px;
  font-weight: 500;
}
ul.main-menu li.menu-link:first-child a.link-title {
  padding-left: 0;
}
ul.main-menu li.menu-link:last-child a.link-title:after{
  display: none;
}
ul.main-menu li.menu-link a.link-title:after{
  content: '';
  position: absolute;
  right: 0;
  bottom: 50%;
  transform: translateY(50%);
  width: 1px;
  height: 25px;
  background: rgba(5, 5, 5, 0.09);
}
ul.main-menu li.menu-link a.link-title.link-title-lg{
  display: none;
}
ul.main-menu li.menu-link ul.dropdown-submenu.collapse:not(.show) {
  display: table;
}
ul.main-menu li.menu-link ul.dropdown-submenu{
  position: absolute;
  padding: 15px 5px;
  top: 120%;
  background-color: #fff;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.08);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.08);
  z-index: 2;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
}
ul.main-menu li.menu-link ul.dropdown-submenu.mega-menu,
ul.main-menu li.menu-link ul.dropdown-submenu.banner-menu{
  left: 0;
  right: 0;
  width: 100%;
}
ul.main-menu li.menu-link ul.dropdown-submenu.sub-menu{
  left: auto;
  margin-left: 0px;
  text-align: left;
}
ul.main-menu li.menu-link:hover ul.dropdown-submenu{
  top: 100%;
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
}
ul.main-menu li.menu-link ul.dropdown-submenu li.menu-banner,
ul.main-menu li.menu-link ul.dropdown-submenu.mega-menu li.megamenu-li,
ul.main-menu li.menu-link ul.dropdown-submenu.banner-menu li.megamenu-li{
  display: table-cell;
  padding: 0 15px;
}
ul.main-menu li.menu-link ul.dropdown-submenu.sub-menu li.submenu-li{
  padding: 0 15px;
  margin-bottom: 10px;
}
ul.main-menu li.menu-link ul.dropdown-submenu li.submenu-li:last-child{
  margin-bottom: 0px;
}
ul.main-menu li.menu-link ul.dropdown-submenu li.megamenu-li .sublink-url {
  font-weight: 600;
}
ul.main-menu li.menu-link ul.dropdown-submenu li.megamenu-li .sublink-url i{
  display: none;
}
ul.main-menu li.menu-link ul.dropdown-submenu li.megamenu-li a.sublink-title{
  display: none;
  font-weight: 600;
}
ul.main-menu li.menu-link ul.dropdown-supmenu.collapse:not(.show){
  display: block;
}
ul.main-menu li.menu-link ul.dropdown-supmenu li.supmenu-li a>span{
  font-size: 10px;
  color: #fff;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  padding: 1px 8px;
  display: block;
  position: absolute;
  top: -2px;
  right: -40px;
}
ul.main-menu li.menu-link ul.dropdown-supmenu li.supmenu-li a{
  position: relative;
}
ul.main-menu li.menu-link ul.dropdown-supmenu li.supmenu-li{
  margin-top: 10px;
}
ul.main-menu li.menu-link ul.dropdown-supmenu li.supmenu-li:first-child{
  margin-top: 15px;
}
ul.main-menu li.menu-link ul.dropdown-submenu li.menu-banner a{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
ul.main-menu li.menu-link ul.dropdown-submenu li.menu-banner a img{
  width: 100%;
  margin: 0 auto;
}
ul.main-menu li.menu-link ul.dropdown-submenu li.menu-banner a span{
  margin-top: 10px;
}
.main-menu-area{
  position: relative;
  border-top: 1px solid #dee2e6;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.main-menu-area .call-line a{
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-direction: 'row'
}
.call-line{
    margin-left: 12px;
}
.call-line a{
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-direction: 'row'
}
.main-menu-area .call-line .contact-block span{
  display: block;
}
.call-line .contact-block span{
  display: block;
  
}
.main-menu-area .call-line .contact-block span:first-child{
  color: var(--color-secondary);
  font-weight: 600;
}
.call-line .contact-block span:first-child{
  color: var(--color-secondary);
  font-weight: 600;
}
.main-menu-area .call-line .icon-block{
  margin-right: 15px;
}
.call-line .icon-block{
  margin-right: 8px;
}
.call-line .icon-block img{
    width: 65px;
}
.call-line .contact-block span{
    white-space: nowrap;
}
ul.main-menu li.menu-link ul.dropdown-submenu.mega-menu.sub-menu{
  left: auto;
  right: auto;
  min-width: 200px;
  width: auto;
  padding: 15px 0;
}
ul.main-menu li.menu-link ul.dropdown-submenu.mega-menu.sub-menu li.megamenu-li{
  display: block;
  margin-bottom: 10px;
  position: relative;
}
ul.main-menu li.menu-link ul.dropdown-submenu.mega-menu.sub-menu li.megamenu-li .sublink-title{
  display: none;
}
ul.main-menu li.menu-link ul.dropdown-submenu.mega-menu.sub-menu li.megamenu-li a.sublink-url{
  font-weight: 400;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
ul.main-menu li.menu-link ul.dropdown-submenu.mega-menu.sub-menu li.megamenu-li a.sublink-url i{
  transform: rotate(-90deg);
  display: block;
}
ul.main-menu li.menu-link ul.dropdown-submenu.mega-menu.sub-menu li.megamenu-li ul.dropdown-supmenu{
  position: absolute;
  top: calc(0% + 0px);
  left: 100%;
  width: 100%;
  background-color: #fff;
  opacity: 0;
  padding: 15px;
  visibility: hidden;
  -webkit-box-shadow: 0 0 10px 0 rgb(0 0 0 / 8%);
  -moz-box-shadow: 0 0 10px 0 rgba(0,0,0,.08);
  box-shadow: 0 0 10px 0 rgb(0 0 0 / 8%);
  -webkit-transition: all .2s ease-in-out 0s;
  -o-transition: all .2s ease-in-out 0s;
  transition: all .2s ease-in-out 0s;
}
ul.main-menu li.menu-link ul.dropdown-submenu.mega-menu.sub-menu li.megamenu-li:hover ul.dropdown-supmenu{
  top: calc(0% + -15px);
  opacity: 1;
  visibility: visible;
}
ul.main-menu li.menu-link ul.dropdown-submenu.mega-menu.sub-menu li.megamenu-li ul.dropdown-supmenu li.supmenu-li:first-child{
  margin-top: 0px;
}
ul.main-menu li.menu-link ul.dropdown-submenu.mega-menu.sub-menu li.megamenu-li ul.dropdown-supmenu li.supmenu-li a.suplink-title{
  width: 100%;
}
.menu-mobile{
  display: none;
}
.outofstock{
    width: 100%;
    margin-top: 12px;
    color: #fff;
    cursor: not-allowed;
}
@media (max-width : 991px){
#tidio-chat #button-body {
    width: var(--bubble-size, 45px);
    height: var(--bubble-size, 45px);
}
  .awesome-iframe .onlyBubbleLarge #button {
    width: 85px;
    height: 50px;
}
  .menu-mobile{
    display: block;
  }
  .header-area .header-main .navbar-toggler {
    display: block;
    padding: 0;
    border: none;
    outline: none;
    border-radius: 0;
    margin-right: 10px;
  }
  .header-area .header-main .navbar-toggler:focus{
    box-shadow: none;
  }
  .main-menu-area {
    position: fixed;
    top: 0;
    width: 300px;
    left: -300px;
    display: block;
    padding: 0 15px;
    height: 100%;
    z-index: 10;
    background-color: #fff;
    max-height: 100%;
    overflow-y: auto;
    opacity: 0;
    visibility: hidden;
  }
  .main-menu-area.active {
    left: 0;
    opacity: 1;
    visibility: visible;
    -webkit-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
  }
  .main-menu-area .main-navigation{
    display: block;
    width: 100%;
  }
  .main-menu-area .box-header{
    display: block;
    text-align: right;
    padding: 15px 0;
  }
  ul.main-menu{
    flex-direction: column;
  }
  ul.main-menu li.menu-link{
    width: 100%;
    padding: 0;
  }
  ul.main-menu li.menu-link:hover{
    background-color: transparent;
  }
  ul.main-menu li.menu-link a.link-title{
    color: var(--color-secondary);
    display: none;
  }
  ul.main-menu li.menu-link a.link-title:after {
    display: none;
  }
  ul.main-menu li.menu-link a.link-title.link-title-lg {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0;
    border-bottom: 1px solid #eeeeee;
  }
  ul.main-menu li.menu-link a.link-title.link-title-lg i,
  ul.main-menu li.menu-link ul.dropdown-submenu li.megamenu-li a.sublink-title i{
    font-size: 20px;
  }
  ul.main-menu li.menu-link a.link-title.link-title-lg[aria-expanded="true"] i::before,
  ul.main-menu li.menu-link ul.dropdown-submenu li.megamenu-li a.sublink-title[aria-expanded="true"] i::before{
    content: "\f106";
  }
  ul.main-menu li.menu-link ul.dropdown-submenu.collapse:not(.show){
    display: none;
  }
  ul.main-menu li.menu-link ul.dropdown-submenu{
    padding: 0 0;
    position: relative;
    top: 0;
    box-shadow: none;
    opacity: 1;
    visibility: visible;
  }
  ul.main-menu li.menu-link ul.dropdown-submenu.sub-menu{
    margin-left: 0;
  }
  ul.main-menu li.menu-link ul.dropdown-submenu.mega-menu,
  ul.main-menu li.menu-link ul.dropdown-submenu.banner-menu,
  ul.main-menu li.menu-link ul.dropdown-submenu.sub-menu{
    left: 0;
    width: 100%;
  }
  ul.main-menu li.menu-link ul.dropdown-submenu.banner-menu{
    max-height: 293px;
    overflow-y: auto;
  }
  ul.main-menu li.menu-link ul.dropdown-submenu.sub-menu li.submenu-li{
    margin-bottom: 0;
  }
  ul.main-menu li.menu-link ul.dropdown-submenu.mega-menu li.megamenu-li,
  ul.main-menu li.menu-link ul.dropdown-submenu.banner-menu li.megamenu-li,
  ul.main-menu li.menu-link ul.dropdown-submenu li.menu-banner,
  ul.main-menu li.menu-link ul.dropdown-submenu.sub-menu li.submenu-li{
    display: block;
    padding: 0 0;
  }
  ul.main-menu li.menu-link ul.dropdown-submenu li.megamenu-li a.sublink-url{
    display: none;
  }
  ul.main-menu li.menu-link ul.dropdown-submenu.sub-menu li.submenu-li a.sublink-title,
  ul.main-menu li.menu-link ul.dropdown-supmenu li.supmenu-li a.suplink-title{
    display: block;
    padding: 10px 15px;
    border-bottom: 1px solid #eeeeee;
  }
  ul.main-menu li.menu-link ul.dropdown-submenu li.menu-banner a.menu-banner-title,
  ul.main-menu li.menu-link ul.dropdown-submenu li.megamenu-li a.sublink-title{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 10px;
    font-weight: 400;
    border-bottom: 1px solid #eeeeee;
  }
  ul.main-menu li.menu-link ul.dropdown-submenu li.menu-banner a span{
    margin-top: 0;
  }
  ul.main-menu li.menu-link ul.dropdown-submenu li.menu-banner a.menu-banner-title{
    display: block;
  }
  ul.main-menu li.menu-link ul.dropdown-supmenu.collapse:not(.show){
    display: none;
  }
  ul.main-menu li.menu-link ul.dropdown-supmenu{
    max-height: 160px;
    overflow-y: auto;
  }
  ul.main-menu li.menu-link ul.dropdown-supmenu li.supmenu-li,
  ul.main-menu li.menu-link ul.dropdown-supmenu li.supmenu-li:first-child{
    margin-top: 0;
  }
  ul.main-menu li.menu-link ul.dropdown-submenu li.menu-banner a.banner-hover{
    display: none;
  }
  .main-menu-area .call-line{
    display: none;
  }
  .call-line{
    display: none;
  }
  .header-area .box-header .close-box {
    width: 20px;
    margin-top: 5px;
    font-size: 18px;
  }
  ul.main-menu li.menu-link ul.dropdown-submenu.mega-menu.sub-menu li.megamenu-li{
    margin-bottom: 0;
  }
  ul.main-menu li.menu-link ul.dropdown-submenu.mega-menu.sub-menu{
    padding: 0;
  }
  ul.main-menu li.menu-link ul.dropdown-submenu.mega-menu.sub-menu li.megamenu-li a.sublink-title{
    padding: 10px 15px;
    display: flex;
  }
  ul.main-menu li.menu-link ul.dropdown-submenu.mega-menu.sub-menu li.megamenu-li a.sublink-url{
    display: none;
  }
  ul.main-menu li.menu-link ul.dropdown-submenu.mega-menu.sub-menu li.megamenu-li a.sublink-title i{
    transform: none;
  }
  ul.main-menu li.menu-link ul.dropdown-submenu.mega-menu.sub-menu li.megamenu-li ul.dropdown-supmenu{
    position: unset;
    padding: 0;
    box-shadow: none;
    opacity: 1;
    visibility: visible;
  }
  .menu-mobile .locali-block form button {
    color: var(--color-secondary);
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0;
    border-bottom: 1px solid #eeeeee;
  }
  .menu-mobile .locali-block form button[aria-expanded="true"] .icon i {
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  .menu-mobile .locali-block ul li {
    border-top: 1px solid #eeeeee;
  }
  .menu-mobile .locali-block ul li:first-child {
    border-top: none;
  }
  .menu-mobile .locali-block ul li a {
    padding: 10px 0;
    width: 100%;
  }
}
/*=====================================
section title css
======================================*/
.section-title{
  text-align: center;
}
.section-title h2{
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 30px;
  position: relative;
  display: inline-block;
  text-align: center;
  text-decoration: none;
}
body .article-area h1, body .article-area  h2, body .article-area  h3, body .article-area  h4, body .article-area  h5, body .article-area  h6 {
    font-size: 24px;
}
@media (max-width : 1199px){
  .section-title h2{
    font-size: 24px;
  }
}
@media (max-width : 991px){
  .section-title h2{
    font-size: 20px;
  }
}
@media (max-width : 767px){
  .section-title h2{
    font-size: 18px;
    margin-bottom: 20px;
  }
}
/*=====================================
Banner Area css
======================================*/
.banner-hover {
  position: relative;
  overflow: hidden;
}
.banner-hover:hover img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  width: 100%;
  position: relative;
}
.banner-hover img {
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
}
/*=====================================
product tab slider css
======================================*/
.tab ul.nav-tabs{
  justify-content: center;
  border-bottom: none;
}
.tab ul.nav-tabs li{
  margin-right: 15px;
}
.tab ul.nav-tabs li:last-child{
  margin-right: 0px;
}
.tab ul.nav-tabs li a:hover,
.tab ul.nav-tabs li a.active{
  color: var(--color-secondary);
  border: 1px solid var(--color-secondary);
}
.tab ul.nav-tabs li a{
  padding: 8px 20px;
  position: relative;
  font-weight: 600;
  border-radius: 50px;
  text-transform: uppercase;
  border: 1px solid transparent;
}
@media (max-width : 767px){
  .tab ul.nav-tabs{
    display: grid;
  }
  .tab ul.nav-tabs li{
    margin-right: 0;
    display: table;
    text-align: center;
    margin-bottom: 10px;
  }
  .tab ul.nav-tabs li:last-child{
    margin-bottom: 0;
  }
}
/*=====================================
product grid css
======================================*/
.single-product-wrap .product-image {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.single-product-wrap .product-image .ratio:before {
  content: "";
  width: 0;
  height: 0;
  padding-bottom: var(--ratio-percent);
}
.single-product-wrap .product-image .ratio img {
  display: block;
  max-width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center center;
}
.single-product-wrap .product-image a.pro-img .img1{
  backface-visibility: hidden;
  -webkit-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
}
.single-product-wrap .product-image a.pro-img .img2{
  backface-visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
}
.single-product-wrap .product-image:hover a.pro-img .img2 {
  opacity: 1;
  -webkit-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
}
/* product label css */
.product-label .sale-title{
  font-size: 13px;
  padding: 2px 10px;
  color: #fff;
}
.product-label .sale-title {
  background-color: #e30514;
}
.single-product-wrap .product-image .product-label .sale-title{
  position: absolute;
  top: 5px;
}
.single-product-wrap .product-image .product-label .sale-title{
  right: 5px;
}
.single-product-wrap .product-image .product-action{
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: 15px;
  left: 0;
  right: 0;
  transform: translateY(15px);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
}
.single-product-wrap:hover .product-image .product-action{
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
}
.single-product-wrap .product-image .product-action a,
.single-product-wrap .product-image .product-action button{
  font-size: 16px;
  line-height: 0;
  height: 40px;
  width: 40px;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin-right: 10px;
  box-shadow: 0 0 10px rgba(0,0,0,10%);
}
.single-product-wrap .product-image .product-action a:hover,
.single-product-wrap .product-image .product-action button:hover{
  color: #fff;
  background-color: var(--color-primary);
} 
.single-product-wrap .product-image .product-action .quick-view a {
  margin-right: 0;
}
.single-product-wrap .product-content{
  display: flex;
  flex-direction: column;
  margin-top: 15px;
}
.single-product-wrap .product-content .product-title a{
  font-weight: 500;
}
.single-product-wrap .product-content .product-ratting{
  margin-top: 10px;
}
.single-product-wrap .product-content .price-box{
  margin-top: 8px;
}
.single-product-wrap .product-content .product-action {
  display: none;
}
.single-product-wrap .product-content .product-description {
  display: none;
}

.price-box .new-price{
  font-weight: 600;
  color: var(--color-secondary);
}
.price-box .old-price {
  text-decoration: line-through;
  padding-left: 5px;
}
.product-ratting .spr-badge i{
  color: #ffb503;
}
.product-ratting .spr-badge .spr-icon-star-empty:before {
  color: #ccc;
}
.wishlist.active-wishlist i:before {
  content: "\f004";
  font-family: FontAwesome;
}
@media (max-width: 1199px){
  .single-product-wrap .product-image .product-action {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
  }
  .single-product-wrap .product-image .product-action .quick-action button {
    margin: 0 5px;
  }
}

.product-ratting .spr-badge{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.product-ratting .spr-badge:before,
.product-ratting .spr-badge:after{
  display: none;
}
.product-ratting .spr-badge-starrating{
  display: flex;
  margin: 0 0px 0 0;
  line-height: 0;
}
.shopify-product-reviews-badge,
.product-ratting .spr-badge-caption{
  display: none;
}
.product-ratting .spr-badge-starrating .spr-icon{
  opacity: 1;
  margin-right: 5px;
  width: auto;
  height: auto;
  top: 0;
  font-size: 12px!important;
}
.product-ratting .spr-badge-starrating .spr-icon:last-child{
  margin-right: 0px;
}
@media (max-width : 767px){
  .product-ratting .spr-badge{
    flex-direction: column;
    align-items: baseline;
  }
  .product-ratting .spr-badge-caption{
    margin-top: 5px;
  }
}

.shop-product-wrap ul.product-view {
  display: flex;
  flex-wrap: wrap;
  margin-left: -30px;
}
.shop-product-wrap ul.product-view li.st-col-item {
  margin-top: 30px;
  margin-left: 30px;
}
@media (max-width: 767px) {
  .shop-product-wrap ul.product-view {
    margin-left: -12px;
  }
  .shop-product-wrap ul.product-view li.st-col-item {
    margin-left: 12px;
  }
}
/* grid css */
.shop-product-wrap.grid-3 ul.product-view li.st-col-item {
  width: calc(33.33% - 30px);
}
@media (max-width: 1199px) {
  .shop-product-wrap.grid-3 ul.product-view li.st-col-item {
    width: calc(50% - 30px);
  }
}
@media (max-width: 767px) {
  .shop-product-wrap.grid-3 ul.product-view li.st-col-item {
    width: calc(50% - 12px);
  }
}
@media (max-width: 320px) {
  .shop-product-wrap.grid-3 ul.product-view li.st-col-item {
    width: calc(100% - 12px);
  }
}
/* list css */
@media (max-width: 991px) {
  .shop-product-wrap.grid-1 ul.product-view li.st-col-item {
    width: calc(100% - 30px);
  }
}
@media (max-width: 767px) {
  .shop-product-wrap.grid-1 ul.product-view li.st-col-item {
    width: calc(50% - 12px);
  }
}
@media (max-width: 479px) {
  .shop-product-wrap.grid-1 ul.product-view li.st-col-item {
    width: calc(100% - 12px);
  }
}

.shop-product-wrap.grid-1 .single-product-wrap {
  display: flex;
  flex-wrap: wrap;
  background-color: #fff;
  transition: none;
}
.shop-product-wrap.grid-1 .single-product-wrap:hover {
  box-shadow: none;
}
.shop-product-wrap.grid-1 .single-product-wrap .product-image {
  width: calc(33.33% - 20px);
}
.shop-product-wrap.grid-1 .single-product-wrap .product-image a.pro-img:after {
  display: none;
}
.shop-product-wrap.grid-1 .single-product-wrap:hover .product-image a.pro-img {
  transform: translateY(0);
}
.shop-product-wrap.grid-1 .single-product-wrap .product-content {
  width: calc(66.67% + 20px);
  align-items: flex-start;
  justify-content: center;
  padding: 30px;
  text-align: left;
  margin: 0;
  transition: none;
}
.shop-product-wrap.grid-1 .single-product-wrap .product-image .product-action {
  display: none;
}
.shop-product-wrap.grid-1 .single-product-wrap .product-content h6 {
  margin-top: 15px;
}
.shop-product-wrap.grid-1 .single-product-wrap .product-content .product-ratting {
  margin-top: 15px;
}
.shop-product-wrap.grid-1 .single-product-wrap .product-content .price-box {
  margin-top: 15px;
}
.shop-product-wrap.grid-1 .single-product-wrap .product-content .product-description {
  display: block;
  margin-top: 10px;
}
.shop-product-wrap.grid-1 .single-product-wrap .product-content .product-action {
  display: flex;
  margin-top: 15px;
}
.shop-product-wrap.grid-1 .single-product-wrap .product-content .product-action button,
.shop-product-wrap.grid-1 .single-product-wrap .product-content .product-action a {
  font-size: 16px;
  line-height: 0;
  height: 40px;
  width: 40px;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin-right: 10px;
  box-shadow: 0 0 10px rgba(0,0,0,10%);
}
.shop-product-wrap.grid-1 .single-product-wrap .product-content .product-action button:hover,
.shop-product-wrap.grid-1 .single-product-wrap .product-content .product-action a:hover {
  color: #fff;
  background-color: var(--color-primary);
}
.shop-product-wrap.grid-1 .single-product-wrap .product-content .product-action .quick-view a {
  margin-right: 0;
}
@media (max-width: 1199px) {
  .shop-product-wrap.grid-1 ul.product-view li.st-col-item .single-product-wrap .product-image {
    width: calc(50% - 15px);
  }
  .shop-product-wrap.grid-1 .single-product-wrap .product-image .product-action {
    display: none;
  }
  .shop-product-wrap.grid-1 ul.product-view li.st-col-item .single-product-wrap .product-content {
    width: calc(50% + 15px);
  }
  .shop-product-wrap.grid-1 .single-product-wrap .product-content .product-action {
    display: flex;
  }
}
@media (max-width: 767px) {
  .shop-product-wrap.grid-1 ul.product-view li.st-col-item .single-product-wrap .product-image,
  .shop-product-wrap.grid-1 ul.product-view li.st-col-item .single-product-wrap .product-content {
    width: 100%;
  }
  .shop-product-wrap.grid-1 ul.product-view li.st-col-item .single-product-wrap .product-content {
    padding: 15px;
  }
}

/*=====================================
  Blog css
======================================*/
.blog-wrap .blog-slider .owl-stage {
  counter-reset: my-sec-counter;
}
.blog-wrap .blog-slider .owl-stage .owl-item::before {
  counter-increment: my-sec-counter;
  content: counter(my-sec-counter);
  position: absolute;
  z-index: 1;
  top: 0;
  left: 15px;
  width: 60px;
  height: 60px;
  color: #fff;
  font-size: 30px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0 5% 25% 25%;
  background-color: var(--color-primary);
}
.blog-wrap .blog-slider .owl-stage .owl-item::after{
  width: 20px;
  height: 15px;
  border-radius: 20px 5px 0 0;
  position: absolute;
  top: 0;
  left: 0px;
  background-color: var(--color-primary);
}
.blog-wrap .blog-slider .owl-stage .owl-item .item{
  display: flex;
}
.blog-post{
  margin-top: 15px;
  border: 1px solid #eee;
}
.blog-post .blog-post-content{
  padding: 15px;
}
.blog-post .blog-post-content h2.blog-title{
  font-size: 16px;
  font-weight: 600;
  margin-top: 15px;
}
.blog-post .blog-post-content p.blog-desc{
  margin-top: 15px;
}
.blog-post .blog-post-content a.read-btn{
  margin-top: 17px;
  font-weight: 600;
}
.blog-post .blog-post-content a.read-btn i{
  padding-left: 5px;
  -webkit-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
}
.blog-post .blog-post-content a.read-btn:hover i{
  padding-left: 10px;
  -webkit-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
}
.blog-post .blog-post-content .blog-publish{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.blog-post .blog-post-content .blog-publish .date-time,
.blog-post .blog-post-content .blog-publish a{
  display: flex;
  align-items: center;
}
.blog-post .blog-post-content .blog-publish .date-time i,
.blog-post .blog-post-content .blog-publish a i{
  padding-right: 10px;
}
.blog-wrap .blog-view-wrap{
  text-align: center;
  margin-top: 30px;
}
@media (max-width : 767px){
  .blog-post .blog-post-content p.blog-desc{
    margin-top: 5px;
  }
  .blog-post .blog-post-content a.read-btn{
    margin-top: 7px;
  }
  .blog-wrap .blog-view-wrap{
    margin-top: 20px;
  }
}

/*=====================================
shopify challenge css
======================================*/
.shopify-challenge__container{
  padding: 60px 0;
}
.shopify-challenge__container .shopify-challenge__message{
  margin-bottom: 0px;
}
.shopify-challenge__container .shopify-challenge__errors{
  margin: 25px 0 0;
}
.shopify-challenge__container .shopify-challenge__errors ul{
  margin-left: 0;
}
.shopify-challenge__container .g-recaptcha{
  margin: 30px 0!important;
}
.shopify-challenge__container .shopify-challenge__button{
  border: 2px solid var(--color-primary);
  padding: 8px 15px;
  min-width: 120px;
}
.shopify-challenge__container .shopify-challenge__button:hover,
.shopify-challenge__container .shopify-challenge__button:focus{
  color: var(--color-primary);
  background-color: transparent;
}
@media (max-width : 767px){
  .shopify-challenge__container{
    max-width: 100%;
    padding: 40px 15px;
  }
  .shopify-challenge__container .shopify-challenge__errors{
    margin: 10px 0 5px;
  }
  .shopify-challenge__container .g-recaptcha {
    margin: 15px 0!important;
  }
}

/*=====================================
content main title css
======================================*/
.content-main-title{
  text-align: center;
  max-width: 60%;
  margin: 0 auto 30px;
}
.content-main-title h2{
  font-size: 30px;
  font-weight: 600;
}
.content-main-title p{
  margin-top: 15px;
}
@media (max-width : 1199px){
  .content-main-title{
    max-width: 70%;
  }
  .content-main-title h2{
    font-size: 24px;
  }
}
@media (max-width : 991px){
  .content-main-title{
    max-width: 90%;
  }
  .content-main-title h2{
    font-size: 20px;
  }
}
@media (max-width : 767px){
  .content-main-title{
    max-width: 100%;
    margin: 0 auto 20px;
  }
  .content-main-title h2{
    font-size: 18px;
  }
  .content-main-title p{
    margin-top: 10px;
  }
}

/********************* Quantity box *********************/
.qty-box{
  display: flex;
  align-items: center;
  height: 40px;
  border: 1px solid rgba(0, 0, 0, 10%);
  width: 112px;
}
.qty-box .qty-bt {
  width: 30px;
  height: 100%;
  font-size: 24px;
}
.qty-box input{
  border: none;
  text-align: center;
  width: 50px;
  padding: 0;
  background-color: transparent;
}
.qty-box input:focus {
  border: 0;
}
.qty-box:hover{
  border-color: var(--color-primary);
}


/********************* Quick add modal *********************/
.modal-content {
  border: 0;
}
.quickview-modal {
  opacity: 0;
  position: fixed;
  visibility: hidden;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0,0,0,30%);
}
.quickview-modal[open] {
  opacity: 1;
  visibility: visible;
  z-index: 9999;
}
.quickview-block {
  position: absolute;
  margin: 0 auto;
  width: 950px;
  background-color: #fff;
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 730px;
  height: 100%;
  outline: 0;
  transform: translateY(50px);
  -webkit-transition: all .3s ease-in-out 0s;
  -o-transition: all .3s ease-in-out 0s;
  transition: all .3s ease-in-out 0s;
}
.quickview-modal[open] .quickview-block {
  transform: translateY(0px);
}
.quickview-block .modal-close{
  color: #fff;
  font-size: 12px;
  line-height: 1;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  width: 25px;
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-secondary);
}
.quickview-block .modal-close i{
  font-weight: 600;
}
.quickview-block .product-details .container{
  max-width: 100%;
  padding: 0;
}
.quickview-block .product-details .grid-wrap {
  margin: 0;
}
.quickview-block .product-details .grid-wrap.service-wrap .grid-wrapper.pro-wrapper {
  width: 100%;
  margin: 0;
}
.quickview-block .product-details .grid-wrap.service-wrap .grid-wrapper.ser-wrapper {
  display: none;
}
.quickview-block .product-details .detail-wrap {
  margin: 0;
}
.quickview-block .product-details .detail-wrap .product_details {
  width: 41.67%;
  margin: 0;
}
.quickview-block .product-details .detail-wrap .product_details.detail-info {
  width: 58.33%;
  padding: 30px;
  height: 100%;
}
.quickview-block .product-details .product_detail_img {
  padding: 30px 0 30px 30px;
}
.quickview-block::-webkit-scrollbar {
  width: 4px;
}
.quickview-block::-webkit-scrollbar-track {
  background-color: #eeeeee;
}
.quickview-block::-webkit-scrollbar-thumb {
  background-color: #c1c1c1;
}
.quickview-block::-webkit-scrollbar-thumb:hover {
  background-color: var(--color-primary);
}
.quickview-block .product-details .product_details .product-checkout-image {
  display: none;
}
.quickview-block .product-details .detail-wrap .product_details .slider-big .swiper-slide a {
  pointer-events: none;
}
@media(max-width: 991px){
  .quickview-block {
    width: calc(100% - 60px);
  }
  .quickview-block .product-details .product_detail_img {
    padding: 30px;
  }
  .quickview-block .product-details .detail-wrap .product_details{
    width: 100%;
  }
  .quickview-block .product-details .detail-wrap .product_details.detail-info {
    width: 100%;
    padding: 0 30px 30px 30px;
  }
}
@media(max-width: 767px){
  .quickview-block {
    height: calc(100% - 30px);
    width: calc(100% - 30px);
  }
  .quickview-block .product-details .product_detail_img {
    padding: 15px;
  }
  .quickview-block .product-details .detail-wrap .product_details.detail-info {
    padding: 15px;
  }
}
/********************* Ajax loader *********************/
.ajax-loader .spinner-border {
  border: 2px solid currentColor;
  width: 15px;
  height: 15px;
  border-right-color: transparent;
}
.loading .cart-title {
  display: none;
}
.loading .ajax-loader {
  display: flex;
  align-items: center;
}

.ratio iframe,
.ratio svg,
.ratio img {
  display: block;
  max-width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center center;
}
.ratio:before {
  content: "";
  width: 0;
  height: 0;
  padding-bottom: var(--ratio-percent);
}
[data-slides-per-view="2"]:not(.swiper-initialized) .swiper-slide:not([style]) {
  max-width: 50%;
}
[data-slides-per-view="3"]:not(.swiper-initialized) .swiper-slide:not([style]) {
  max-width: 33.33%;
}
[data-slides-per-view="4"]:not(.swiper-initialized) .swiper-slide:not([style]) {
  max-width: 25%;
}
[data-slides-per-view="5"]:not(.swiper-initialized) .swiper-slide:not([style]) {
  max-width: 20%;
}
[data-slides-per-view="6"]:not(.swiper-initialized) .swiper-slide:not([style]) {
  max-width: 16.66%;
}
.swiper:not(.swiper-initialized) .swiper-wrapper {
  margin-left: calc(15px * -1);
  margin-right: calc(15px * -1);
  width: auto;
}
.swiper:not(.swiper-initialized) .swiper-slide:not([style]) {
  padding-left: 15px;
  padding-right: 15px;
}
.product_detail_img .product_img_top  {
  position: relative;
}
.product_detail_img .product_img_top .product-label .sale-title {
    position: absolute;
    top: 5px;
  z-index: 1;
}
h1.headingh1tag {
    font-size: 32px;
    margin-bottom: 22px;
    text-align:center;
}
.slider-content .home-slider .slide-image .slider-text-info span.slidersubheading {
    font-size: 36px;
    font-weight: 300;
    margin-bottom: 12px;
}
.slider-category .section-title h2 {
    display: none;
}
.slider-category .section-title h1 {
        font-size: 30px;
    font-weight: 600;
    margin-bottom: 30px;
    position: relative;
    display: inline-block;
    text-align: center;
    text-decoration: none;
}
.categoryheadingtagh1{
  font-size: 16px;
    position: relative;
    line-height: 1;
}
@media only screen and (min-width:1280px) and (max-width: 1400px) {
  .slider-content .home-slider .slide-image .slider-text-info span {
    font-size: 35px !important;
}
}
@media(max-width: 767px) {
  [data-slides-per-view="2"]:not(.swiper-initialized) .swiper-slide:not([style]),
  [data-slides-per-view="3"]:not(.swiper-initialized) .swiper-slide:not([style]),
  [data-slides-per-view="4"]:not(.swiper-initialized) .swiper-slide:not([style]),
  [data-slides-per-view="5"]:not(.swiper-initialized) .swiper-slide:not([style]),
  [data-slides-per-view="6"]:not(.swiper-initialized) .swiper-slide:not([style]) {
    max-width: 50%;
  }
  .swiper:not(.swiper-initialized) .swiper-wrapper {
    margin-left: calc(6px * -1);
    margin-right: calc(6px * -1);
    width: auto;
  }
  .swiper:not(.swiper-initialized) .swiper-slide:not([style]) {
    padding-left: 6px;
    padding-right: 6px;
  }
}

@media only screen and (min-width:320px) and (max-width: 480px) {
  .blog-sidebar-wrap .blog-post-sidebar ul.cat-block {
    margin-top: 10px !important;
}
.product-content .product-title a {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
  .deal-banner .deal-bg {
        height: 334px !important;
        background-attachment: local !important;
        background-position: 154% 109% !important;
        background-size: 126% !important;
    }
  .deal-banner .deal-products-content {
    position: relative;
    top: -55px;
}
.slider-content .home-slider .slide-image .slider-text-info h1 {
    font-size: 18px !important;
    font-weight: 300 !important;
}
  .slider-content .home-slider .slide-image .slider-text-info span.headingh1tag {
    font-size: 18px !important;
    font-weight: 300 !important;
}
  .slider-content .home-slider .slide-image .slider-text-info span{
     font-size: 18px !important;
        line-height: 24px;
  }
  a.theme-header-logo img{
    width:50%;
  }
  .header-area .header-main {
    padding: 10px 0;
}
  .top-bar .offer-text-wrap {
    padding: 8px 0 !important;
}
  .banner-grid .banner-content h2 {
    font-size: 13px !important;
}
.single-product-wrap .product-content .price-box {
    font-size: 13px;
}
  .deal-banner .deal-bg {
        height: auto;
        padding: 20px 0px;
        border-top: 1px solid #3333;
        border-bottom: 1px solid #3333;
    }
.socialbar {
    top: 92px;
}
.breadcrumb-area.overlay-bg {
  padding-top: 35px;
}
 .slider-content .home-slider .slide-image .slider-text-info a, .banner-grid .banner-content a.btn{
   padding: 4px 12px;
        font-size: 12px;
        font-weight: 400;
 } 
  .shop-product-wrap ul.product-view li.st-col-item .tagsadd, span.tagsadd {
   font-size:9px  !important;
  }
  ul.main-menu li.menu-link ul.dropdown-submenu.mega-menu li.megamenu-li:nth-child(odd) {
    padding: 0px 0px !important;
}
}


/* Vegist: hide collection featured image above products */
.collection-template .collection-hero,
.collection-template .collection-image,
.collection-template .collection-header {
    display: none !important;
}

/* Hide discount percentage badge */
.product-label,
.product-badge,
.sale-badge,
.percent,
.discount-percentage,
.badge-sale {
  display: none !important;
}

/* ===================================================== */
/* VEGIST FINAL DESKTOP HEADER FIX – STABLE VERSION */
/* ===================================================== */

@media (min-width: 1200px) {

  /* Full width container */
  .header-main-area .container {
    max-width: 100% !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
  }

  /* Header main row */
  .header-main {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: nowrap !important;
  }

  /* Logo */
  .header-main .logo {
    flex: 0 0 auto !important;
    margin-right: 25px !important;
  }

  /* Menu wrapper */
  .header-main .main-menu-area {
    flex: 1 1 auto !important;
    display: flex !important;
    justify-content: center !important;
  }

  /* FORCE MENU HORIZONTAL (Vegist + Bootstrap) */
  .header-main .main-menu-area .navbar-nav {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    white-space: nowrap !important;
  }

  .header-main .main-menu-area .navbar-nav > li {
    display: inline-flex !important;
    width: auto !important;
    margin: 0 14px !important;
    align-items: center !important;
  }

  /* Search sizing */
  .header-main .search {
    flex: 0 0 320px !important;
    max-width: 320px !important;
    margin-left: 25px !important;
    margin-right: 25px !important;
  }

  .header-main .search input {
    height: 42px !important;
    font-size: 14px !important;
  }

  /* Right icons */
  .header-main .right-block-box {
    flex: 0 0 auto !important;
  }

  .right-block-box .shop-element {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
  }

  .right-block-box .shop-element li i {
    font-size: 20px !important;
  }
}

/* ===================================== */
/* SMOOTH STICKY HEADER – NO JUMP FIX */
/* ===================================== */

.header-area {
  width: 100%;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.header-area.is-sticky {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 99;
  transform: translateY(0);
  box-shadow: 0 6px 18px rgba(0,0,0,0.12);
}

/* Header placeholder (prevents jump) */
.header-placeholder {
  width: 100%;
  display: none;
}

.header-placeholder.active {
  display: block;
}

/* ===================================== */
/* FORCE SOCIAL ICONS INTO HEADER (MOBILE) */
/* ===================================== */

@media (max-width: 767px) {

  /* Social icons – left middle, vertical */
  ul.headersocial {
    position: fixed !important;
    top: 62% !important;
    right: 1px !important;   /* distance from left edge */
    left: auto !important;
    transform: translateY(-50%);
    z-index: 9999;
    background: transparent;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Make icons vertical */
  ul.headersocial ul.social-icon {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px;
  }

  ul.headersocial ul.social-icon li {
    margin: 0 !important;
  }
}

  /* Prevent banner overlap */
  .slider-area,
  .hero-slider {
    overflow: visible !important;
  }
}

.offer-text {
  margin: 12px 0 16px;
  padding: 10px;
  text-align: left;
  background: #eaf8f0;
  border: 1px dashed #2fa66a;
  color: #1e7f4f;
  font-size: 15px;
  font-weight: 600;
  border-radius: 6px;
}

/* FIX PRODUCT DESCRIPTION BULLETS */
.product-description ul {
  list-style-type: disc !important;
  padding-left: 20px !important;
  margin: 12px 0;
}

.product-description ol {
  list-style-type: decimal !important;
  padding-left: 20px !important;
  margin: 12px 0;
}

.product-description li {
  display: list-item !important;
  margin-bottom: 8px;
}

/* FIX TEXT COLOR FROM ADMIN */
.product-description p,
.product-description li,
.product-description span,
.product-description strong {
  color: inherit !important;
}
.product-description *,
.description-review-text * {
  all: revert;
}
.product-description *,
.description-review-text * {
  all: revert;
}
.product-description span[style],
.product-description p[style] {
  color: inherit !important;
}


/* ===== BOXED MAIN MENU ITEMS ===== */

/* Top-level menu only */
.main-menu.navbar-nav > li {
  border: 1px solid #875f42;
  border-radius: 8px;
  padding: 1px 1px;
  background-color: #ffffff;
  transition: all 0.3s ease;
}

/* Menu text */
.main-menu.navbar-nav > li > a.link-title {
  color: #333;
  font-weight: 500;
  text-decoration: none;
}

/* Hover effect */
.main-menu.navbar-nav > li:hover {
  background-color: #f8f8f8;
  border-color: #875f42; /* premium gold tone */
}

/* Active menu */
.main-menu.navbar-nav > li.active,
.main-menu.navbar-nav > li:hover > a {
  color: #000;
}

/* Spacing between boxes */
.main-menu.navbar-nav {
  gap: 8px;
}

.account-dropdown {
  position: relative;
}

.account-menu {
  position: absolute;
  top: 120%;
  right: 0;
  width: 240px;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.15);
  padding: 8px 0;
  display: none;
  z-index: 999;
}

.account-dropdown:hover .account-menu {
  display: block;
}

.account-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 16px;
  color: #333;
  text-decoration: none;
}

.account-item:hover {
  background: #f4f8fb;
}

.account-login-btn {
  display: block;
  margin: 10px 16px 6px;
  padding: 10px;
  background: #00a3d3;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  font-weight: 600;
}

/* ===== FIX PROFILE ICON CLICK ISSUE ===== */

.account-dropdown,
.account-trigger {
  position: relative;
  z-index: 9999;
  pointer-events: auto !important;
}

/* In case parent blocks clicks */
.user-wrap,
.ele-wrap,
.shop-element li {
  pointer-events: auto !important;
}

/* =========================================================
   FORCE CATEGORY TITLE BELOW CIRCLE (OVERRIDE THEME)
   ========================================================= */

/* Force each category item into vertical layout */
.cat-item,
.category-item,
.collection-item,
.shop-by-category-item {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
}

/* Stop anchor from acting as overlay/grid */
.cat-item a,
.category-item a,
.collection-item a,
.shop-by-category-item a {
  position: relative !important;
  display: block !important;
}

/* KILL overlay positioning completely */
.cat-title {
  position: static !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  transform: none !important;

  display: block !important;
  width: auto !important;

  margin-top: 14px !important;
  padding: 0 !important;

  color: #000000 !important;
  background: transparent !important;

  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;

  text-align: center !important;
  white-space: normal !important;

  opacity: 1 !important;
  visibility: visible !important;
}

/* Remove pseudo overlay layers */
.cat-item a::before,
.cat-item a::after,
.category-item a::before,
.category-item a::after,
.collection-item a::before,
.collection-item a::after {
  content: none !important;
  display: none !important;
}

/* Ensure images stay circular */
.cat-item img,
.category-item img,
.collection-item img,
.shop-by-category-item img {
  border-radius: 50% !important;
  display: block !important;
}

/* Prevent text from floating over image */
.cat-item a *,
.category-item a *,
.collection-item a * {
  float: none !important;
}

/* Mobile safety */
@media (max-width: 767px) {
  .cat-title {
    font-size: 14px !important;
    margin-top: 12px !important;
  }
}
.cat-title {
  display: block;
  margin-top: 12px;
  text-align: center;
  color: #000;
  font-size: 15px;
  font-weight: 600;
}

/* ===== HEADER ACCOUNT DROPDOWN ===== */

.account-dropdown {
  position: relative;
}

.account-trigger {
  display: flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
}

.account-menu {
  position: absolute;
  top: 120%;
  right: 0;
  width: 240px;
  background: #ffffff;
  border-radius: 10px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.15);
  padding: 8px 0;
  display: none;
  z-index: 9999;
}

.account-dropdown:hover .account-menu {
  display: block;
}

/* ===== BOX STYLE FOR ACCOUNT LINKS (EXCEPT LOGIN) ===== */

.account-item {
  display: flex;
  align-items: center;
  gap: 12px;

  padding: 12px 14px;
  margin-bottom: 8px;

  background: #f8fafc;
  border: 1px solid #875f42;
  border-radius: 8px;

  font-size: 14px;
  font-weight: 500;
  color: #333;
  text-decoration: none;

  transition: all 0.2s ease;
}

.account-item:hover {
  background: #eef6fb;
  border-color: #875f42;
  color: #fff
}

.account-item i {
  color: #00a3d3;
  font-size: 16px;
}


.account-item:hover {
  background: #875f42;
}

.account-item i {
  color: #875f42;
}

.account-btn {
  display: block;
  margin: 10px 16px 6px;
  padding: 10px;
  text-align: center;
  background: #875f42;
  color: #fff;
  border-radius: 6px;
  font-weight: 600;
  text-decoration: none;
}

.account-btn:hover {
  background: #875f42;
  color: #000;
}

/* ===== ALIGN ACCOUNT BOXES TO RIGHT ===== */

/* Make dropdown content align right */
.account-menu {
  text-align: center;
}

/* Make each box stretch and align right */
.account-item {
  width: 100%;
  justify-content: flex-start; /* icon + text stay left inside box */
  text-align: center;

  margin-left: auto;   /* pushes box to right */
  margin-right: 0;
}

/* Icons stay aligned nicely */
.account-item i {
  min-width: 20px;
}

/* Hide WhatsApp button on product page */
.product-form a[href*="wa.me"],
.product-form a[href*="whatsapp"],
a[href*="wa.me"] {
  display: none !important;
}

/* ===== TOP NOTIFICATION BAR ===== */
#shopify-section-top-nocification-bar {
  position: fixed !important;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10002;
}

/* ===== MAIN HEADER ===== */
header.header-sticky {
  position: fixed !important;
  top: 0; /* will be offset by body padding */
  left: 0;
  right: 0;
  z-index: 10001;
  background: #ffffff;
}

/* Kill any theme transforms */
header.header-sticky,
#shopify-section-top-nocification-bar {
  transform: none !important;
}

/* ===== STACKED FIXED HEADER SYSTEM ===== */

:root {
  --notice-height: 40px;
}

/* Notification bar */
#shopify-section-top-nocification-bar {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10002;
}

/* Main header pushed BELOW notice bar */
header.header-sticky {
  position: fixed;
  top: var(--notice-height);
  left: 0;
  right: 0;
  z-index: 9999;
  background: #ffffff;
}

/* Page content starts after both */
body {
  padding-top: calc(var(--notice-height) + 110px); /* 110px = header height */
}

<style>
  /* Force the mobile menu to the absolute top of the stack */
  .menu-mobile {
    position: fixed !important;
    top: 0 !important;
    left: -100% !important; 
    width: 80% !important;
    height: 100vh !important;
    background: #ffffff !important; 
    z-index: 9999999 !important; /* Extremely high to beat any banner */
    transition: left 0.3s ease-in-out !important;
    display: block !important;
    pointer-events: auto !important; /* FORCES CLICKABILITY */
    visibility: visible !important;
    box-shadow: 5px 0 15px rgba(0,0,0,0.3) !important;
  }

  .menu-mobile.active {
    left: 0 !important; 
  }

  /* Ensure the links inside are also clickable and visible */
  .menu-mobile .main-navigation, 
  .menu-mobile .main-navigation ul, 
  .menu-mobile .main-navigation li, 
  .menu-mobile .main-navigation a {
    pointer-events: auto !important;
    visibility: visible !important;
    color: #000 !important; /* Black text */
    position: relative;
    z-index: 10000000 !important;
  }

  /* Prevent the rest of the page from being clickable when menu is open */
  body.menu-open {
    overflow: hidden !important;
    touch-action: none;
  }
</style>

/* Fix mobile menu click issue */
.mm-fullscreen-bg {
  pointer-events: none;
}
/* Ensure hamburger menu is clickable */
.header__icon,
.menu-toggle,
.hamburger,
.site-header__menu {
  position: relative;
  z-index: 9999;
}
@media (min-width: 992px) {
  .header-main-area .container {
    max-width: 100% !important;
  }
}
body {
  overflow-x: hidden;
}
.mm-fullscreen-bg {
  pointer-events: auto;
  z-index: 9998;
}

button.navbar-toggler,
.menu-toggle {
  position: relative;
  z-index: 9999;
}

/* ===== Reduce slider height (Desktop) ===== */
.slider-content .home-slider .slide-image > a:before {
  padding-bottom: 35% !important; /* try 28–35% */
}

/* ===== Reduce slider height (Mobile) ===== */
@media (max-width: 767px) {
  .slider-content .home-slider .slide-image > a:before {
    padding-bottom: 110% !important; /* mobile friendly */
  }
}
/* Remove gap between header and slider */
header,
.site-header {
  margin-bottom: 0 !important;
}

/* If theme pushes content down */
#MainContent,
.main-content {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* Slider container fix */
.slider-content {
  margin-top: 0 !important;
}

/* =====================================
   FORCE REMOVE MOBILE HEADER GAP
===================================== */
@media (max-width: 767px) {

  /* Kill body offset added for fixed header */
  body {
    padding-top: 0px !important;
    margin-top: 0 !important;
  }

  /* Kill Shopify main wrapper offset */
  #MainContent,
  .main-content,
  .shopify-section:first-child {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  /* Header height reset */
  header,
  .site-header,
  .header-area,
  .header-main {
    height: 140px !important;
    min-height: 0 !important;
    margin-bottom: 0 !important;
  }

  /* Announcement bar spacing fix */
  .announcement-bar,
  .top-bar {
    margin-bottom: 0 !important;
  }

  /* Slider must touch header */
  .slider-content,
  .home-slider {
    margin-top: 0 !important;
  }
}

/* =====================================
   VEGIST MOBILE HEADER FIX
===================================== */
@media (max-width: 767px) {

  /* Header base */
  .header-area,
  .header-main {
    position: fixed !important;
    top: 40px !important; /* announcement bar height */
    left: 0;
    right: 0;
    z-index: 9999;
    transform: none !important;
  }

  /* Announcement bar */
  .top-bar {
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
    height: 40px;
    z-index: 10000;
  }

  /* Stop Vegist scroll animation */
  .header-area.is-sticky,
  .header-main.is-sticky {
    transform: none !important;
    top: 40px !important;
  }

  /* Space below fixed header */
  #MainContent {
    padding-top: 100px !important;
  }
}
@media (max-width: 767px) {
  .shopify-section:first-child {
    margin-top: 0 !important;
  }

  .slider-content {
    margin-top: 0 !important;
  }
}
/* ==================================================
   VEGIST – FORCE MOBILE HEADER HEIGHT FIX (FINAL)
================================================== */
@media (max-width: 767px) {

  /* MAIN HEADER WRAPPER */
  .header-area,
  .header-main,
  .header-main-area {
    height: 52px !important;
    min-height: 52px !important;
    padding: 0 !important;
    background: #fff !important;
  }

  /* LOGO */
  .header-logo,
  .header-logo a {
    height: 52px !important;
    display: flex !important;
    align-items: center !important;
  }

  .header-logo img {
    max-height: 32px !important;
    height: auto !important;
  }

  /* RIGHT ICONS (menu, account, search, cart) */
  .header-right,
  .header-right ul,
  .header-right ul li,
  .header-right ul li a {
    height: 52px !important;
    line-height: 52px !important;
    padding: 0 !important;
  }

  /* REMOVE EXTRA FLEX SPACE */
  .header-main-area {
    justify-content: space-between !important;
  }

  /* STICKY HEADER BACKGROUND (NO TRANSPARENCY) */
  .header-area.is-sticky,
  .header-main.is-sticky {
    background: #ffffff !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    transform: none !important;
  }
}
/* =====================================
   Add top space for slider (mobile)
===================================== */
@media (max-width: 767px) {

  .slider-content {
    margin-top: 75px !important; /* adjust if needed */
  }

}

/* Fix sticky header jump issue */
.header-wrapper {
  position: sticky !important;
  top: 0;
  z-index: 999;
  transition: none !important;
  transform: none !important;
}

/* Push slider below fixed header */
.template-index .shopify-section:first-child {
  margin-top: 160px;   /* Change to your exact header height */
}

/* Fix header overlap */
body:not(.template-index) main,
body:not(.template-index) .main-content,
body:not(.template-index) #MainContent {
  padding-top: 120px; /* adjust if needed */
}

.header-area,
.site-header {
    position: relative !important;
    background: #ffffff !important;
    z-index: 9999 !important;
}

.breadcrumb-banner {
    margin-top: 0px !important;
}

body {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

.header-area {
  margin-top: 0 !important;
}

@media (max-width: 768px) {

  .article-template__wrapper {
    display: flex !important;
    flex-direction: column !important;
  }

  .article-template__content {
    order: 1 !important;
  }

  .article-template__aside {
    order: 2 !important;
  }

}
.breadcrumb-wrapper{
    text-align:center;
    margin-bottom:20px;
}

.breadcrumb-list{
    list-style:none;
    padding:0;
    margin:0;
}

.breadcrumb-list .br-item{
    display:inline-block;
    font-size:22px;
    font-weight:700;
}

.breadcrumb-list .br-item:not(:last-child)::after{
    content:" / ";
    color:#999;
    margin:0 10px;
}

.breadcrumb-list a{
    text-decoration:none;
    color:#111;
}

.breadcrumb-list span{
    color:#666;
}