.sh-header-main {
  background-color: #ffffff !important;
  color: #1a1a1a !important;
}
.sh-header-location-icon {
  fill: #690C0C !important;
}
.sh-header-account-icon {
  stroke: #690C0C !important;
}
.sh-header-cart-icon {
  stroke: #690C0C !important;
  fill: none !important;
}
.sh-header-arrow-icon {
  fill: #690C0C !important;
}
.sh-header-search-icon {
  stroke: #690C0C !important;
}
.sh-header-cart-badge {
  background-color: #690C0C !important;
  color: #FFFFFF !important;
}
.sh-header-menu {
  background-color: #690C0C !important;
  color: #FFFFFF !important;
}
.sh-bottom-nav-main {
  background-color: #FFFFFF !important;
  color: #FFFFFF !important;
}
.sh-bottom-nav-selected {
  stroke: #1a1a1a !important;
  color: #1a1a1a !important;
  fill: none !important;
}
.sh-bottom-nav-unselected {
  stroke: #4a4a4a !important;
  color: #4a4a4a !important;
}
.sh-bottom-nav-cart-badge {
  background-color: #690C0C !important;
  color: #FFFFFF !important;
}
.sh-product-wishlist-desktop{
  border-color: #690C0C !important;
}
.sh-product-share-icon {
  stroke: #690C0C !important;
}
.sh-product-card-price {
  color: #4a4a4a !important;
}
.sh-product-card-mrp {
  color: #999999 !important;
}
.sh-product-card-name {
  color: #4a4a4a !important;
  font-weight: 400 !important;
}
.sh-product-card-discount-tag {
  background-color: #F8301F !important; /* Hex fix (# added) */
  color: #ffffff !important;           /* Hex fix (# added) */
  font-weight: 600 !important;
  border-radius: 4px !important;
  right: 10px !important;
  top: 10px !important;
  left: auto !important;
}
.sh-product-discount-tag {
  background-color: #F8301F !important;
  color: #FFFFFF !important;
  font-weight: 400 !important;
  border-radius: 30px !important;
}
.sh-product-social-button {
  background-color: #690C0C !important;
  fill: #690C0C !important;
}
.sh-product-wishlisted-icon {
  fill: #690C0C !important;
}
.sh-product-not-wishlisted-icon {
  stroke: #690C0C !important;
}    
.sh-footer-main {
  background-color: #FFEED6 !important;
  color: #4a4a4a !important;
}
.sh-footer-icon {
  color: #4a4a4a !important;
}
.sh-outlined-button {
  border-radius: 8px !important;
}
.sh-solid-button {
  border-radius: 8px !important;
  background-color: #E72463 !important;
  fill: none !important;
  border: 1px solid #E72463 !important;
}
.sh-product-buy-now-button, .sh-solid-button, .sh-product-plus-minus-button {
    background-color: #333333 !important;
    color: #FFFFFF !important;
    border: 1px solid #333333 !important;
    border-radius: 8px !important;
    fill: #FFFFFF !important;
}

}
.sh-product-buy-now-button {
  color: #ffffff !important;
  background-color: #E72463 !important;
  border-radius: 4px !important;
}
/* मोबाइल स्क्रीन पर बैनर को सेंटर करने, साइड गैप देने और राउंड कॉर्नर्स के लिए */
@media screen and (max-width: 768px) {
    /* बैनर की इमेज को राउंड और रिस्पॉन्सिव बनाने के लिए */
    .hero-banner img, .slider img, .carousel img, .banner img, .main-slider img, img[src*="banner"], img[src*="slide"] {
        width: 100% !important;
        border-radius: 12px !important;
        overflow: hidden !important;
        display: block !important;
    }

    /* बैनर के बाहरी डिब्बे (Wrapper) में  9px का गैप देने के लिए */
    .hero-banner, .slider, .carousel, .banner, .main-slider {
        padding-left: 7px !important;
        padding-right: 7px !important;
        box-sizing: border-box !important;

}/* कैटेगरी आइटम के ऊपर और नीचे का गैप कम करने के लिए */
.category-item, 
.category-card, 
.category-link {
    margin-top: 2px !important;    /* ऊपर का गैप (आवश्यकतानुसार 0px से 10px तक बदलें) */
    margin-bottom: 2px !important; /* नीचे का गैप */
    padding-top: 2px !important;   /* अंदरूनी ऊपर की दूरी */
    padding-bottom: 2px !important;/* अंदरूनी नीचे की दूरी */
}

/* कैटेगरी और उसके अंदर के सभी टेक्स्ट को एक्स्ट्रा बोल्ड करने के लिए */
[class*="category"] {
    font-weight: 900 !important;
}

[class*="category"] * {
    font-weight: 900 !important;
}
<div class="category-container">
  <!-- कैटेगरी 1 -->
  <div class="simple-category">
    <img src="https://via.placeholder.com/150" alt="कैटेगरी 1">
    <span>कैटेगरी नाम 1</span>
  </div>

  <!-- कैटेगरी 2 -->
  <div class="simple-category">
    <img src="https://via.placeholder.com/150" alt="कैटेगरी 2">
    <span>कैटेगरी नाम 2</span>
  </div>

  <!-- कैटेगरी 3 -->
  <div class="simple-category">
    <img src="https://via.placeholder.com/150" alt="कैटेगरी 3">
    <span>कैटेगरी नाम 3</span>
  </div>
</div>

}
/* 1. कैटेगरी ब्लॉक की सभी बाहरी बॉर्डर, बैकग्राउंड, शैडो और आउटलाइन हटाएं */
[class*="category"] {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    background: none !important;
    background-color: transparent !important;
    padding: 0 !important;
}

