.elementor-3723 .elementor-element.elementor-element-4a9a738f .woocommerce-breadcrumb{color:var( --e-global-color-0eb3092 );font-family:"Arial", Sans-serif;font-size:16px;font-weight:200;line-height:1.7em;}.elementor-3723 .elementor-element.elementor-element-4a9a738f .woocommerce-breadcrumb > a{color:#7a7a7a;}.elementor-3723 .elementor-element.elementor-element-52543c2 > .elementor-container{max-width:1177px;}.elementor-bc-flex-widget .elementor-3723 .elementor-element.elementor-element-eedcf23.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-3723 .elementor-element.elementor-element-eedcf23.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-3723 .elementor-element.elementor-global-3732 .elementor-button{background-color:var( --e-global-color-0eb3092 );}.elementor-bc-flex-widget .elementor-3723 .elementor-element.elementor-element-f44e7c1.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-3723 .elementor-element.elementor-element-f44e7c1.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-3723 .elementor-element.elementor-element-d48f646 .elementor-button{background-color:var( --e-global-color-0eb3092 );}.elementor-3723 .elementor-element.elementor-element-5ab64cc9{font-family:"Merriweather", Sans-serif;font-size:12px;color:#7a7a7a;}.elementor-3723 .elementor-element.elementor-element-5ab64cc9 a{color:#000000;}.elementor-3723 .elementor-element.elementor-element-16b0486 > .elementor-container{max-width:1228px;}.elementor-3723 .elementor-element.elementor-element-7903647.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-3723 .elementor-element.elementor-element-7903647.elementor-wc-products ul.products li.product span.onsale{display:block;}@media(max-width:1024px){.elementor-3723 .elementor-element.elementor-element-7903647.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-3723 .elementor-element.elementor-element-7903647.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for woocommerce-product-related, class: .elementor-element-7903647 *//* ================================
   ABBEY BLUE LEGAL — RELATED PRODUCTS (2025 REBUILD)
   ================================= */
.related.products {
  background: #f7f8fa;
  padding: 80px 20px;
  text-align: center;
  border-radius: 12px;
  margin-top: 80px;
}

.related.products h2 {
  color: #092471;
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 50px;
}

/* --- Product grid --- */
.related.products ul.products {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 35px;
  justify-items: center;
  align-items: stretch;
  margin: 0 auto;
  max-width: 1150px;
}

/* --- Product card container --- */
.related.products ul.products li.product {
  background: #ffffff;
  border-radius: 16px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
  overflow: hidden;
  transition: all 0.35s ease;
  width: 100%;
  display: flex !important;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  position: relative;
  text-align: left;
}

.related.products ul.products li.product:hover {
  transform: translateY(-6px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}

/* --- Make entire card clickable --- */
.related.products ul.products li.product a.woocommerce-LoopProduct-link {
  text-decoration: none;
  color: inherit;
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* --- Image styling --- */
.related.products ul.products li.product img {
  width: 100%;
  height: 230px;
  object-fit: cover;
  transition: transform 0.4s ease;
}

.related.products ul.products li.product:hover img {
  transform: scale(1.04);
}

/* --- Product title --- */
.related.products ul.products li.product .woocommerce-loop-product__title {
  color: #092471;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.4;
  padding: 20px 18px 0;
  margin: 0;
  flex-grow: 1;
  white-space: normal;
  overflow: visible;
  text-overflow: unset;
  word-break: break-word;
  text-align: left;
}

/* --- Price --- */
.related.products ul.products li.product .price {
  color: #1943BE;
  font-weight: 700;
  font-size: 17px;
  padding: 15px 18px 25px;
  display: block;
  text-align: left;
}

/* --- Hover color change --- */
.related.products ul.products li.product:hover .woocommerce-loop-product__title {
  color: #151C34;
}
.related.products ul.products li.product:hover .price {
  color: #CA9C5E;
}

/* --- Optional "View Details" button --- */
.related.products ul.products li.product .button {
  background: #092471;
  color: #fff;
  border-radius: 6px;
  padding: 10px 22px;
  font-weight: 600;
  margin: 0 18px 22px;
  text-align: center;
  text-transform: capitalize;
  transition: all 0.3s ease;
}
.related.products ul.products li.product .button:hover {
  background: #CA9C5E;
  color: #151C34;
}

/* --- Responsive adjustments --- */
@media (max-width: 768px) {
  .related.products h2 {
    font-size: 26px;
    margin-bottom: 40px;
  }
  .related.products ul.products {
    grid-template-columns: 1fr;
    gap: 25px;
  }
  .related.products ul.products li.product {
    max-width: 100%;
  }
}

/* --- Fade animation --- */
.related.products ul.products li.product {
  opacity: 0;
  transform: translateY(25px);
  animation: fadeUp 0.6s forwards;
}
.related.products ul.products li.product:nth-child(2) {
  animation-delay: 0.1s;
}
.related.products ul.products li.product:nth-child(3) {
  animation-delay: 0.2s;
}
@keyframes fadeUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}/* End custom CSS */