.product-card {
    transition: none;
}

.product-card:hover {
    border-color: #e2e8f0;
    box-shadow: none;
    transform: none;
}

.product-card__media img {
    transition: transform .32s ease;
}

.product-card:hover .product-card__media img {
    transform: scale(1.06);
}

.product-card__quick-actions {
    opacity: 1;
    pointer-events: auto;
    transform: translateX(0);
}

.product-card__footer,
.product-catalog__main .product-card__footer {
    display: block;
    margin-top: auto;
    padding-top: 14px;
    border-top: 1px solid #edf1f5;
}

.product-card .product-price {
    display: flex;
    min-width: 0;
    align-items: baseline;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 8px;
}

.product-card .product-price strong {
    font-size: 18px;
    line-height: 1.3;
}

.product-card .product-price del {
    font-size: 11px;
    line-height: 1.3;
}

.product-card__margin{position:absolute;z-index:3;top:10px;left:10px;padding:5px 8px;border-radius:8px;color:#fff;font-size:10px;font-weight:900;box-shadow:0 4px 10px rgba(15,23,42,.12)}.product-card__margin.is-profit{background:#0e9b63}.product-card__margin.is-loss{background:#df4d43}.product-card .product-price__purchase{display:flex;align-items:center;gap:5px;width:100%;margin-top:4px;color:#758ba3;font-size:10px;font-weight:700}.product-card .product-price__purchase i{color:#3880db;font-size:10px}

@media (hover: hover) and (pointer: fine) {
    .product-card__quick-actions {
        opacity: 0;
        pointer-events: none;
        transform: translateX(8px);
        transition: opacity .2s ease, transform .2s ease;
    }

    .product-card:hover .product-card__quick-actions,
    .product-card__quick-actions:focus-within {
        opacity: 1;
        pointer-events: auto;
        transform: translateX(0);
    }
}

/* Shared product-card treatment: home, catalog and related products. */
.product-card {
    position: relative;
    border-color: color-mix(in srgb, var(--web-heading-text, #111827), transparent 86%);
    box-shadow: 0 5px 16px rgba(15, 23, 42, .055);
    transition: border-color .32s ease, box-shadow .32s ease, transform .32s cubic-bezier(.2, .75, .25, 1);
}

.product-card__visual {
    overflow: hidden;
    background: #eef2f6;
}

.product-card__visual::after {
    position: absolute;
    z-index: 1;
    inset: 0;
    background: linear-gradient(180deg, transparent 48%, rgba(8, 23, 15, .2));
    content: '';
    opacity: 0;
    pointer-events: none;
    transition: opacity .35s ease;
}

.product-card__media img {
    transform: scale(1.001);
    transition: transform .65s cubic-bezier(.2, .75, .25, 1), filter .4s ease;
    will-change: transform;
}

.product-card__sale {
    z-index: 3;
    border-radius: 999px;
    box-shadow: 0 5px 13px rgba(185, 28, 28, .24);
}

.product-card__quick-actions {
    z-index: 3;
    gap: 7px;
}

.product-card__quick-actions button {
    width: 40px;
    height: 40px;
    border-color: rgba(255, 255, 255, .84);
    border-radius: 50%;
    background: rgba(255, 255, 255, .96);
    box-shadow: 0 8px 19px rgba(15, 23, 42, .16);
    transition: color .22s ease, background-color .22s ease, border-color .22s ease, box-shadow .22s ease, transform .22s ease;
}

.product-card__quick-actions button:hover,
.product-card__quick-actions button.is-active {
    border-color: var(--web-main-color, #15803d);
    background: var(--web-main-color, #15803d);
    box-shadow: 0 9px 20px color-mix(in srgb, var(--web-main-color, #15803d), transparent 68%);
    transform: scale(1.08);
}

.product-card__category {
    color: var(--web-main-color, #15803d);
    transition: color .22s ease;
}

.product-card h2 a {
    color: var(--web-heading-text, #111827);
    background-image: linear-gradient(var(--web-main-color, #15803d), var(--web-main-color, #15803d));
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: 0 1px;
    transition: color .25s ease, background-size .28s ease;
}

.product-card__footer,
.product-catalog__main .product-card__footer {
    border-top-color: color-mix(in srgb, var(--web-heading-text, #111827), transparent 92%);
}

.product-card .product-price strong {
    color: var(--web-main-color, #15803d);
    transition: letter-spacing .25s ease;
}

@media (hover: hover) and (pointer: fine) {
    .product-card:hover {
        border-color: color-mix(in srgb, var(--web-main-color, #15803d), transparent 52%);
        box-shadow: 0 18px 38px rgba(15, 23, 42, .14);
        transform: translateY(-6px);
    }

    .product-card:hover .product-card__visual::after {
        opacity: 1;
    }

    .product-card:hover .product-card__media img {
        filter: saturate(1.06);
        transform: scale(1.085);
    }

    .product-card:hover h2 a {
        color: var(--web-main-color, #15803d);
        background-size: 100% 1px;
    }

    .product-card:hover .product-price strong {
        letter-spacing: .01em;
    }

    .product-card__quick-actions {
        opacity: 0;
        pointer-events: none;
        transform: translateX(12px);
        transition: opacity .25s ease, transform .3s cubic-bezier(.2, .75, .25, 1);
    }

    .product-card:hover .product-card__quick-actions,
    .product-card:focus-within .product-card__quick-actions {
        opacity: 1;
        pointer-events: auto;
        transform: translateX(0);
    }
}

@media (hover: none), (pointer: coarse) {
    .product-card__quick-actions {
        opacity: 1;
        pointer-events: auto;
        transform: none;
    }
}

@media (max-width: 767px) {
    .product-card__quick-actions {
        top: 8px;
        right: 8px;
        grid-template-columns: repeat(2, 30px);
        gap: 4px;
    }

    .product-card__quick-actions button {
        width: 30px;
        height: 30px;
        font-size: 12px;
    }
}

/* Product card templates selected in Admin > Cấu hình chung > Mẫu card sản phẩm. */
.product-card--template-modern{display:flex;flex-direction:column;overflow:hidden;border-radius:14px}.product-card--template-modern .product-card__visual{aspect-ratio:1/1}.product-card--template-modern .product-card__body{padding:17px}

/* Complete action layouts and additional product styles. */
.product-card{container-type:inline-size}
.product-card__visual{flex-shrink:0}
.product-card h2{overflow-wrap:anywhere}
.product-card h2 a{text-decoration:none}
.product-card__quick-actions button:focus-visible{outline:3px solid var(--web-main-color,#2563eb);outline-offset:3px}
.product-card--template-studio,.product-card--template-industrial,.product-card--template-showcase,.product-card--template-commerce{display:flex;flex-direction:column;overflow:hidden;border:1px solid #e2e8f0;border-radius:18px;background:#fff}
.product-card--template-studio .product-card__visual{padding:14px 14px 60px;background:#f4f6f8}
.product-card--template-studio .product-card__media{background:#fff;border-radius:10px}
.product-card--template-studio .product-card__media img,.product-card--template-industrial .product-card__media img{object-fit:contain}
.product-card--template-studio .product-card__quick-actions{top:auto;bottom:10px;right:0;left:0;display:flex;justify-content:center;opacity:1;transform:none;pointer-events:auto}
.product-card--template-studio .product-card__quick-actions button{width:36px;height:36px;border-radius:10px;box-shadow:0 2px 6px #0f172a10}
.product-card--template-studio .product-card__body{padding:20px}
.product-card--template-industrial{border-radius:6px;border-color:#ccd6e2}
.product-card--template-industrial .product-card__visual{border-bottom:4px solid #eab308;background:#f1f5f9}
.product-card--template-industrial .product-card__body{background:#14283f;padding:20px;color:#fff}
.product-card--template-industrial h2 a{color:#fff}
.product-card--template-industrial .product-card__category{color:#b8cde3;font-size:11px;letter-spacing:.05em}
.product-card--template-industrial .product-price strong{color:#fde047;font-size:22px}
.product-card--template-industrial .product-price__purchase,.product-card--template-industrial p{color:#bccbdd}
.product-card--template-industrial .product-card__footer{border-color:#ffffff24}
.product-card--template-industrial .product-card__quick-actions button{border-radius:6px}
.product-card--template-showcase{background:#edf3fa;border:0;border-radius:22px}
.product-card--template-showcase .product-card__visual{padding-bottom:20px}
.product-card--template-showcase .product-card__body{position:relative;z-index:2;margin:-20px 12px 12px;padding:19px;border:1px solid #e5edf7;border-radius:14px;background:#fff;box-shadow:0 8px 20px #1d416512}
.product-card--template-commerce{border-radius:12px;border-color:#dbe4ee}
.product-card--template-commerce .product-card__visual{padding-bottom:58px;background:#f8fafc}
.product-card--template-commerce .product-card__quick-actions{display:flex;justify-content:center;top:auto;bottom:9px;right:8px;left:8px;opacity:1;transform:none;pointer-events:auto}
.product-card--template-commerce .product-card__quick-actions button{width:36px;height:36px;border-radius:8px;box-shadow:none;border:1px solid #dce4ee}
.product-card--template-commerce .product-card__quick-actions .product-card__quick-cart{background:var(--web-main-color,#2563eb);color:#fff;border-color:transparent}
.product-card--template-commerce .product-card__body{padding:18px}
.product-card--template-commerce .product-card__footer{margin-top:14px;padding:12px;border:0;border-radius:8px;background:color-mix(in srgb,var(--web-main-color,#2563eb) 6%,white)}
.product-card--template-commerce .product-price strong{font-size:22px;font-weight:800}
@container(max-width:260px){
 .product-card__quick-actions{grid-template-columns:repeat(2,30px);gap:4px;top:8px;right:8px}
 .product-card__quick-actions button{width:30px;height:30px;font-size:12px}
}
@media(prefers-reduced-motion:reduce){.product-card,.product-card *{transition:none!important}.product-card:hover,.product-card:hover .product-card__media img{transform:none!important}}