.alt-list{
    display:flex;
    flex-direction:column;
    gap:14px;
    margin:10px 0 0;
}
.alt-item{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    text-align:center;
    padding:16px 14px;
    border:2px solid #73b59b; 
    border-radius:10px;
    background:#fff;

    text-decoration:none;
    transition:all .2s ease;
}

.alt-item:hover{
    transform:translateY(-2px);
    box-shadow:0 6px 14px rgba(0,0,0,.08);
    border-color:#2f7f63;
}

.alt-name{
    font-size:18px;
    font-weight:600; 
    line-height:1.2;
    color:#2f7f63;
    margin-bottom:6px;
}

.alt-price{
    font-size:18px;
    font-weight:700;
    color:#e53935; 
}
/* Mobile nhỏ hơn */
@media (max-width:480px){
    .alt-name, .alt-price{ font-size:16px; }
    .alt-item{ padding:14px 12px; }
}
.cmk-grid{
    display:grid;
    grid-template-columns:repeat(auto-fill, minmax(180px, 1fr));
    gap:15px;
}
.cmk-item{
    border:1px dashed #73b59b;
    border-radius:8px;
    background:#f9fffc;
    transition:all .2s ease;
}
.cmk-item:hover{
    box-shadow:0 6px 14px rgba(0,0,0,.08);
    transform:translateY(-2px);
    border-color:#2f7f63;
}

.cmk-link{
    display:block;
    padding:10px;
    text-decoration:none;
    color:inherit;
}

.cmk-img{
    aspect-ratio:16 / 9;
    background:#ffffff;
    border-radius:6px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:8px;
    border:1px solid #eef6f2;
}
.cmk-img img{
    max-width:100%;
    max-height:100%;
    object-fit:contain;
}
.cmk-title{
    font-size:14px;
    font-weight:500;  
    line-height:1.4;
    height:38px;
    overflow:hidden;
    margin-bottom:6px;
    color:#2f7f63;
}

.cmk-price{
    font-size:15px;
    font-weight:600; 
    color:#e53935;  
}
.cr-shop-title{
    font-size:18px;
    font-weight:600;
    margin-bottom:12px;
    color:#1b5e20;
}
body{
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}