@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Play:wght@400;700&display=swap');
@font-face {
  font-family: 'Helvetica Neue Medium Extended';
  src: url('../fonts/helvetica-Neue-Medium-Extended.woff2') format('woff2'),
      url('../fonts/helvetica-Neue-Medium-Extended.woff') format('woff');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}



:root{
  --black:#000;
  --white:#fff;
  --gray-bg:#FFF9F1;
  --orange:#E65100;
  --heading-color:#7D533A;
  --text-color:#5F290C;
  --primary-font: 'Inter', sans-serif;
  --heading-font: 'Helvetica Neue Medium Extended', sans-serif;
  --text-font: "Play", sans-serif;
  --mandala-w: 780px;

}

*,
*::before,
*::after {box-sizing: border-box; }
.d-flex {display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex; }
.flex-row {flex-direction: row; }
.flex-column {flex-direction: column; }
.flex-row-reverse {flex-direction: row-reverse; }
.flex-column-reverse {flex-direction: column-reverse; }
.flex-wrap {flex-wrap: wrap; }
.flex-nowrap {flex-wrap: nowrap; }
.flex-wrap-reverse {flex-wrap: wrap-reverse; }
.justify-content-start {justify-content: flex-start; }
.justify-content-end {justify-content: flex-end; }
.justify-content-center {justify-content: center; }
.justify-content-between {justify-content: space-between; }
.justify-content-around {justify-content: space-around; }
.justify-content-evenly {justify-content: space-evenly; }
.align-items-start {align-items: flex-start; }
.align-items-end {align-items: flex-end; }
.align-items-center {align-items: center; }
.align-items-baseline {align-items: baseline; }
.align-items-stretch {align-items: stretch; }
.align-content-start {align-content: flex-start; }
.align-content-end {align-content: flex-end; }
.align-content-center {align-content: center; }
.align-content-between {align-content: space-between; }
.align-content-around {align-content: space-around; }
.align-content-stretch {align-content: stretch; }
.align-self-auto {align-self: auto; }
.align-self-start {align-self: flex-start; }
.align-self-end {align-self: flex-end; }
.align-self-center {align-self: center; }
.align-self-baseline {align-self: baseline; }
.align-self-stretch {align-self: stretch; }
.text-center {text-align: center; }
.sub-menu-toggle{display: none !important;}
body {margin: 0;padding: 0;font-style: normal;font-family: var(--text-font) !important;font-size: 18px;font-weight:400;line-height: normal;color: var(--text-color) !important;overflow-x: hidden!important;-webkit-font-smoothing: antialiased;}
figure{margin: 0;}
section{position: relative;}
input,select,textarea{font-family: var(--primary-font);}
a,a:hover {text-decoration: none;cursor: pointer;color: var(--black); }
button {min-width: inherit;cursor: pointer; }
img{display: block;}
button:focus {outline: none; }
h1, h2, h3, h4, h5, h6{margin: 0; padding: 0;font-weight: normal; font-family: var(--heading-font);color: var(--black);}
ul, li, ol {margin: 0;padding: 0;list-style: none;color: var(--black); }
.custom-container {max-width: 1300px;padding: 0 10px;margin: 0 auto; } 
.wrapper {width: 100%;position: relative; }
.img-fluid {max-width: 100%;height: auto; }
p {margin: 0; padding: 0;color: var(--text-color);font-size: 18px;font-style: normal;font-weight: 400;line-height: noraml;font-family: var(--text-font);}
p + p{margin-top: 20px;}
b {font-weight: 700; }
input, select, button, textarea{outline: none;box-shadow: none;}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {color: var(--black);}
input::-moz-placeholder,
textarea::-moz-placeholder {color:  var(--black);}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {color:  var(--black);}
input:-moz-placeholder,
textarea:-moz-placeholder {color:  var(--black);}

