.supplier-cards{margin-top:var(--margin-top, 16px);margin-bottom:var(--margin-bottom, 16px);background-color:#f8fafc;border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;padding:20px 0}.supplier-cards__container{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;align-items:center;max-width:1200px;margin:0 auto;padding:0 16px}.supplier-card{flex:0 0 auto;max-width:180px;width:180px;transition:transform .2s ease}.supplier-card:hover{transform:translateY(-2px)}.supplier-card__link{display:block;text-decoration:none;color:inherit}.supplier-card__content{position:relative;height:60px;width:100%;border-radius:8px;overflow:hidden;background-color:#fff;border:1px solid #d1d5db;transition:all .2s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #0000001a}.supplier-card__content:hover{border-color:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #dc262626}.supplier-card__image{position:absolute;top:8px;left:8px;right:8px;bottom:8px;z-index:1;display:flex;align-items:center;justify-content:center}.supplier-card__image img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;object-position:center}.supplier-card__text{position:relative;z-index:3;display:flex;align-items:center;justify-content:center;height:100%;width:100%;padding:0 12px}.supplier-card__name{font-size:13px;font-weight:600;color:#374151;text-align:center;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2;overflow:hidden;text-overflow:ellipsis}.supplier-card__content:has(.supplier-card__image) .supplier-card__name{visibility:hidden}.supplier-card__content:not(:has(.supplier-card__image)){background:linear-gradient(135deg,#f9fafb,#fff)}.supplier-card__content:not(:has(.supplier-card__image)) .supplier-card__name{color:#dc2626;font-weight:700;visibility:visible}@media screen and (max-width: 768px){.supplier-cards__container{gap:12px}.supplier-card{flex:0 0 calc(50% - 6px);width:calc(50% - 6px);max-width:160px}.supplier-card__content{height:50px}.supplier-card__name{font-size:12px}}@media screen and (max-width: 480px){.supplier-cards__container{gap:8px;padding:0 12px}.supplier-card{flex:0 0 calc(50% - 4px);width:calc(50% - 4px);max-width:140px}.supplier-card__content{height:45px}.supplier-card__name{font-size:11px}}.supplier-card__link:focus .supplier-card__content{outline:2px solid #dc2626;outline-offset:2px}@media (prefers-reduced-motion: reduce){.supplier-card__content,.supplier-card{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/component-supplier-card.css.map */