.ultra-related-wrap{margin:32px 0}
.ultra-related{position:relative;direction:rtl}
.ultra-related-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;gap:12px}
.ultra-related-head h3{margin:0;font-size:1.15rem;font-weight:700}

.ultra-related .card{background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;height:100%;
    transition:all .3s ease-in-out;
}
.ultra-related .thumb{aspect-ratio:1/1;display:block;background:#fafafa}
.ultra-related .thumb img{width:100%;height:100%;object-fit:contain;
    padding: 10px;
    border-radius: 12px;}
.ultra-related .meta{padding:10px}
.ultra-related .title{font-size:.92rem;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0 0 8px}
.ultra-related .price{font-weight: 700;
    display: flex;
    font-size: .95rem;
    flex-direction: column;}
    .ultra-related .price bdi {
            display: flex;
    flex-direction: row-reverse;
    gap:10px;
    }
    
    .ultra-related.no-swiper .nav{display:none;}
    
    .ultra-related .price del  .woocommerce-Price-currencySymbol {
        display:none;

    }
    .ultra-related .price ins ,.ultra-related .price .woocommerce-Price-amount.amount {color:#ef3a4f;text-decoration:none;}
    
      .ultra-related .price del .woocommerce-Price-amount.amount,.ultra-related .price del, .ultra-related .price .woocommerce-Price-currencySymbol{color:#9D9D9D!important;}
      
      
      .ultra-related .card:hover {
              border-color:#ef3a4f;
              transition:all .3s ease-in-out;
      }

.ultra-related .swiper{padding:6px 2px}
.ultra-related .swiper-slide{height:auto}
.ultra-related .swiper-button-next,
.ultra-related .swiper-button-prev{
	color:var(--color-secondary,#222);
	width:36px;height:36px;border-radius:999px;background:#fff;border:1px solid rgba(0,0,0,.1);
	box-shadow:0 4px 14px rgba(0,0,0,.06);
}
.ultra-related .swiper-button-next:after,
.ultra-related .swiper-button-prev:after{font-size:16px}
.ultra-related .swiper-pagination-bullets{bottom:0}

/* وقتی اسلایدر لازم نباشه */
.ultra-related.no-swiper .ultra-grid{
	display:grid;gap:12px;
	grid-template-columns:repeat(5,minmax(0,1fr));
}
@media (max-width:1200px){ .ultra-related.no-swiper .ultra-grid{grid-template-columns:repeat(4,1fr);} }
@media (max-width:992px){  .ultra-related.no-swiper .ultra-grid{grid-template-columns:repeat(3,1fr);} }
@media (max-width:600px){  .ultra-related.no-swiper .ultra-grid{grid-template-columns:repeat(2,1fr);} }