.elementor-29016 .elementor-element.elementor-element-5b73708{--display:flex;}.elementor-29016 .elementor-element.elementor-element-d3cfe8b{--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;}.elementor-29016 .elementor-element.elementor-element-e1bdc8d{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-29016 .elementor-element.elementor-element-b4cb0ce > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-29016 .elementor-element.elementor-element-b99e663{--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;}.elementor-29016 .elementor-element.elementor-element-f5d06d6{--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;}:root{--page-title-display:none;}/* Start custom CSS for wd_product_categories, class: .elementor-element-b4cb0ce *//* =====================================================
   Dream Decor - FINAL CLEAN GRID (NO WOODMART CONFLICT)
===================================================== */

/* ================= BACKGROUND ================= */
/* ================= PREMIUM BACKGROUND ================= */
.dd-cat-modern {
  padding: 110px 20px;
}
/* ================= GRID ================= */
.dd-cat-modern .wd-cats {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr);
  gap: 34px !important;
  max-width: 1200px;
  margin: 0 auto;
}

/* TABLET */
@media(max-width:1024px){
  .dd-cat-modern .wd-cats {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* MOBILE */
@media(max-width:600px){
  .dd-cat-modern {
    padding: 70px 15px;
  }

  .dd-cat-modern .wd-cats {
    grid-template-columns: repeat(2, 1fr);
    gap: 18px !important;
  }
}

/* ================= CARD ================= */
.dd-cat-modern .wd-cat-inner {
  border-radius: 16px;
  overflow: hidden;

  background: rgba(255,255,255,0.02);
  backdrop-filter: blur(10px);

  border: 1px solid rgba(212,175,55,0.06);

  transition: all 0.45s ease;
}

.dd-cat-modern .wd-cat-inner:hover {
  transform: translateY(-6px);
  box-shadow:
    0 15px 40px rgba(0,0,0,0.6),
    0 0 20px rgba(212,175,55,0.08);
}

/* ================= IMAGE ================= */
.dd-cat-modern .wd-cat-thumb {
  aspect-ratio: 2 / 1;
  overflow: hidden;
}

.dd-cat-modern .wd-cat-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;

  transition: transform 0.8s ease, filter 0.8s ease;
  filter: brightness(0.8);
}

.dd-cat-modern .wd-cat-inner:hover img {
  transform: scale(1.08);
  filter: brightness(0.95);
}

/* ================= REMOVE ALL WOODMART TEXT ================= */
.dd-cat-modern .wd-cat-content,
.dd-cat-modern .wd-entities-title,
.dd-cat-modern .wd-cat-count,
.dd-cat-modern .hover-mask {
  display: none !important;
}

/* ================= CUSTOM LABEL ================= */
.dd-cat-modern .wd-cat-inner::after {
  content: attr(data-name);
  display: block;
  text-align: center;

  font-family: 'Playfair Display', serif;
  font-size: 15px;
  letter-spacing: 0.08em;

  color: #e8dcc7;

  padding:14px 0 4px;
  margin-top: 6px;

  transition: all 0.3s ease;
}

/* HOVER LABEL */
.dd-cat-modern .wd-cat-inner:hover::after {
  color: #d4af37;
  transform: translateY(-2px);
}

/* ================= FIX CLICK ================= */
.dd-cat-modern .wd-fill {
  z-index: 2;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e1bdc8d */.elementor-29016 .elementor-element.elementor-element-e1bdc8d {
    background: 
        radial-gradient(circle at 50% 0%, rgba(212,175,55,0.12), transparent 55%),
        radial-gradient(circle at 20% 80%, rgba(212,175,55,0.05), transparent 60%),
        linear-gradient(180deg,
          #041008 0%,
          #06140c 20%,
          #0a1a0f 50%,
          #0d2113 100%
        );
}/* End custom CSS */