/* Latest products landing uses the special-offers layout with its own artwork. */
.cd-latest-page .hero-art {
  background: linear-gradient(140deg, #10485f, #168e9b 55%, #50c9c6);
}
.cd-latest-hero-tag {
  position: absolute;
  z-index: 3;
  top: 24px;
  right: 24px;
  padding: 7px 13px;
  border: 1px solid rgba(255,255,255,.4);
  border-radius: 99px;
  background: rgba(255,255,255,.16);
  color: #fff;
  font-size: 11px;
  font-weight: 800;
}
.cd-latest-hero-card {
  position: absolute;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  width: 39%;
  max-width: 205px;
  min-height: 218px;
  padding: 13px;
  border: 1px solid rgba(255,255,255,.8);
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 18px 35px rgba(4,55,74,.2);
  color: #244653;
  text-align: center;
  transition: transform .2s ease;
}
.cd-latest-hero-card--1 { right: 12%; top: 90px; transform: rotate(7deg); }
.cd-latest-hero-card--2 { left: 10%; bottom: 36px; transform: rotate(-8deg); }
.cd-latest-hero-card--1:hover { transform: rotate(4deg) translateY(-5px); }
.cd-latest-hero-card--2:hover { transform: rotate(-5deg) translateY(-5px); }
.cd-latest-hero-card img { width: 100%; height: 155px; object-fit: contain; }
.cd-latest-hero-card span { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; font-size: 10px; font-weight: 700; line-height: 1.6; }
.cd-latest-hero-empty { position: absolute; inset: 0; display: grid; place-items: center; color: rgba(255,255,255,.7); font-size: 120px; }

.cd-latest-page .search-box { margin: 0; }
.cd-latest-page .search-box button { display: grid; flex: 0 0 25px; place-items: center; width: 25px; height: 25px; padding: 0; border: 0; background: transparent; color: #168e9a; cursor: pointer; }
.cd-latest-page .search-box button svg { width: 17px; height: 17px; }
.cd-latest-page .category-pill { display: inline-flex; align-items: center; }

.cd-latest-page .product-card { display: flex; flex-direction: column; }
.cd-latest-page .product-visual { flex: 0 0 auto; background: linear-gradient(145deg, #effafa, #e8f2f7); }
.cd-latest-page .product-visual::before,
.cd-latest-page .product-visual::after { display: none; }
.cd-latest-page .product-image { mix-blend-mode: normal; }
.cd-latest-page .discount-badge { background: #168e9a; }
.cd-latest-page .product-info { display: flex; flex: 1; flex-direction: column; }
.cd-latest-page .product-brand { font-family: inherit; font-size: 10px; font-weight: 700; line-height: 1.6; letter-spacing: normal; direction: rtl; color: #718896; }
.cd-latest-page .product-info h3 { min-height: 3.4em; }
.cd-latest-page .product-detail { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.cd-latest-page .price-row { margin-top: auto; }
.cd-latest-page .price-row--woo .woocommerce-Price-amount { color: #087f86; font-size: 13px; font-weight: 900; }
.cd-latest-page .price-row--woo del .woocommerce-Price-amount { color: #9aabb2; font-size: 10px; font-weight: 500; }
.cd-latest-page .product-link { margin-top: 0; }

.cd-latest-load { display: flex; flex-direction: column; align-items: center; gap: 8px; margin-top: 30px; }
.cd-latest-load__button { min-height: 43px; padding: 9px 24px; border: 1px solid #b8dde0; border-radius: 10px; background: #effafa; color: #087f86; font-size: 12px; font-weight: 800; cursor: pointer; }
.cd-latest-load__button:hover,
.cd-latest-load__button:focus-visible { border-color: #46bac1; background: #def4f5; }
.cd-latest-load__button:disabled { cursor: wait; opacity: .65; }
.cd-latest-load__status { min-height: 1.5em; margin: 0; color: #6c838d; font-size: 11px; text-align: center; }
.cd-latest-load__sentinel { width: 100%; height: 1px; }
.cd-latest-load.is-complete .cd-latest-load__button,
.cd-latest-load.is-complete .cd-latest-load__sentinel { display: none; }

.cd-latest-page .wide-promo__mark span { font-size: 50px; }

@media (max-width: 700px) {
  .cd-latest-hero-card { width: 38%; max-width: 170px; min-height: 165px; padding: 9px; border-radius: 14px; }
  .cd-latest-hero-card--1 { right: 8%; top: 58px; }
  .cd-latest-hero-card--2 { left: 8%; bottom: 22px; }
  .cd-latest-hero-card img { height: 115px; }
  .cd-latest-hero-tag { top: 11px; right: 11px; font-size: 9px; }
  .cd-latest-page .product-info h3 { min-height: 3.2em; }
}
@media (max-width: 480px) {
  .cd-latest-page .product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .cd-latest-page .product-info h3 { font-size: 10px; }
  .cd-latest-page .product-brand { font-size: 8px; }
  .cd-latest-page .price-row--woo .woocommerce-Price-amount { font-size: 11px; }
}
