.elementor-21173 .elementor-element.elementor-element-cf1c7ae{--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;}.elementor-21173 .elementor-element.elementor-element-515df95{--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;}.elementor-21173 .elementor-element.elementor-element-454322c{--display:flex;--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;}.elementor-21173 .elementor-element.elementor-element-933182e{--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-21173 .elementor-element.elementor-element-ad00800{--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-21173 .elementor-element.elementor-element-9e6c3cd.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-21173 .elementor-element.elementor-element-9e6c3cd.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-21173 .elementor-element.elementor-element-b3ba5d1{--display:flex;}@media(min-width:768px){.elementor-21173 .elementor-element.elementor-element-454322c{--content-width:1200px;}.elementor-21173 .elementor-element.elementor-element-933182e{--width:25%;}.elementor-21173 .elementor-element.elementor-element-ad00800{--width:75%;}}@media(max-width:1024px){.elementor-21173 .elementor-element.elementor-element-9e6c3cd.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-21173 .elementor-element.elementor-element-9e6c3cd.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for wc-archive-products, class: .elementor-element-9e6c3cd *//* ==================================================
   REKANS DIGITAL — ARCHIVE PRODUCTS
   Target: widget Archive Products Elementor
   Class: rd-archive-products
   ================================================== */

.rd-archive-products {
  --rd-product-navy: #102344;
  --rd-product-blue: #174a91;
  --rd-product-gold: #f5b51b;
  --rd-product-border: #e7edf5;
  --rd-product-muted: #687991;
}

/* Wrapper grid produk */
.rd-archive-products ul.products,
.rd-archive-products .woocommerce ul.products,
.rd-archive-products .products.elementor-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 16px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

/* Kartu produk */
.rd-archive-products ul.products li.product,
.rd-archive-products .products.elementor-grid li.product,
.rd-archive-products .woocommerce ul.products li.product {
  display: flex !important;
  flex-direction: column !important;
  float: none !important;
  clear: none !important;
  width: auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 9px !important;
  overflow: hidden;
  background: #fff;
  border: 1px solid var(--rd-product-border);
  border-radius: 9px;
  box-shadow: 0 2px 8px rgba(16, 35, 68, 0.025);
  transition: border-color .2s ease, box-shadow .2s ease;
}

.rd-archive-products ul.products li.product:hover,
.rd-archive-products .products.elementor-grid li.product:hover {
  border-color: #cbd9eb;
  box-shadow: 0 5px 16px rgba(16, 35, 68, 0.07);
}

/* Gambar produk */
.rd-archive-products li.product a img,
.rd-archive-products li.product .woocommerce-loop-product__link img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 1 / 1;
  object-fit: contain !important;
  margin: 0 0 10px !important;
  padding: 0 !important;
  border-radius: 5px;
  background: #f5f7fa;
}

/* Nama produk */
.rd-archive-products li.product .woocommerce-loop-product__title,
.rd-archive-products li.product h2,
.rd-archive-products li.product h3 {
  margin: 0 0 7px !important;
  padding: 0 !important;
  color: var(--rd-product-navy) !important;
  font-family: inherit !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  text-align: left !important;
  overflow-wrap: anywhere;
}

/* Harga */
.rd-archive-products li.product .price {
  display: block !important;
  margin: auto 0 7px !important;
  padding: 0 !important;
  color: var(--rd-product-blue) !important;
  font-size: 12px !important;
  font-weight: 750 !important;
  line-height: 1.4 !important;
  text-align: left !important;
}

.rd-archive-products li.product .price del {
  margin-right: 4px;
  color: #8491a3 !important;
  font-size: 10px !important;
  font-weight: 400 !important;
  opacity: .85;
}

.rd-archive-products li.product .price ins {
  color: var(--rd-product-blue) !important;
  text-decoration: none !important;
}

/* Rating WooCommerce */
.rd-archive-products li.product .star-rating {
  margin: 0 0 8px !important;
  color: var(--rd-product-gold) !important;
  font-size: 11px !important;
  line-height: 1 !important;
}

.rd-archive-products li.product .star-rating::before {
  color: #dce3ec !important;
}

/* Tombol produk */
.rd-archive-products li.product a.button,
.rd-archive-products li.product .button,
.rd-archive-products li.product a.add_to_cart_button {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  width: 100% !important;
  min-height: 34px;
  margin: 2px 0 0 !important;
  padding: 8px 10px !important;
  border: 0 !important;
  border-radius: 5px !important;
  background: var(--rd-product-blue) !important;
  color: #fff !important;
  font-family: inherit !important;
  font-size: 11px !important;
  font-weight: 650 !important;
  line-height: 1.35 !important;
  text-align: center !important;
  text-decoration: none !important;
  box-shadow: none !important;
  transition: background .2s ease;
}

.rd-archive-products li.product a.button:hover,
.rd-archive-products li.product .button:hover {
  background: #10396f !important;
  color: #fff !important;
}

/* Label diskon / sale */
.rd-archive-products li.product .onsale {
  position: absolute;
  top: 13px !important;
  left: 13px !important;
  right: auto !important;
  min-height: 0 !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 4px 7px !important;
  border-radius: 4px !important;
  background: var(--rd-product-blue) !important;
  color: #fff !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
}

/* Pastikan label relatif terhadap kartu */
.rd-archive-products li.product {
  position: relative;
}

/* Tablet */
@media (max-width: 1024px) {
  .rd-archive-products ul.products,
  .rd-archive-products .woocommerce ul.products,
  .rd-archive-products .products.elementor-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 13px !important;
  }
}

/* Mobile */
@media (max-width: 767px) {
  .rd-archive-products ul.products,
  .rd-archive-products .woocommerce ul.products,
  .rd-archive-products .products.elementor-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  .rd-archive-products ul.products li.product,
  .rd-archive-products .products.elementor-grid li.product {
    padding: 7px !important;
    border-radius: 7px;
  }

  .rd-archive-products li.product a img,
  .rd-archive-products li.product .woocommerce-loop-product__link img {
    margin-bottom: 8px !important;
    border-radius: 4px;
  }

  .rd-archive-products li.product .woocommerce-loop-product__title,
  .rd-archive-products li.product h2,
  .rd-archive-products li.product h3 {
    margin-bottom: 6px !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
  }

  .rd-archive-products li.product .price {
    margin-bottom: 6px !important;
    font-size: 11px !important;
  }

  .rd-archive-products li.product .star-rating {
    margin-bottom: 7px !important;
    font-size: 10px !important;
  }

  .rd-archive-products li.product a.button,
  .rd-archive-products li.product .button {
    min-height: 32px;
    padding: 7px 6px !important;
    font-size: 10px !important;
  }
}

/* Mobile sangat kecil */
@media (max-width: 360px) {
  .rd-archive-products ul.products,
  .rd-archive-products .products.elementor-grid {
    gap: 8px !important;
  }

  .rd-archive-products ul.products li.product,
  .rd-archive-products .products.elementor-grid li.product {
    padding: 6px !important;
  }
}/* End custom CSS */