#related{margin:20px 0 30px;clear:both}#related h2{margin:0 0 16px;font-size:1.25rem;font-weight:600}#related .block{width:100%}#related .wrap{display:flex;flex-wrap:wrap;gap:16px;align-items:stretch}#related .wrap > a.one{display:flex;flex-direction:column;flex:1 1 calc(25% - 16px);min-width:180px;max-width:100%;box-sizing:border-box;text-decoration:none;color:inherit;border:1px solid #e5e5e5;border-radius:8px;overflow:hidden;background:#fff;transition:box-shadow 0.2s ease,border-color 0.2s ease}#related .wrap > a.one:hover{border-color:#ccc;box-shadow:0 4px 12px rgba(0,0,0,0.08)}#related .wrap > a.one .image{width:100%;background:#f7f7f7}#related .wrap > a.one .image .img{position:relative;width:100%;padding-top:75%;overflow:hidden}#related .wrap > a.one .image .img img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block}#related .wrap > a.one .text{display:flex;flex-direction:column;flex:1 1 auto;padding:12px;gap:6px}#related .wrap > a.one .text .title{font-size:0.95rem;font-weight:600;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}#related .wrap > a.one .text .desc{font-size:0.8rem;color:#666;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}#related .wrap > a.one .text .price{margin-top:auto;padding-top:8px;font-size:1rem;font-weight:700;color:#222}#related .wrap > a.btn,#related .wrap > a.btn-secondary{flex:0 0 100%;display:inline-block;text-align:center;margin-top:8px;padding:10px 18px;border-radius:6px;background:#555;color:#fff !important;text-decoration:none;font-size:0.9rem;max-width:200px}#related .wrap > a.btn:hover,#related .wrap > a.btn-secondary:hover{background:#333}@media (max-width:900px){#related .wrap > a.one{flex:1 1 calc(50% - 16px)}}@media (max-width:520px){#related .wrap > a.one{flex:1 1 100%}}