.elementor-10 .elementor-element.elementor-element-b907150{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-premium-carousel-widget .premium-carousel-wrapper .slick-arrow{color:var( --e-global-color-secondary );}.elementor-widget-premium-carousel-widget .premium-carousel-wrapper .slick-arrow svg{fill:var( --e-global-color-secondary );}.elementor-widget-premium-carousel-widget .premium-carousel-wrapper .slick-arrow:hover{color:var( --e-global-color-secondary );}.elementor-widget-premium-carousel-widget .premium-carousel-wrapper .slick-arrow:hover svg{fill:var( --e-global-color-secondary );}.elementor-widget-premium-carousel-widget .premium-carousel-nav-fraction{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-premium-carousel-widget ul.slick-dots li{color:var( --e-global-color-secondary );}.elementor-widget-premium-carousel-widget ul.slick-dots li svg{fill:var( --e-global-color-secondary );}.elementor-widget-premium-carousel-widget .fraction-pagination-total{color:var( --e-global-color-secondary );}.elementor-widget-premium-carousel-widget .fraction-pagination-separator{color:var( --e-global-color-secondary );}.elementor-widget-premium-carousel-widget ul.slick-dots li.slick-active{color:var( --e-global-color-primary );}.elementor-widget-premium-carousel-widget ul.slick-dots li.slick-active svg{fill:var( --e-global-color-primary );}.elementor-widget-premium-carousel-widget .fraction-pagination-current{color:var( --e-global-color-primary );}.elementor-10 .elementor-element.elementor-element-7c188e4 .premium-carousel-scale .slick-slide{transition:all 900ms !important;}.elementor-10 .elementor-element.elementor-element-7c188e4 .premium-carousel-nav-progressbar-fill{transition-duration:900ms !important;}.elementor-10 .elementor-element.elementor-element-7c188e4 .premium-carousel-dots-above ul.slick-dots{left:1px;top:1px;}.elementor-10 .elementor-element.elementor-element-7c188e4 .premium-carousel-dots-below ul.slick-dots{bottom:1px;}.elementor-10 .elementor-element.elementor-element-7c188e4 .premium-carousel-nav-fraction{bottom:1px;}.elementor-10 .elementor-element.elementor-element-7c188e4 .premium-carousel-wrapper .slick-arrow{font-size:14px;}.elementor-10 .elementor-element.elementor-element-7c188e4 .premium-carousel-wrapper .slick-arrow svg{width:14px;height:14px;}.elementor-10 .elementor-element.elementor-element-7c188e4 ul.slick-dots li, .elementor-10 .elementor-element.elementor-element-7c188e4 ul.slick-dots li svg{width:2px;height:2px;font-size:calc( 2px / 2 );}.elementor-10 .elementor-element.elementor-element-7c188e4 ul.slick-dots li{color:var( --e-global-color-text );}.elementor-10 .elementor-element.elementor-element-7c188e4 ul.slick-dots li svg{fill:var( --e-global-color-text );}.elementor-10 .elementor-element.elementor-element-7c188e4 .fraction-pagination-total{color:var( --e-global-color-text );}.elementor-10 .elementor-element.elementor-element-7c188e4 ul.slick-dots li.slick-active{color:var( --e-global-color-accent );}.elementor-10 .elementor-element.elementor-element-7c188e4 ul.slick-dots li.slick-active svg{fill:var( --e-global-color-accent );}.elementor-10 .elementor-element.elementor-element-7c188e4 .fraction-pagination-current{color:var( --e-global-color-accent );}.elementor-10 .elementor-element.elementor-element-1322728{--display:flex;--min-height:0px;--overlay-opacity:0.5;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:1;}.elementor-10 .elementor-element.elementor-element-1322728::before, .elementor-10 .elementor-element.elementor-element-1322728 > .elementor-background-video-container::before, .elementor-10 .elementor-element.elementor-element-1322728 > .e-con-inner > .elementor-background-video-container::before, .elementor-10 .elementor-element.elementor-element-1322728 > .elementor-background-slideshow::before, .elementor-10 .elementor-element.elementor-element-1322728 > .e-con-inner > .elementor-background-slideshow::before, .elementor-10 .elementor-element.elementor-element-1322728 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #706D6D61 26%, #0E0130 81%);}.elementor-10 .elementor-element.elementor-element-b7f874d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-10 .elementor-element.elementor-element-229c457{--display:flex;--min-height:100vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:2;}.elementor-10 .elementor-element.elementor-element-229c457 > .elementor-shape-bottom .elementor-shape-fill, .elementor-10 .elementor-element.elementor-element-229c457 > .e-con-inner > .elementor-shape-bottom .elementor-shape-fill{fill:#FEF9E775;}.elementor-10 .elementor-element.elementor-element-229c457 > .elementor-shape-bottom svg, .elementor-10 .elementor-element.elementor-element-229c457 > .e-con-inner > .elementor-shape-bottom svg{width:calc(100% + 1.3px);height:30px;transform:translateX(-50%) rotateY(180deg);}.elementor-10 .elementor-element.elementor-element-229c457 > .elementor-shape-bottom, .elementor-10 .elementor-element.elementor-element-229c457 > .e-con-inner > .elementor-shape-bottom{z-index:2;pointer-events:none;}.elementor-10 .elementor-element.elementor-element-5c46e64{width:var( --container-widget-width, 100.103% );max-width:100.103%;--container-widget-width:100.103%;--container-widget-flex-grow:0;}.elementor-10 .elementor-element.elementor-element-5c46e64.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-10 .elementor-element.elementor-element-f07fe35{--display:flex;--margin-top:-15px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:0;}.elementor-10 .elementor-element.elementor-element-f07fe35 > .elementor-shape-top .elementor-shape-fill, .elementor-10 .elementor-element.elementor-element-f07fe35 > .e-con-inner > .elementor-shape-top .elementor-shape-fill{fill:#FDF9E9B3;}.elementor-10 .elementor-element.elementor-element-f07fe35 > .elementor-shape-top svg, .elementor-10 .elementor-element.elementor-element-f07fe35 > .e-con-inner > .elementor-shape-top svg{width:calc(154% + 1.3px);height:54px;}.elementor-10 .elementor-element.elementor-element-f07fe35 > .elementor-shape-top, .elementor-10 .elementor-element.elementor-element-f07fe35 > .e-con-inner > .elementor-shape-top{z-index:2;pointer-events:none;}.elementor-10 .elementor-element.elementor-element-f07fe35 > .elementor-shape-bottom .elementor-shape-fill, .elementor-10 .elementor-element.elementor-element-f07fe35 > .e-con-inner > .elementor-shape-bottom .elementor-shape-fill{fill:#FEF9E77A;}.elementor-10 .elementor-element.elementor-element-f07fe35 > .elementor-shape-bottom, .elementor-10 .elementor-element.elementor-element-f07fe35 > .e-con-inner > .elementor-shape-bottom{z-index:2;pointer-events:none;}.elementor-10 .elementor-element.elementor-element-e121404{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:3;}.elementor-10 .elementor-element.elementor-element-e121404 > .elementor-shape-bottom .elementor-shape-fill, .elementor-10 .elementor-element.elementor-element-e121404 > .e-con-inner > .elementor-shape-bottom .elementor-shape-fill{fill:var( --e-global-color-text );}.elementor-10 .elementor-element.elementor-element-e121404 > .elementor-shape-bottom svg, .elementor-10 .elementor-element.elementor-element-e121404 > .e-con-inner > .elementor-shape-bottom svg{width:calc(300% + 1.3px);height:55px;transform:translateX(-50%) rotateY(180deg);}.elementor-10 .elementor-element.elementor-element-e121404 > .elementor-shape-bottom, .elementor-10 .elementor-element.elementor-element-e121404 > .e-con-inner > .elementor-shape-bottom{z-index:2;pointer-events:none;}.elementor-10 .elementor-element.elementor-element-10fb9db{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-10 .elementor-element.elementor-element-7eee5b1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:-49px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-56a28d7{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:-25px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:0;}.elementor-10 .elementor-element.elementor-element-8b50d1b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-e89d8e8 */<style>
  .rituvana-categories {
    padding: 4rem 1rem;
    background-color: #1f1f1f; /* --stone-900 */
    color: #fef9e7; /* --ivory */
    font-family: 'Inter', sans-serif;
  }

  .rituvana-categories h2 {
    font-family: 'Cormorant Garamond', serif;
    font-size: 2.5rem;
    text-align: center;
    margin-bottom: 3rem;
  }

  .category-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 2rem;
    max-width: 1200px;
    margin: auto;
  }

  .category-card {
    background-color: #2b2b2b; /* --stone-700 */
    padding: 2rem;
    border-radius: 1.5rem;
    text-align: center;
    flex: 1 1 250px;
    max-width: 300px;
    transition: 0.3s ease;
  }

  .category-card:hover {
    background-color: #3c3c3c;
    box-shadow: 0 4px 20px rgba(209, 156, 40, 0.15); /* soft gold glow */
  }

  .category-card img {
    width: 100%;
    max-height: 180px;
    object-fit: contain;
    border-radius: 1rem;
    margin-bottom: 1.2rem;
  }

  .category-card h3 {
    font-size: 1.25rem;
    color: #fef9e7;
    margin-bottom: 0.5rem;
  }

  .category-card a {
    color: #d19c28; /* --brass */
    text-decoration: none;
    font-weight: 500;
    transition: color 0.3s ease;
  }

  .category-card a:hover {
    color: #e8c869; /* --sand */
  }

  @media (max-width: 768px) {
    .category-card {
      flex: 1 1 100%;
      max-width: 100%;
    }
  }
</style>

<section class="rituvana-categories">
  <h2>Explore Our Sacred Categories</h2>

  <div class="category-grid">
    <!-- Temple Kits -->
    <div class="category-card">
      <img src="https://via.placeholder.com/300x180?text=Temple+Kits" alt="Temple Kits">
      <h3>Temple Kits</h3>
      <a href="/temple-kits">View Kits →</a>
    </div>

    <!-- Occasion Kits -->
    <div class="category-card">
      <img src="https://via.placeholder.com/300x180?text=Occasion+Kits" alt="Occasion Kits">
      <h3>Occasion Kits</h3>
      <a href="/occasion-kits">View Kits →</a>
    </div>

    <!-- Astrology Kits -->
    <div class="category-card">
      <img src="https://via.placeholder.com/300x180?text=Astrology+Kits" alt="Astrology Kits">
      <h3>Astrology Kits</h3>
      <a href="/astrology-kits">View Kits →</a>
    </div>

    <!-- Wellness Kits -->
    <div class="category-card">
      <img src="https://via.placeholder.com/300x180?text=Wellness+Kits" alt="Wellness Kits">
      <h3>Wellness Kits</h3>
      <a href="/wellness-kits">View Kits →</a>
    </div>
  </div>
</section>/* End custom CSS */