	:root{
		--green:#073f24;--cream:#f7f1e4;--gold:#b58a38;--ink:#1c281f;
		--bg-cream:#FDFBF7;--brand-green:#1E382B;--brand-brown:#332219;
		--accent-gold:#D2A268;--badge-gold:#E2B980;--card-bg:#FFF;
		--soft-border:#E8E2D8;--text-dark:#222;--text-muted:#666;
		--brand-gold: #b58a38;

	}
	body{font-family:Georgia,"Times New Roman",serif;color:var(--ink);background:#fffdf8}
	h1,h2,h3,h4,h5,.serif-font{font-family:'Playfair Display','Georgia',serif}

	/* NAVBAR */
	.top-announcement{background:var(--green);color:var(--cream);font-size:.85rem;letter-spacing:.05em}
	.navbar{background:#fffdf8;border-bottom:1px solid #e7dfcf}
	.brand-logo{font-size:1.35rem;font-weight:700;letter-spacing:.03em;color:var(--green)}
	.tagline{font-size:.62rem;letter-spacing:.08em;color:#777}
	.nav-link-custom{color:var(--ink)!important;font-size:.9rem;transition:all .3s ease;border-radius:6px}
	.nav-link-custom:hover{background:rgba(7,63,36,.1);color:var(--green)!important}
	.btn-shop-dropdown{background:var(--green);color:#fff;transition:background-color .3s ease}
	.btn-shop-dropdown:hover,.btn-shop-dropdown:focus{background:#052f1b;color:#fff}
	.custom-dropdown-menu{background:#fff;border:1px solid #e7dfcf}
	.custom-dropdown-menu .dropdown-item:hover{background:rgba(7,63,36,.08);color:var(--green)}

	/* HERO */
	.hero{background:var(--cream);min-height:230px}
	.eyebrow{letter-spacing:.15em;font-size:.75rem;color:var(--gold);font-weight:600}
	.hero h1{font-size:2.2rem;font-weight:700;color:var(--green)}
	.script{font-style:italic;font-size:1.15rem;color:var(--green)}
	.feature-circle{width:38px;height:38px;border-radius:50%;border:1px solid var(--ink);background:#fffdf8}


	/* FOOTER */
	footer{background:var(--cream)}
	.footer-brand{font-size:1.1rem;font-weight:700;color:var(--green)}
	.shed{box-shadow:1px 1px 10px green;backdrop-filter:blur(1000px)}

	/* OUR STORY */
	.story-hero-section{padding-top:0px;background-color:var(--bg-cream)}
	.story-img-wrapper{border-radius:20px;overflow:hidden;box-shadow:0 12px 35px rgba(30,56,43,.08);border:1px solid var(--soft-border)}
	.badge-green{background-color:rgba(30,56,43,.08);color:var(--brand-green);font-size:.75rem;letter-spacing:1.5px;border-radius:50px;padding:6px 18px;display:inline-block;font-weight:600;border:1px solid rgba(30,56,43,.15)}
	.story-title{color:var(--brand-green);font-weight:700;line-height:1.2}
	.story-title em{font-style:italic;color:var(--brand-green);font-weight:400}
	.story-text{color:var(--text-muted);font-size:.95rem;line-height:1.8}
	.subtitle-tag{color:var(--accent-gold);letter-spacing:2px;font-size:.8rem;font-weight:600;text-transform:uppercase}

	/* DIVIDER */
	.divider-line{display:flex;align-items:center;justify-content:center;gap:15px;margin:30px 0;color:var(--accent-gold);font-size:.9rem}
	.divider-line::before,.divider-line::after{content:"";height:1px;width:80px;background-color:var(--soft-border)}

	/* PROCESS */
	.process-container{background-color:#F8F5EE;border-radius:24px;padding:50px 30px;border:1px solid var(--soft-border)}
	.process-card{background:var(--card-bg);border:1px solid var(--soft-border);border-radius:16px;padding:30px 20px;box-shadow:0 4px 15px rgba(0,0,0,.03);transition:all .3s ease}
	.process-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px rgba(30,56,43,.08);border-color:var(--accent-gold)}
	.icon-box{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:var(--brand-green);background-color:rgba(30,56,43,.06);font-size:1.4rem}
	.step-heading{color:var(--brand-green);font-size:1.05rem;font-weight:700;margin-bottom:10px}
	.step-desc{color:var(--text-muted);font-size:.85rem;line-height:1.6}
	.card-accent-bar{width:35px;height:2px;background-color:var(--accent-gold);margin:15px auto 0;border-radius:2px}

	/* Gold Color Utility */
	.text-gold { 
		color: #B38646; 
	}

	/* Circular Images Styling */
	.feature-img {
		width: 110px;
		height: 110px;
		object-fit: cover; /* Ensures image aspect ratio remains intact */
	}

/*Why Choose Us */
      /* Custom Theme Utility Classes */
      .bg-brand-green { background-color: var(--brand-green) ; }
      .bg-brand-gold { background-color: var(--brand-gold) ; }
      .text-brand-green { color: var(--brand-green) ; }
      .text-brand-gold { color: var(--brand-gold); }

        /* Smooth card hover effect */
        .feature-card {
          transition: transform 0.3s ease, box-shadow 0.3s ease;
        }
        .feature-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 25px rgba(7, 63, 36, 0.12) !important;
          }

        /* Image scaling on card hover */
        .card-img-container {
          overflow: hidden;
            height: 150px;
          }
          .card-img-container img {
            object-fit: cover;
            transition: transform 0.4s ease;
        }
        .feature-card:hover .card-img-container img {
            transform: scale(1.08);
        }

        /* Custom Badge Icon Box */
        .icon-badge {
          width: 70px;
          height: 70px;
      }

	/* DESKTOP ARROWS */
	@media(min-width:992px){
		.step-col{position:relative}
		.step-col:not(:last-child)::after{content:"›";position:absolute;right:-10px;top:45%;transform:translateY(-50%);font-size:2.2rem;color:var(--accent-gold);font-weight:300}
	}

	/* BUTTON */
	.btn-theme-dark{background-color:var(--brand-green);color:#fff;border-radius:50px;padding:12px 36px;font-weight:600;border:none;transition:all .3s ease}
	.btn-theme-dark:hover{background-color:#15271E;color:#fff;transform:translateY(-2px)}

	/* RESPONSIVE */
	@media(max-width:991px){.hero h1{font-size:2rem}}
	@media(max-width:767px){.hero{min-height:auto}.hero h1{font-size:1.8rem}}


  /* Product cards */


    .product-card {
      background: #ffffff;
      border: 2px solid #eaeaea;
      border-radius: 12px;
      transition: all 0.25s ease-in-out;
      box-shadow: 0 2px 6px rgba(0,0,0,0.03);
      overflow: hidden;
    }
    .product-card:hover {
      transform: translateY(-3px);
      box-shadow: 0 8px 20px rgba(0,0,0,0.08);
      border-color: #28a745;
    }
    
    .product-img-wrapper {
      width: 100%;
      background-color: #ffffff;
      display: flex;
      justify-content: center;
    }

    .product-img-box {
      padding: 5px;
      position: relative;
      cursor: pointer;
      width: 300px;
      height: 200px;
      max-width: 100%;
      display: block;
      border-bottom: 1px solid #f0f0f0;
      margin: 0 auto;
    }
    
    .product-thumb-img {
      width: 100% !important;
      height: 100% !important;
      object-fit: cover;
      object-position: center;
      display: block;
      /* Hover scale effect hata diya hai taaki image size in na ho */
    }

    .product-title {
      color: #1b4332;
      font-size: 0.92rem;
      font-weight: 700;
      line-height: 1.3;
      margin-bottom: 4px;
    }
    
    .product-desc {
      font-size: 0.78rem;
      color: #6c757d;
      line-height: 1.35;
      margin-bottom: 8px;
      height: 34px;
      overflow: hidden;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
    }

    .price-text {
      font-size: 1.2rem;
      font-weight: 800;
      color: #212529;
    }

    .pack-text {
      font-size: 0.72rem;
      color: #888888;
    }

    /* Keep every modal carousel slide the same responsive size. */
    .modal-carousel-frame {
      width: 100%;
      height: clamp(220px, 55vh, 380px);
    }

    .modal-carousel-frame .carousel-inner,
    .modal-carousel-frame .carousel-item {
      height: 100%;
    }

    .modal-gallery-img {
      max-height: 100%;
      background-color: #f8f9fa;
      border-radius: 8px;
    }
    .modal-carousel-indicators [data-bs-target] {
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background-color: #adb5bd;
    }
    .modal-carousel-indicators .active {
      background-color: var(--green, #28a745);
      width: 20px;
      border-radius: 4px;
    }