.zarincrtfre-product-card{ display:flex; align-items:center; gap:14px; direction:rtl; width:100%; min-width:0; } .zarincrtfre-product-card__thumb-wrap{ flex:0 0 76px; width:76px; } .zarincrtfre-product-card__thumb-link{ display:block; position:relative; overflow:hidden; border-radius:18px; background:#f7f7f9; box-shadow:0 6px 18px rgba(15, 23, 42, 0.06); transition:transform .25s ease, box-shadow .25s ease, opacity .25s ease; } .zarincrtfre-product-card__thumb-link:hover{ transform:translateY(-2px); box-shadow:0 10px 24px rgba(15, 23, 42, 0.10); } .zarincrtfre-product-card__thumb-link::after{ content:''; position:absolute; inset:0; background:linear-gradient(180deg, rgba(255,255,255,0) 40%, rgba(0,0,0,.05) 100%); opacity:0; transition:opacity .25s ease; pointer-events:none; } .zarincrtfre-product-card__thumb-link:hover::after{ opacity:1; } .zarincrtfre-product-card__thumb{ width:100%; aspect-ratio:1 / 1; object-fit:cover; display:block; } .zarincrtfre-product-card__content{ flex:1 1 auto; min-width:0; display:flex; flex-direction:column; justify-content:center; } .zarincrtfre-product-card__title{ margin:0; padding:0; font-size:18px; line-height:1.7; font-weight:700; color:#111827; } .zarincrtfre-product-card__title-link{ display:block; color:inherit; text-decoration:none; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; transition:color .2s ease; } .zarincrtfre-product-card__title-link:hover{ color:#16a34a; } .zarincrtfre-product-card__cat{ margin-top:6px; display:inline-flex; align-items:center; gap:6px; max-width:100%; color:#8b5cf6; font-size:14px; line-height:1.5; font-weight:600; } .zarincrtfre-product-card__cat-link{ display:inline-flex; align-items:center; gap:6px; color:inherit; text-decoration:none; min-width:0; transition:opacity .2s ease, color .2s ease; } .zarincrtfre-product-card__cat-link:hover{ opacity:.85; color:#7c3aed; } .zarincrtfre-product-card__cat-text{ display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .zarincrtfre-product-card__cat-icon{ width:16px; height:16px; min-width:16px; stroke:currentColor; } @media (max-width: 767px){ .zarincrtfre-product-card{ gap:12px; } .zarincrtfre-product-card__thumb-wrap{ flex:0 0 64px; width:64px; } .zarincrtfre-product-card__thumb-link{ border-radius:15px; } .zarincrtfre-product-card__title{ font-size:15px; line-height:1.6; } .zarincrtfre-product-card__cat{ font-size:13px; margin-top:4px; } .zarincrtfre-product-card__cat-icon{ width:15px; height:15px; min-width:15px; } } @media (max-width: 480px){ .zarincrtfre-product-card__thumb-wrap{ flex:0 0 58px; width:58px; } .zarincrtfre-product-card__title{ font-size:14px; } .zarincrtfre-product-card__cat{ font-size:12px; } }