@import url("../../styles/global-style.css");
/* --- KARTA -------------------------------------------------------------- */
.product-card{display:flex;flex-direction:column;justify-content:space-between;border:1px solid #e0e0e0;border-radius:8px;background:#fff;padding:12px 14px;transition:none;}
.product-card:hover{box-shadow:none;transform:none}
.product-card__link{color:inherit;text-decoration:none;display:block}

/* --- OBRAZ -------------------------------------------------------------- */
.product-card__image{position:relative;display:flex;align-items:center;justify-content:center;background:#f9f9f9;margin:0}
.product-card__image img{max-width:100%;max-height:100%;object-fit:contain;aspect-ratio:1/1;transition:none}
.product-card:hover .product-card__image img{transform:none}

/* Logo marki – prawe górne, stałe rozmiary */
.product-card__brand{position:absolute;top:6px;right:6px;max-width:38px;max-height:28px;z-index:2}
.product-card__brand img{width:100%;height:auto;object-fit:contain}

/* Badge promocji */
.product-card__badge{position:absolute;top:6px;left:6px;background:#000;color:#fff;font-size:11px;font-weight:600;padding:2px 6px;border-radius:3px;text-transform:uppercase}

/* --- TYTUŁ -------------------------------------------------------------- */
.product-card__title{font-size:.95rem;font-weight:600;line-height:1.35;margin:12px 0 6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:44px}

/* Pozostałe informacje */
.product-card__brand-name{font-size:.8rem;color:#555;margin-bottom:4px}
.product-card__price{font-size:1.05rem;font-weight:600;margin-bottom:4px}
.product-card__rating{font-size:.8rem;color:#ffb400}
.product-card__stock{font-size:.8rem;color:#444;margin-bottom:10px}

/* --- STOPKA (przycisk zawsze na dole) ---------------------------------- */
.product-card__footer{margin-top:auto}
.add_to_cart_button{width:100%}

.product-card__sizes {
    font-size: 13px;
    line-height: 1.4;
    color: #666;
    margin-top: 8px;
    font-weight: 400;
}

.product-card__sizes-label {
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    color: #999;
    margin-bottom: 3px;
}

.product-card__sizes .sep {
    margin: 0 6px;
    color: #ccc;
}

@media(max-width:768px){
    .product-card{padding:16px;}
    .product-card__image{padding:8px;}
    .product-card__image img{width:100%;max-height:none;}
    .product-card__title{font-size:1rem;-webkit-line-clamp:3;min-height:auto;}
}