/* 2. केवल इमेज: थिक बॉर्डर हटाएं और सॉफ्ट राउंड कॉर्नर्स दें */
[class*="category"] img {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    border-radius: 12px !important; /* सॉफ्ट राउंड कॉर्नर्स */
    display: block !important;
    margin: 0 auto !important;
    max-width: 100% !important;
    height: auto !important;
}

/* 3. इमेज के नीचे कैटेगरी का नेम बोल्ड में */
[class*="category"] h2,
[class*="category"] h3,
[class*="category"] h4,
[class*="category"] span,
[class*="category"] a,
[class*="category"] p {
    font-weight: 700 !important; /* बोल्ड टेक्स्ट */
    margin-top: 10px !important;
    text-align: center !important;
}
/* Slider Arrows / Navigation Buttons को छिपाने के लिए */
.slick-prev, .slick-next,
.swiper-button-prev, .swiper-button-next,
.owl-prev, .owl-next,
.carousel-control-prev, .carousel-control-next {
    display: none !important;
}

.search-container {
  width: 100%;
  max-width: 450px;
  margin: 10px auto;
}

#searchInput {
  width: 100%;
  padding: 12px 18px;
  font-size: 15px;
  border: 2px solid #3b82f6; /* हल्की मोटी हाईलाइटेड बॉर्डर */
  border-radius: 25px;
  outline: none;
  background-color: #fff;
  transition: all 0.3s ease;
  box-shadow: 0 0 8px rgba(59, 130, 246, 0.25); /* हल्का ग्लो इफ़ेक्ट */
}

/* क्लिक करने पर और ज्यादा हाईलाइट होगा */
#searchInput:focus {
  border-color: #1d4ed8;
  box-shadow: 0 0 12px rgba(29, 78, 216, 0.4);
}
/* Search Container Layout */
.search-container {
  position: relative;
  max-width: 500px;
  margin: 20px auto;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.search-box {
  display: flex;
  align-items: center;
  background: #f8f9fa;
  border: 2px solid #e0e0e0;
  border-radius: 30px;
  padding: 8px 18px;
  transition: all 0.3s ease;
}

.search-box:focus-within {
  border-color: #007bff;
  box-shadow: 0 4px 12px rgba(0, 123, 255, 0.15);
  background: #fff;
}

.search-icon {
  color: #777;
  font-size: 16px;
  margin-right: 10px;
}

.search-box input {
  border: none;
  outline: none;
  background: transparent;
  width: 100%;
  font-size: 15px;
  color: #333;
}

/* Suggestions Dropdown List */
.suggestions-list {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: #ffffff;
  border-radius: 12px;
  margin-top: 8px;
  padding: 0;
  list-style: none;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
  max-height: 250px;
  overflow-y: auto;
  display: none; /* डिफ़ॉल्ट रूप से छुपा रहेगा */
  z-index: 1000;
}

.suggestions-list li a {
  display: block;
  padding: 12px 20px;
  text-decoration: none;
  color: #333;
  font-size: 14px;
  border-bottom: 1px solid #f1f1f1;
  transition: background 0.2s;
}

.suggestions-list li:last-child a {
  border-bottom: none;
}

.suggestions-list li a:hover {
  background-color: #f0f7ff;
  color: #007bff;
  font-weight: 500;
}

}



/* ======================================================
   UPDATED & NEW CATEGORY STYLES
   ====================================================== */

/* 1. कैटेगरी के मुख्य कंटेनर की पैडिंग/मार्जिन मिनिमाइज की गई */
.sh-categories-container {
  background-color: #f6eedf !important;
  padding: 8px 12px !important; /* साइड और ऊपर-नीचे की अतिरिक्त जगह हटाई/कम की */
  margin: 0 !important;
}

/* 2. कैटेगरी आइटम ग्रिड/लिस्ट में गैप मिनिमाइज किया गया */
.sh-categories-item,
.sh-category-card {
  gap: 6px !important;
  margin: 4px !important;
  padding: 0 !important;
}

/* 3. कैटेगरी का बॉक्स: स्क्वायर विथ स्लाइट राउंड (Slightly rounded square), प्लेन क्रीम कलर, बिना बॉर्डर image-wrapper,
.sh-category-box {
  background-color: #FFFDF0 !important; /* प्लेन सॉफ्ट क्रीम कलर */
  border: none !important;              /* बॉर्डर हटाया गया */
  border-radius: 12px !important;       /* हल्का सा स्क्वायर-राउंडेड शेप */
  aspect-ratio: 1 / 1 !important;        /* स्क्वायर शेप (Square shape) */
  overflow: hidden !important;
  box-shadow: none !important;          /* प्लेन लुक के लिए शैडो भी हटाया */
}

/* 4. कैटेगरी का नाम: नीचे ब्लैक कलर और बोल्ड */
.sh-category-name,
.sh-category-title {
  color: #000000 !important;   /* प्योर ब्लैक कलर */
  font-weight: 700 !important; /* बोल्ड टेक्स्ट */
  margin-top: 6px !important;  /* इमेज से हल्का सा गैप */
  text-align: center !important;
  font-size: 13px !important;
}