.gary-bg{background-color: var(--gray-bg);}
html {
  scroll-behavior: smooth;
}
.btn-custom{background: #2E7D32;color: var(--white);font-size: 16px;padding: 16px 26px;border:1px solid #2E7D32;box-shadow: none;outline: none;transition: 0.3s;font-family: var(--text-font);border-radius: 8px;font-weight: 700;line-height: normal;display: flex;white-space: nowrap;max-width: max-content;}
.btn-custom:hover{background-color:var(--orange);color: var(--white);}

.btn-custom.orange{background: #E65100;border:1px solid #E65100;}


.slick-arrow {position: absolute;top: 50%;transform: translateY(-50%);z-index: 1;cursor: pointer;background-color: var(--orange);border-radius: 100%;width: 36px;aspect-ratio: 100/100;display: flex;align-items: center;justify-content: center;}
.slick-arrow:hover span{background-color: var(--black);}
.slick-next{right: 0;}
.slick-prev{left: 0;}

.sec-heading h5{font-family: var(--text-font);font-style: normal;font-weight: 400;font-size: 18px;line-height: 1.166;color: #240F03;text-transform: uppercase;}
.sec-heading h2{font-size: 50px;line-height: 1.1;margin: 10px 0;color:#5F290C ;}

.close-menu{cursor: pointer;text-align: right;width: 24px;margin-left: auto;}
    


/********* header *************/
header{width: 100%;position: relative;background-color:#FFF8F5;border-bottom: 1px solid rgba(36, 15, 3, 0.4);}
.main-header{padding: 20px 0;}
.annoucebar{background-color: var(--orange);padding: 6px;text-align: center;color: var(--white);}
/* .main-header .logo a img{height: 56px;width: auto;} */
.main-header .logo a img {
    height: 80px;
    width: auto;
}
.header-menu ul{display: flex;align-items: center;margin: 0;}
.header-menu ul li{font-size: 16px;font-family: var(--primary-font);padding: 10px;}
.header-menu ul li a{color:#240F03;opacity: 0.40;}
.header-menu ul li:hover a{opacity: 1;}
.header-right button{margin: 0 0 0 20px;padding: 0;border: 0;background-color: transparent;}
footer{background-color: #E65100;overflow: hidden;}
.footer-top{padding: 80px 0;}
.footer-top-left{max-width: 590px;}
.footer-top-left .logo a img{height: 80px;width: auto;}
.footer-top-left h2{color: var(--white);font-size: 50px;line-height: 1.1;margin-top: 60px;}
.footer-top-right{max-width: 590px;}
.footer-top-right h3{color: var(--white);font-size: 24px;line-height: normal;}
.message-form{margin-top: 40px;}
.message-form input{padding: 16px;border: 1px solid #FFFFFF;border-radius: 8px;font-size: 16px;background-color: transparent;color: var(--white);font-weight: bold;width: 100%;}
.message-form button{margin-left: 20px;}
.message-form input::-webkit-input-placeholder{color: rgba(255, 255, 255,0.20);}
.message-form input::-moz-placeholder {color:  rgba(255, 255, 255,0.20);}
.message-form input:-ms-input-placeholder{color:  rgba(255, 255, 255,0.20);}
.message-form input:-moz-placeholder {color:  rgba(255, 255, 255,0.20);}
.footer-bottom{border-top:1px solid rgba(255, 255, 255,0.30)}
.footer-bottom-top{padding: 80px 0;    position: relative;}
.footer-bottom-top::before{content: "";background-image: url('../images/rangoli-white.png');background-repeat: no-repeat;background-size: contain;background-position: center center;width: 780px; aspect-ratio: 100 / 100;position: absolute;left: 0;right: 0;margin: auto;top: 0;}
.footer-menu h3{font-size: 24px;color: var(--white);}
.footer-menu .list,
.footer-menu ul{margin-top: 50px;}
.footer-menu ul li {font-size: 22px;padding: 20px 0;border-bottom:1px solid rgba(255, 255, 255,0.30);min-width: 200px;}
.footer-menu ul li a{color: var(--white);}
.footer-menu .list p {font-size: 22px;padding: 20px 0;border-bottom:1px solid rgba(255, 255, 255,0.30);min-width: 200px;color: var(--white);margin: 0;}
.footer-menu .list p a{color: var(--white);}
.copyright{padding: 24px 0;}
.social-media{display: flex;align-items: center;}
.copyright p{color: var(--white);}




.banner{position: relative;background-color:#FFF8F5;padding: 80px 0 0 0;}
.banner::before{content: "";background-image: url('../images/rangoli.png');background-repeat: no-repeat;background-size: contain;background-position: center center;width: 780px; aspect-ratio: 100 / 100;position: absolute;left: 0;right: 0;margin: auto;top: 0;}
.banner-left{max-width: 790px;}
.banner-left h1{font-size: 90px;color: #5F290C;line-height: 1;}
.banner-left p{max-width: 375px;margin-top: 20px;}
.banner-left-image{margin-top: 90px;margin-left: -80px;}
.banner-left-image img{border-radius: 40px;width: 268px;aspect-ratio: 100/116;}
.banner-right{max-width: 405px;}
.banner-right p{text-align: right;}
.banner-right-image{margin-top: 82px;}
.banner-right-image img{border-radius: 40px;width: 492px;aspect-ratio: 100/115.4;}
.scroll-to-next {text-align: center;bottom: 20px;width: 100%;position: absolute;left: 0;}
.scroll-to-next a{color: #5F290C;text-transform: uppercase;}
.about-us{padding: 130px 0 280px 0;background-color: var(--white);}
.about-left {max-width: 380px;}
.about-left .buttons{margin-top: 40px;}
.about-right{max-width: 652px;}
.big-text{position: absolute;left: 0px;right: 0;bottom: 0;color: #E65100;opacity: 0.1;text-transform: uppercase;font-size: 260px;font-weight: 700;line-height: 0.7;text-align: center;max-width: 1440px;margin: 0 auto;}
.big-text.lets-connect{font-size: 190px;}

.products-left {max-width: 513px;}
.home-products{background-color: #FFF8F5;padding: 130px 0;}
.product-list{margin: 60px 0;}
.product-list .slick-list{margin-left: -10px;margin-right: -10px;overflow: visible;}
.product-list .item{padding: 0 10px;}
.product-list .box img{border-radius: 20px;width: 100%;aspect-ratio: 100 / 116;object-fit: cover;object-position: center;}
.product-list .content{margin-top: 20px;}
.product-list .content h3{font-size: 26px;line-height: normal;font-weight: normal;}
/*.product-list .content .cart-button{margin-top: 20px;}*/
.product-list .content .btn-add-to-cart{color: #E65100;padding: 4px 0;border-bottom: 1px solid #E65100 !important;margin-top: 20px;}
.product-list .produt-like{background-color: transparent;border: 0;padding: 0;}
.why-choose{padding: 130px 0;}
.why-choose .sec-heading{max-width: 513px;margin: 0 auto;}
.why-choose-list {margin-top: 60px;}
.why-choose-list .item {counter-increment: count;display: flex;align-items: center;padding: 50px 0 50px 110px;border-bottom: 1px solid rgba(36, 15, 3, 0.2);position: relative;}
.why-choose-list .item h3{font-weight: 500;font-size: 24px;line-height: 1.20;text-transform: capitalize;color: #E65100;max-width: 260px;}
.why-choose-list .item p{max-width: 418px;margin-left: 40px;}
.why-choose-list .item .arrows{margin-left: auto;}
.why-choose-list .item:first-child{border-top: 1px solid rgba(36, 15, 3, 0.2);}
.why-choose-list .item:before {content: counter(count);font-family: var(--heading-font);font-style: normal;font-weight: 500;font-size: 30px;line-height: 1.87;text-transform: capitalize;color: #2E7D32;position: absolute;left: 0;top:50%;transform: translateY(-50%);}
.why-choose-list .item:nth-child(-n+9):before {content: '0'counter(count)'.';}
.why-choose-image{position: absolute;top: -33px;right: 157px;transform: rotate(-8.44deg);}
.why-choose-image img{border-radius: 20px;width: 192px;aspect-ratio: 100/115;object-fit: cover;object-position: center;}
.why-choose-list-sec{position: relative;}
.home-category{padding: 130px 0;background-color: #FFF8F5;}
.category-list{display: flex;flex-wrap: wrap;margin-left: -10px;margin-right: -10px;margin-top: 60px;}
.category-list .item{width: 50%;display: flex;}
.category-list .image-box{width: 50%;padding:10px;}
.category-list .image-box img{width: 100%;border-radius: 20px;aspect-ratio: 100/120;object-position: center; object-fit: cover;}
.category-list .content{width: 50%;padding:10px;}
.category-list .details{background: #FFF8F5;border: 1px solid rgba(95, 41, 12, 0.2);border-radius: 20px;padding: 40px 20px;height: 100%;display: flex;flex-direction: column;justify-content: space-between;}
.category-list .details h3 a{font-size: 20px;line-height: 24px;text-transform: capitalize;color: #5F290C;}
.category-list .item:nth-child(2) .details{background: rgba(95, 41, 12, 0.4);}
.category-list .item:nth-child(3) .details{background: rgba(46, 125, 50, 0.4);}
.category-list .item:nth-child(3),
.category-list .item:nth-child(4){flex-direction: row-reverse;}

.testimonials{padding: 130px 0 248px;position: relative;}
.testimonials-left{max-width: 313px;}
.testimonials-slider{width: calc(100% - 400px);}
.testimonials-slider .slick-list{margin-left: -10px;margin-right: -10px;overflow: visible;}
.testimonials-slider .item{padding: 10px;}
.testimonials-slider .box{padding: 20px;border: 1px solid rgba(36, 15, 3, 0.3);border-radius: 20px;}
.testimonials-slider .box .quota img{height: 50px;width: auto;}
.testimonials-slider .box .content{margin-top: 40px;}
.testimonials-slider .box .image-with-name{margin-top: 40px;display: flex;align-items: center;}
.testimonials-slider .box .userImage{width: 70px;aspect-ratio: 100/100;border-radius: 100%;background:#D9D9D9;}
.testimonials-slider .box .userImage img{width: 100%;height: 100%;object-fit: cover;object-position: center center;}
.testimonials-slider .box .name{margin-left: 20px;}
.testimonials-slider .box .name h4{font-style: normal;font-weight: 500;font-size: 20px;line-height: 1.2;text-transform: capitalize;color: #5F290C;}
.testimonials-slider .box .name p{margin-top: 6px;}

@media only screen and (min-width: 1600px) {
  .custom-container {max-width: 1580px;}
}
@media only screen and (min-width: 1500px) {
  body{font-size: 24px;}
  .header-menu ul li{font-size: 24px;}
  .custom-container {max-width: 1400px;}
  p{font-size: 24px;}
  .btn-custom {font-size: 24px;}
  .sec-heading h5 {font-size: 24px;}
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
  
}
@media only screen and (min-width: 768px) and (max-width:991px) {
 

  
}
@media screen and (min-width: 768px){
  .display-mobile{display: none;}
  .mobile-menu{display: none;}
  .close-menu{display: none;}
 
}
@media only screen and (max-width: 767px){  
  p{font-size: 14px}
  .display-desktop{display: none;}
  .header-menu {position: fixed;  top: 0;  left: -100%;  margin-top: 0;  background-color: var(--white);  max-width: 320px;  width: 100%; transition: 0.5s;  height: 100%; padding: 30px;  z-index: 1;}
  body.show-menu .header-menu {left: 0;}
  .header-menu ul {flex-direction: column;}
/*   .main-header .logo a img{height: 40px;} */
  .header-right button{margin-left: 5px;}
  .banner{padding: 0 0 30px 0;}
  .banner .wrapper{flex-wrap: wrap;}
  .banner-left{width: 100%; display: flex;flex-direction: column;}
  .banner-left h1 {font-size: 30px;text-align: center; order: 2;position: relative;}
  .banner-left p{text-align: center;order: 3;position: relative;margin-left:auto;margin-right: auto;}
  .banner-right{margin: 0 auto;}
  .banner-left-image{margin: 30px 0 15px; order: 1;position: relative;}
  .banner-left-image img{margin: 0 auto;}
  .banner-right-image img{max-width: 268px;margin: 0 auto;}
  .banner-right{display: flex;flex-direction: column;}
  .banner-right p{text-align: center; order: 2;position: relative;}
  .banner-right-image{margin: 30px 0 15px; order: 1;position: relative;}
  .scroll-to-next{position: relative;bottom: 0;margin-top: 25px;}
  .about-us{padding: 30px 0;}
  .about-us .wrapper{flex-wrap: wrap;}
  .about-left{text-align: center;margin: 0 auto;}
  .about-left .buttons{margin-top: 15px;}
  .btn-custom{margin: 0 auto; padding: 16px 16px;}
  .about-right{margin-top: 30px;text-align: center;}
  .sec-heading h2 {font-size: 30px;}
  .big-text{font-size: 70px;}
  .home-products{padding: 30px 0;}
  .home-products .wrapper{flex-wrap: wrap;}
  .products-left{text-align: center;margin: 0 auto;}
  .home-products .buttons{margin: 15px auto;}
  .product-list{margin: 15px 0;}
  .why-choose{padding: 30px 0;}
  .why-choose-image{position: relative;    top: 0;right: 0;left: 0;transform: none;margin: 15px 0;}
  .why-choose-image img{margin: 0 auto;}
  .why-choose-list .item{flex-direction: column;padding: 15px; }
  .why-choose-list .item:before{position: relative;left: 0;top: 0;transform: none;right: 0;margin: 0 auto;}
  .why-choose-list .item h3{max-width: 100%;text-align: center;}
  .why-choose-list .item p {max-width: 100%;margin-left: 0;margin-top: 15px;text-align: center;}
  .why-choose-list .item .arrows{margin: 15px auto 0;}
  .home-category{padding: 30px 0;}
  .category-list{margin-top: 15px;}
  .category-list .item{width: 100%;}
  .category-list .details {border-radius: 10px;padding: 15px 15px;}
  .category-list .item:nth-child(3), .category-list .item:nth-child(4){flex-direction: row;}
  .testimonials{padding: 30px 0 50px;}
  .testimonials .wrapper{flex-wrap: wrap;}
  .testimonials-left{max-width: 100%;text-align: center;margin: 0 auto;}
  .testimonials-slider{width: 100%;margin-top: 15px;}
  .big-text.lets-connect {font-size: 49px;}

  .footer-top{padding: 30px 0;}
  .footer-top-left{max-width: 100%;}
  .footer-top-right{max-width: 100%;width: 100%;}
  .footer-top-left .logo a img{margin: 0 auto;}
  .footer-top-left h2{margin-top: 15px;font-size: 30px;text-align: center;}
  .footer-top-right{text-align: center;margin-top: 30px;}
  .footer-top-right h3{font-size: 20px;}
  .message-form{margin-top: 40px;}
  .footer-bottom-top{padding: 30px 0;}
  .footer-bottom-top .wrapper{flex-wrap: wrap;}
  .footer-menu{text-align: center;width: 100%;        margin: 30px 0}
  .footer-menu .list, .footer-menu ul{margin-top: 15px;}
  .footer-menu .list p,
  .footer-menu ul li{padding: 10px 0;font-size: 16px;}
  .copyright .wrapper{flex-wrap: wrap;justify-content: center;}
}
@media only screen and (max-width: 575px){
}
.header-menu ul li.active a {
    opacity: 1;
}
a:focus, button:focus, .button.alt:focus, input:focus, textarea:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus {
    outline-color: transparent !important;
}
.product-list .content .btn-add-to-cart {
    background-color: transparent;
    font-weight: 400;
}
a.added_to_cart.wc-forward {
    color: #E65100;
    padding: 4px 0;
    border-bottom: 1px solid #E65100;
    margin-top: 20px;
    background-color: transparent;
    margin-left: 50px;
}
.footer-menu ul {
    margin: 0;
}

/* ------------------------------------------- */
/* 1. Custom Cart Icon and Count Styling */
/* ------------------------------------------- */

.custom-cart-toggle {
    /* Set the parent button to relative positioning. 
       This makes the absolute positioning of the count bubble reliable. */
    position: relative;
    
    /* Ensure the button itself is styled minimally if needed */
    border: none;
    background: transparent;
    cursor: pointer;
    padding: 0;
    
    /* If you set a fixed size for the button, adjust these */
    display: inline-block; 
}

/* ------------------------------------------- */
/* 2. Custom Cart Count (The Bubble) */
/* ------------------------------------------- */
.custom-cart-count {
    /* Make the bubble position relative to the button */
    position: absolute;
    
    /* Positioning the bubble: */
    top: -5px;      /* Move it up above the icon */
    right: -5px;    /* Move it right, hanging off the edge */
    
    /* Size and Appearance: */
    background-color: #e65100; /* Red background (common for alerts) */
    color: #ffffff;
    font-size: 10px; /* Small text size */
    font-weight: 700;
    line-height: 1; /* Essential for perfect vertical alignment */
    
    /* Shape and Padding: */
    border-radius: 50%;
    min-width: 16px; /* Ensures minimum circular size even for single-digit counts */
    height: 16px;
    padding: 2px; /* Small padding inside */
    
    /* Text alignment */
    display: flex;
    align-items: center;
    justify-content: center;
    
    /* Ensure it sits above other elements */
    z-index: 10;
}

/* ------------------------------------------- */
/* 3. Responsive Icon Sizing (Best Practice) */
/* ------------------------------------------- */

.custom-cart-toggle img {
    /* Define a size for the icon itself */
    width: 24px;
    height: 24px;
    
    /* Ensure images scale down cleanly on small screens */
    max-width: 100%;
    height: auto;
    display: block;
}

/* --- 2. Hiding the Mini-Cart by Default --- */
.custom-mini-cart-container {
    display: none; 
    
    /* Positioning the dropdown relative to the header flow */
    /* Note: Since it's not wrapped, you might need to use fixed/absolute positioning 
       relative to the header/viewport, and adjust `top` and `right` aggressively. */
    position: absolute; 
    
    /* Adjust these values to position it exactly where you want it to drop down */
    top: 75%; 
    right: 0;  
    z-index: 99;

    /* Styling for the dropdown box */
    width: 450px; 
    background-color: #ffffff;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    padding: 15px;
    border-radius: 8px;
    border: 1px solid #ececec;
}

/* --- 3. The Hover Magic (The Sibling Combinator) --- */

span.quantity {
    font-size: 18px;
    font-weight: 600;
    color: #5F290C;
    display: block;
    margin-top: 4px;
}
li.woocommerce-mini-cart-item.mini_cart_item .product_name a {
    color: #5F290C;
    font-size: 18px;
    font-weight: 600;
    text-decoration: none;
}
li.woocommerce-mini-cart-item.mini_cart_item .remove_item a {
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
}
li.woocommerce-mini-cart-item.mini_cart_item .remove_item a:before {
    color: #e65100 ;
}
li.woocommerce-mini-cart-item.mini_cart_item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 0;
    border-bottom: 1px solid #f1f1f1;
}
.woocommerce-mini-cart-item img {
    width: 70px;
    height: 70px;
    border-radius: 6px;
    object-fit: cover;
    border: 1px solid #eee;
}
p.woocommerce-mini-cart__total.total, p.woocommerce-mini-cart__buttons.buttons {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 22px;
}
p.woocommerce-mini-cart__buttons.buttons a {
    color: #E65100;
    padding: 4px 0;
    border-bottom: 1px solid #E65100 !important;
    margin-top: 20px;
    background-color: transparent;
}

.single-product-banner .wrapper {
	display: flex;
	justify-content: space-between;
	gap: 40px;
	flex-wrap: wrap;
}

.single-product-banner .banner-left {
	flex: 0 0 45%;
	min-width: 280px;
}

.single-product-banner .banner-right {
	flex: 0 0 50%;
	min-width: 280px;
}

/* Ensure gallery behaves nicely */
.single-product-banner .woocommerce-product-gallery {
	margin-bottom: 0;
}
article.page {
    margin: 50px auto;
    padding: 0 110px;
}
/* Responsive */
@media (max-width: 768px) {
	.single-product-banner .wrapper {
		flex-direction: column;
	}

	.single-product-banner .banner-left,
	.single-product-banner .banner-right {
		flex: 0 0 100%;
	}
	article.page {
        padding: 0;
    }
    button.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.contained {
        width: 100%;
    }
}

/* Compact product gallery (main + horizontal thumbnails) */

.qb-product-gallery-compact {
    max-width: 760px;    /* center block width (adjust to taste) */
    margin: 0 auto 28px;
}

/* MAIN SWIPER */
.qb-main-swiper-compact {
    width: 100%;
    max-height: 760px; /* overall max height */
    display: block;
    position: relative;
    margin-bottom: 14px;
    overflow: hidden;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 6px 18px rgba(0,0,0,0.04);
}

.qb-main-figure-compact {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 18px;
}

.qb-main-image-compact {
    max-width: 100%;
    max-height: 560px;    /* ensure image fits nicely */
    width: auto;
    height: auto;
    object-fit: contain;  /* keep aspect ratio without cropping */
    display: block;
}

/* nav buttons (subtle) */
.qb-swiper-prev-compact,
.qb-swiper-next-compact {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 30;
    width: 44px;
    height: 44px;
    border-radius: 6px;
    background: rgba(255,255,255,0.9);
    border: 1px solid rgba(0,0,0,0.06);
    cursor: pointer;
}
.qb-swiper-prev-compact { left: 8px; }
.qb-swiper-next-compact { right: 8px; }

/* THUMBNAILS: horizontal row, centered */
.qb-thumb-swiper-compact {
    width: 100%;
    box-sizing: border-box;
}

.qb-thumb-slide-compact {
    width: auto; /* allow variable number, best when slidesPerView: auto or 4-5 */
    padding: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.qb-thumb-image-compact {
    width: 72px;        /* square thumb */
    height: 72px;
    object-fit: cover;
    border-radius: 6px;
    border: 2px solid transparent;
    display: block;
    box-shadow: 0 2px 8px rgba(0,0,0,0.06);
}

/* Active thumbnail highlight */
.qb-thumb-slide-compact.swiper-slide-thumb-active .qb-thumb-image-compact,
.qb-thumb-slide-compact .qb-thumb-btn-compact:focus .qb-thumb-image-compact {
    border-color: #ea5b10; /* your accent colour */
    transform: scale(0.98);
}

/* Make thumbnails horizontally centered and not stretched */
.swiper .swiper-wrapper {
    align-items: center;
}

/* Responsive: scale down on small screens */
@media (max-width: 720px) {
    .qb-product-gallery-compact { max-width: 100%; padding: 0 12px; }
    .qb-main-image-compact { max-height: 420px; }
    .qb-thumb-image-compact { width: 56px; height: 56px; }
    .qb-swiper-prev-compact, .qb-swiper-next-compact { width: 36px; height: 36px; }
}

.qb-short-desc ul li {
    list-style: numeric;
    color: #2e7d32;
    font-size: 22px;
}
.qb-short-desc p {
    font-size: 22px;
}
.qb-short-desc ul {
    margin: 0 0 1.41575em 2.8em;
}
.qb-short-desc ul li p {
    font-size: 22px;
    margin-bottom: 10px;
}
.qb-short-desc h3 {
    font-size: 28px;
    color: #2e7d32;
    margin-top: 20px;
}
button.single_add_to_cart_button.button.alt {
    background: #E65100;
    border: 1px solid #E65100;
    padding: 5px 20px;
    font-size: 22px;
    border-radius: 8px;
}



article.page p, article.page ul li {
    color: #5F290C;
}
h1.entry-title {
    font-size: 60px;
    color: #5F290C;
    line-height: 1;
    text-align: center;
}
.wp-block-heading {
    font-size: 30px;
    color: #5F290C;
    line-height: 1;
    margin-top: 35px;
}
article.page ul li {
    list-style: disc;
}
article.page ul li::marker {
    color: #2e7d32;
}
article.page p {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 20px;
    margin-left: 0px;
}
article.page ul li a {
    color: #5F290C;
    text-decoration: none !important;
}
article.page ul li a:hover {
    color: #2e7d32;
}
article.page header.entry-header {
    background-color: transparent;
}
.footer-bottom .copyright .wrapper p {
    margin: 0;
}

.product-list .content h3 {
    margin: 0;
}
.product-list .content h3 a {
    color: #2c2d33;
}

button.wc-block-components-button.wp-element-button.wc-block-components-totals-coupon__button.contained {
    background: #E65100 !important;
    border: 1px solid #E65100;
    box-shadow: none;
    font-size: 24px;
    font-family: var(--text-font);
    padding: 16px 26px;
    font-weight: 700;
    line-height: normal;
    border-radius: 8px;
}
a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained {
    background: #E65100;
    border: 1px solid #E65100;
    box-shadow: none;
    font-size: 24px;
    font-family: var(--text-font);
    padding: 16px 26px;
    font-weight: 700;
    line-height: normal;
    border-radius: 8px;
    text-decoration: none;
}
a.wc-block-components-product-name {
    color: #5F290C;
    text-decoration: none !important;
}
.woocommerce-cart header.entry-header, .woocommerce-checkout header.entry-header{
    padding: 0 0 2.996835em !important;
}

button.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.contained {
    background: #E65100 !important;
    border: 1px solid #E65100;
    font-size: 24px;
    padding: 16px 26px;
    box-shadow: none;
    outline: none;
    transition: 0.3s;
    font-family: var(--text-font);
    border-radius: 8px;
    font-weight: 700;
    line-height: normal;
    box-shadow: none !important;
}

ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 28px;
    list-style: none;
    padding: 12px 0;
    margin: 12px 0 18px;
    border-bottom: 1px dashed var(--border);
    background: none;
}
ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details li {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 0 !important;
    font-size: 15px;
    color: var(--muted);
    list-style: none !important;
    color: #5F290C;
}
ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details li strong {
    color: #2E7D32;
    font-weight: 700;
    margin-left: auto;
}
.woocommerce-order-received h2.woocommerce-order-details__title {
    margin-top: 50px;
    color: #5F290C;
    font-size: 28px;
}
td.woocommerce-table__product-name.product-name a {
    color: #5F290C;
    text-decoration: none;
}
.woocommerce-order-received .woocommerce-table th {
    padding: 10px;
}
.woocommerce-order-received .woocommerce-table td {
    padding: 10px;
}
.woocommerce-order-received h2.woocommerce-column__title {
    margin-top: 50px;
    color: #5F290C;
    font-size: 28px;
}
.add-to-cart.cart-button {
    margin-top: 30px;
}
@media (max-width: 768px) {
    ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details{
        display: block;
    }
    li.woocommerce-order-overview__email.email strong {
        word-break: break-all;
        overflow-wrap: break-word;
        white-space: normal !important;
    }
}


/* Animation */
.banner::before,
.footer-bottom-top::before {
  display: none !important;
  animation: none !important;
}

/* remove any transform-based centering on container */
.mandala-bg,
.mandala-footer-bg {
  position: absolute;
  left: 50%;
  /* center by negative margin based on the actual width used (no transform) */
  margin-left: calc(-0.5 * min(var(--mandala-w), 92vw));
  width: min(var(--mandala-w), 92vw);
  aspect-ratio: 1 / 1;
  pointer-events: none;
  z-index: 0;
  overflow: hidden;
  will-change: opacity; /* image does the transform */
}

/* header placement */
.mandala-bg {
  top: 0;
  bottom: auto;
}

/* footer placement: tuck slightly below footer */
.mandala-footer-bg {
  top: auto;
  bottom: -6%;
}

/* rotate the image inside — GPU-only transform (safe) */
.mandala-bg img,
.mandala-footer-bg img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
  transform-origin: 50% 50%;
  animation: mandalaSpin 60s linear infinite;
  animation-play-state: paused; /* starts paused; your IntersectionObserver toggles class */
  will-change: transform;
}

/* play animation when the wrapper gets the in-view class (same as before) */
.banner.in-view .mandala-bg img,
.footer-bottom-top.footer-anim .mandala-footer-bg img {
  animation-play-state: running;
}

/* keyframes (GPU rotate only) */
@keyframes mandalaSpin {
  from { transform: rotate(0deg); }
  to   { transform: rotate(360deg); }
}

/* MOBILE TUNING: make mandala smaller and adjust footer tuck */
@media (max-width: 768px) {
    :root { --mandala-w: 520px; } /* smaller default on mobile */
    .mandala-bg, .mandala-footer-bg {
      width: 780px;
      aspect-ratio: 100 / 100;
      
    }
    body.single-product header{
        z-index: 999999 !important;
    }
    .custom-mini-cart-container {
        width: 100%;
    }
/*     .custom-container {
        margin: 0 auto 35px auto;
    } */
    .add-to-cart.cart-button {
        margin-top: 20px;
    }
}

/* SMALL PHONE SAFETY */
@media (max-width: 420px) {
  :root { --mandala-w: 420px; }
  .mandala-bg, .mandala-footer-bg { width: 780px;
        aspect-ratio: 100 / 100; }
}

/* iOS WebKit extra fallback - ensure no sideways scroll if some rare rounding appears */
@supports (-webkit-touch-callout: none) {
  html, body { overflow-x: hidden !important; }
  /* if you want an even more conservative width on older iOS, uncomment next line:
  :root { --mandala-w: 86vw; }
  */
}
.form_in {
    justify-content: space-between;
    display: flex;
    gap: 20px;
}
.right_side input {
    background: #2E7D32 !important;
    color: var(--white) !important;
    font-size: 16px;
    padding: 16px 26px;
    border: 1px solid #2E7D32;
    box-shadow: none;
    outline: none;
    transition: 0.3s;
    font-family: var(--text-font);
    border-radius: 8px !important;
    font-weight: 700;
    line-height: normal;
    display: flex;
    white-space: nowrap;
    max-width: max-content;
}
.wpcf7-not-valid-tip {
    color: #fff !important;
    margin-top: 10px;
    text-align: left;
}
.wpcf7-response-output {
    background: #fff;
    border: none !important;
    border-radius: 8px;
}
/* MOBILE TUNING: make mandala smaller and adjust footer tuck */
@media (max-width: 768px) {
    .right_side input {
        padding: 14px 26px !important;
    }
}




/* Banner must clip animation */
.banner {
  overflow: hidden;
}

/* Initial hidden state */
.banner-left-image,
.banner-right-image {
  opacity: 0;
  /*transition: transform 0.9s ease-out, opacity 0.9s ease-out;*/
  will-change: transform, opacity;
  transition: transform 1s cubic-bezier(0.22, 0.61, 0.36, 1),
              opacity 0.9s ease-out;
}

/* LEFT image comes from left */
.banner-left-image {
  transform: translateX(-80px);
}

/* RIGHT image comes from right */
.banner-right-image {
  transform: translateX(80px);
}

/* When banner is visible */
.banner.in-view .banner-left-image,
.banner.in-view .banner-right-image {
  transform: translateX(0);
  opacity: 1;
}

/* Mobile tweak (shorter distance = smoother) */
@media (max-width: 768px) {
  .banner-left-image {
    transform: translateX(-50px);
  }
  .banner-right-image {
    transform: translateX(50px);
  }
}


.about-us {
  overflow: hidden;
}

/* Initial state */
.about-us .big-text {
  opacity: 0;
  transform: translateY(80px);
  transition:
    transform 3s cubic-bezier(0.22, 0.61, 0.36, 1),
    opacity 3.5s ease;
  will-change: transform, opacity;
  pointer-events: none;
}

/* Animate when section becomes visible */
.about-us.in-view .big-text {
  opacity: 0.12;
  transform: translateY(0);
}

/* Mobile tuning */
@media (max-width: 768px) {
  .about-us .big-text {
    transform: translateY(60px);
  }
}

.testimonials {
  overflow: hidden;
}

/* Initial state */
.testimonials .big-text.lets-connect {
  opacity: 0;
  transform: translateY(80px);
  transition:
    transform 1.8s cubic-bezier(0.22, 0.61, 0.36, 1),
    opacity 2s ease;
  will-change: transform, opacity;
  pointer-events: none;
}

/* Animate when section is in view */
.testimonials.in-view .big-text.lets-connect {
  opacity: 0.12; /* subtle background text */
  transform: translateY(0);
}

/* Mobile tuning */
@media (max-width: 768px) {
  .testimonials .big-text.lets-connect {
    transform: translateY(60px);
  }
}
.header-right button.btn-cart.custom-cart-toggle {
    background: none !important;
}