.elementor-12 .elementor-element.elementor-element-80df97f{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--overlay-opacity:0.5;--padding-top:5em;--padding-bottom:5em;--padding-left:0em;--padding-right:0em;}.elementor-12 .elementor-element.elementor-element-80df97f:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-80df97f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-044b931 );}.elementor-12 .elementor-element.elementor-element-80df97f::before, .elementor-12 .elementor-element.elementor-element-80df97f > .elementor-background-video-container::before, .elementor-12 .elementor-element.elementor-element-80df97f > .e-con-inner > .elementor-background-video-container::before, .elementor-12 .elementor-element.elementor-element-80df97f > .elementor-background-slideshow::before, .elementor-12 .elementor-element.elementor-element-80df97f > .e-con-inner > .elementor-background-slideshow::before, .elementor-12 .elementor-element.elementor-element-80df97f > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://mahaveermoortikala.com/wp-content/uploads/2026/08/background_banner.png");--background-overlay:'';background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-12 .elementor-element.elementor-element-80df97f.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-12 .elementor-element.elementor-element-8f577ab{--display:flex;--padding-top:2em;--padding-bottom:2em;--padding-left:2em;--padding-right:2em;}.elementor-12 .elementor-element.elementor-element-f54f797{text-align:center;}.elementor-12 .elementor-element.elementor-element-f54f797 .elementor-heading-title{font-family:var( --e-global-typography-a435f28-font-family ), Sans-serif;font-size:var( --e-global-typography-a435f28-font-size );font-weight:var( --e-global-typography-a435f28-font-weight );text-transform:var( --e-global-typography-a435f28-text-transform );line-height:var( --e-global-typography-a435f28-line-height );letter-spacing:var( --e-global-typography-a435f28-letter-spacing );color:#FFFFFF;}.elementor-12 .elementor-element.elementor-element-f2ca2da{width:100%;max-width:100%;}.elementor-12 .elementor-element.elementor-element-f2ca2da.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-12 .elementor-element.elementor-element-9adc26f{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;}@media(min-width:768px){.elementor-12 .elementor-element.elementor-element-80df97f{--width:99.914%;}}@media(max-width:1024px){.elementor-12 .elementor-element.elementor-element-80df97f{--padding-top:3em;--padding-bottom:3em;--padding-left:0em;--padding-right:0em;}.elementor-12 .elementor-element.elementor-element-f54f797 .elementor-heading-title{font-size:var( --e-global-typography-a435f28-font-size );line-height:var( --e-global-typography-a435f28-line-height );letter-spacing:var( --e-global-typography-a435f28-letter-spacing );}}@media(max-width:767px){.elementor-12 .elementor-element.elementor-element-80df97f{--padding-top:2em;--padding-bottom:2em;--padding-left:0em;--padding-right:0em;}.elementor-12 .elementor-element.elementor-element-8f577ab{--gap:7px 7px;--row-gap:7px;--column-gap:7px;--padding-top:14px;--padding-bottom:14px;--padding-left:14px;--padding-right:14px;}.elementor-12 .elementor-element.elementor-element-f54f797 .elementor-heading-title{font-size:var( --e-global-typography-a435f28-font-size );line-height:var( --e-global-typography-a435f28-line-height );letter-spacing:var( --e-global-typography-a435f28-letter-spacing );}}/* Start custom CSS for wc-categories, class: .elementor-element-f2ca2da *//* ==========================================
   MAHAVEER MOORTI KALA
   PREMIUM WOOCOMMERCE CATEGORY CARDS
   ========================================== */

:root {
  --mmk-cream: #FFF8E9;
  --mmk-green: #183E32;
  --mmk-gold: #AB792C;
  --mmk-border: #E8D7B5;
  --mmk-text: #292D29;
  --mmk-card: #FFF9ED;
}

/* ==========================================
   SHOP / CATEGORY PAGE
   ========================================== */

body.post-type-archive-product,
body.tax-product_cat {
  background: var(--mmk-cream);
}

body.post-type-archive-product .woocommerce,
body.tax-product_cat .woocommerce {
  padding: 16px 15px 40px !important;
  box-sizing: border-box;
}

/* ==========================================
   CATEGORY GRID
   ========================================== */

.woocommerce ul.products {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px !important;

  margin: 0 !important;
  padding: 0 !important;

  align-items: start !important;
  grid-auto-rows: max-content !important;
}

.woocommerce ul.products::before,
.woocommerce ul.products::after {
  display: none !important;
}

/* ==========================================
   CATEGORY CARD
   No extra padding around the image
   ========================================== */

.woocommerce ul.products li.product-category {
  float: none !important;
  width: auto !important;
  min-width: 0 !important;
  height: fit-content !important;

  margin: 0 !important;
  padding: 0 !important;

  background: var(--mmk-card) !important;
  border: 1px solid var(--mmk-border) !important;
  border-radius: 5px !important;

  box-sizing: border-box !important;
  overflow: hidden !important;
  align-self: start !important;

  box-shadow: 0 2px 5px rgba(69, 49, 18, 0.05);

  transition:
    border-color 0.25s ease,
    box-shadow 0.25s ease,
    transform 0.25s ease;
}

/* Hover effect */

.woocommerce ul.products li.product-category:hover {
  border-color: var(--mmk-gold) !important;
  box-shadow: 0 4px 12px rgba(69, 49, 18, 0.10);
  transform: translateY(-2px);
}

