/* =====================================================
   PRODUCT CARD V2 — modernized sales card (homepage / category / search)
   Loaded after modern.css; overrides .lm-product-card rules.
   ===================================================== */

.lm-product-card{
    border-radius:20px;
    box-shadow:0 1px 2px rgba(15,23,42,.04);
    transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.lm-product-card:hover{
    transform:translateY(-5px);
    box-shadow:0 20px 38px rgba(15,23,42,.10);
}

.lm-product-media{
    height:215px;
    padding:0;
    overflow:hidden;
    background:#f6f8fb;
}
.lm-product-media img{
    border-radius:0;
    transition:transform .35s ease;
}
.lm-product-card:hover .lm-product-media img{
    transform:scale(1.07);
}

.lm-discount-badge,.lm-status-badge{
    top:12px;
    font-size:11px;
    padding:6px 10px;
    letter-spacing:.01em;
    box-shadow:0 4px 10px rgba(0,0,0,.12);
}

/* hover quick-view overlay */
.lm-product-media-overlay{
    position:absolute;
    inset:0;
    display:flex;
    align-items:flex-end;
    justify-content:center;
    padding-bottom:14px;
    background:linear-gradient(180deg,transparent 40%,rgba(15,23,42,.45));
    opacity:0;
    transition:opacity .2s ease;
}
.lm-product-card:hover .lm-product-media-overlay{ opacity:1; }
.lm-product-quickview{
    display:inline-flex;
    align-items:center;
    gap:6px;
    background:#fff;
    color:#0f172a;
    font-size:12px;
    font-weight:800;
    padding:8px 14px;
    border-radius:999px;
    transform:translateY(8px);
    transition:transform .2s ease;
}
.lm-product-card:hover .lm-product-quickview{ transform:translateY(0); }

.lm-product-body{ padding:16px 16px 4px; gap:10px; }
.lm-product-title{
    font-size:14.5px;
    min-height:auto;
    -webkit-line-clamp:2;
}

.lm-product-price{ gap:8px; }
.lm-product-price strong{ font-size:19px; }
.lm-product-price del{ font-size:12px; }

.lm-product-props span{
    border-radius:10px;
    padding:6px 9px;
    font-size:11.5px;
    background:#f6f8fb;
}
.lm-product-props img{ width:20px; height:20px; }

.lm-product-footer{ padding:10px 16px 16px; }

.lm-stock{
    display:inline-flex;
    align-items:center;
    gap:6px;
    font-size:12px;
}
.lm-stock-dot{
    width:7px;height:7px;
    border-radius:50%;
    background:#16a34a;
    box-shadow:0 0 0 3px rgba(22,163,74,.15);
    flex:0 0 auto;
}
.lm-stock-muted .lm-stock-dot{
    background:#cbd5e1;
    box-shadow:0 0 0 3px rgba(203,213,225,.25);
}

.lm-detail-btn{
    height:36px;
    border-radius:10px;
    padding:0 13px;
    font-size:12.5px;
    gap:6px;
    background:var(--lm-primary);
}
.lm-detail-btn:hover{ background:#1d4ed8; }
.lm-detail-btn svg{ transition:transform .15s ease; }
.lm-detail-btn:hover svg{ transform:translateX(2px); }

/* =====================================================
   PRODUCT CARD V5 — refined surface, spacing and feedback
   ===================================================== */
.lm-product-card{
    overflow:hidden;
    border:1px solid #e6edf7;
    border-radius:21px;
    background:linear-gradient(160deg,#fff 0%,#fff 72%,#fbfdff 100%);
}
.lm-product-card:hover{
    transform:translateY(-5px);
    border-color:#bfdbfe;
    box-shadow:0 22px 42px rgba(15,23,42,.11);
}
.lm-product-media{
    height:226px;
    padding:14px;
    background:
        radial-gradient(circle at 50% 8%,rgba(219,234,254,.84),transparent 58%),
        linear-gradient(180deg,#f9fbff 0%,#f1f5fb 100%);
}
.lm-product-media::before{
    content:"";
    position:absolute;
    inset:12px;
    z-index:0;
    border:1px solid rgba(148,163,184,.14);
    border-radius:15px;
    pointer-events:none;
}
.lm-product-media img{
    position:relative;
    z-index:1;
    border-radius:14px;
    filter:drop-shadow(0 10px 12px rgba(15,23,42,.08));
}
.lm-product-card:hover .lm-product-media img{
    transform:translateY(-2px) scale(1.055);
    filter:drop-shadow(0 17px 18px rgba(15,23,42,.13));
}
.lm-product-media-overlay{
    z-index:2;
    border-radius:0 0 19px 19px;
}
.lm-discount-badge,.lm-status-badge{
    z-index:3;
    top:18px;
    box-shadow:0 7px 16px rgba(15,23,42,.14);
}
.lm-discount-badge{ left:18px; }
.lm-status-badge{ right:18px; }
.lm-product-body{
    padding:16px 16px 5px;
    gap:10px;
}
.lm-product-title{ letter-spacing:-.015em; }
.lm-product-price strong{ color:#e11d48; }
.lm-product-props span{ border-color:#e8eef7; }
.lm-detail-btn{
    background:linear-gradient(135deg,#1d4ed8,#2563eb);
    box-shadow:0 8px 17px rgba(37,99,235,.19);
}
.lm-detail-btn:hover{ background:linear-gradient(135deg,#1e40af,#2563eb); }
@media(max-width:767px){
    .lm-product-media{ height:175px; padding:10px; }
    .lm-product-media::before{ inset:9px; }
    .lm-discount-badge,.lm-status-badge{ top:13px; }
    .lm-discount-badge{ left:13px; }
    .lm-status-badge{ right:13px; }
}