/* ==========================================
   CATEGORY IMAGE LINK
   ========================================== */

.woocommerce ul.products li.product-category > a {
  display: block !important;
  width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  line-height: 0 !important;
  text-decoration: none !important;
  box-sizing: border-box !important;
}

/* ==========================================
   CATEGORY IMAGE
   Original ratio and natural height
   ========================================== */

.woocommerce ul.products li.product-category a img {
  display: block !important;

  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 0 !important;

  aspect-ratio: auto !important;
  object-fit: contain !important;
  object-position: center center !important;

  margin: 0 !important;
  padding: 0 !important;

  border: 1px solid var(--mmk-gold) !important;
  border-radius: 2px !important;

  background: transparent !important;
  box-shadow: none !important;

  box-sizing: border-box !important;
}

/* ==========================================
   CATEGORY TITLE
   ========================================== */

.woocommerce ul.products li.product-category h2,
.woocommerce ul.products li.product-category
.woocommerce-loop-category__title {
  display: block !important;

  margin: 0 !important;
  padding: 7px 5px 5px !important;

  color: var(--mmk-green) !important;
  background: transparent !important;

  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  text-align: left !important;

  box-sizing: border-box !important;
}

/* Category product count */

.woocommerce ul.products li.product-category h2 mark,
.woocommerce ul.products li.product-category
.woocommerce-loop-category__title mark,
.woocommerce ul.products li.product-category h2 .count,
.woocommerce ul.products li.product-category
.woocommerce-loop-category__title .count {
  color: var(--mmk-gold) !important;
  background: transparent !important;

  font-size: 10px !important;
  font-weight: 500 !important;

  padding: 0 !important;
  margin: 0 !important;
  box-shadow: none !important;
}

/* ==========================================
   NORMAL PRODUCT CARDS
   ========================================== */

.woocommerce ul.products li.product:not(.product-category) {
  float: none !important;
  width: auto !important;
  min-width: 0 !important;

  margin: 0 !important;
  padding: 8px !important;

  background: #FFFFFF;
  border: 1px solid var(--mmk-border);
  border-radius: 5px;

  box-sizing: border-box !important;

  transition:
    box-shadow 0.25s ease,
    border-color 0.25s ease;
}

.woocommerce ul.products li.product:not(.product-category):hover {
  border-color: var(--mmk-gold);
  box-shadow: 0 4px 12px rgba(24, 62, 50, 0.08);
}

.woocommerce ul.products li.product:not(.product-category) a img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1;
  object-fit: contain;

  margin: 0 0 8px;
}

.woocommerce ul.products li.product
.woocommerce-loop-product__title {
  color: var(--mmk-green);
  font-size: 13px;
  font-weight: 600;
  line-height: 1.45;
  padding: 0;
}

.woocommerce ul.products li.product .price {
  color: var(--mmk-gold);
  font-size: 13px;
}

/* ==========================================
   SORTING + RESULT COUNT
   ========================================== */

.woocommerce .woocommerce-result-count {
  color: var(--mmk-text);
  font-size: 12px;
}

.woocommerce .woocommerce-ordering select {
  background: #FFFDF7;
  color: var(--mmk-green);

  border: 1px solid var(--mmk-border);
  border-radius: 4px;

  padding: 8px 10px;
  font-size: 12px;
}

/* ==========================================
   BUTTONS
   ========================================== */

.woocommerce ul.products li.product .button,
.woocommerce a.button,
.woocommerce button.button {
  background: var(--mmk-green);
  color: #FFFFFF;

  border: 1px solid var(--mmk-green);
  border-radius: 3px;

  padding: 9px 13px;
  font-size: 12px;

  transition: all 0.2s ease;
}

.woocommerce ul.products li.product .button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover {
  background: var(--mmk-gold);
  border-color: var(--mmk-gold);
  color: #FFFFFF;
}

/* ==========================================
   PAGINATION
   ========================================== */

.woocommerce nav.woocommerce-pagination ul {
  border: none !important;
}

.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
  background: #FFFDF7;
  color: var(--mmk-green);
  border: 1px solid var(--mmk-border);
}

.woocommerce nav.woocommerce-pagination ul li span.current {
  background: var(--mmk-green);
  color: #FFFFFF;
}

/* ==========================================
   TABLET
   ========================================== */

@media (max-width: 1024px) {
  body.post-type-archive-product .woocommerce,
  body.tax-product_cat .woocommerce {
    padding: 14px 12px 30px !important;
  }

  .woocommerce ul.products {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px !important;
  }
}

/* ==========================================
   MOBILE
   ========================================== */

@media (max-width: 600px) {
  body.post-type-archive-product .woocommerce,
  body.tax-product_cat .woocommerce {
    padding: 12px 9px 25px !important;
  }

  .woocommerce ul.products {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px !important;
  }

  .woocommerce ul.products li.product-category {
    padding: 0 !important;
    height: fit-content !important;
  }

  .woocommerce ul.products li.product-category a img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: auto !important;
    object-fit: contain !important;
  }

  .woocommerce ul.products li.product-category h2,
  .woocommerce ul.products li.product-category
  .woocommerce-loop-category__title {
    padding: 6px 4px 5px !important;
    font-size: 10px !important;
  }

  .woocommerce ul.products li.product-category h2 mark,
  .woocommerce ul.products li.product-category
  .woocommerce-loop-category__title mark {
    font-size: 9px !important;
  }
}/* End custom CSS */