/* ===== PRODUCT CARD MODERN GLASS STYLE ===== */

.product-card{
    background:#ffffff;
    border-radius:12px;
    overflow:hidden;
    border:1px solid #e6f0ff;
    box-shadow:0 6px 18px rgba(0,0,0,0.08);
    transition:all .3s ease;
}

.product-card:hover{
    transform:translateY(-6px);
    box-shadow:0 12px 30px rgba(0,0,0,0.15);
}

/* รูปสินค้า */

.product-img{
    height:220px;
    background:#f5faff;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
}

.product-img img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:0.3s;
}

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

/* body */

.product-body{
    padding:18px;
    text-align:center;
}

/* title */

.product-title{
    font-size:16px;
    font-weight:600;
    margin-bottom:14px;
}

.product-title a{
    color:#1c2b3a;
    text-decoration:none;
}

.product-title a:hover{
    color:#007bff;
}

/* ===== BUTTON ===== */

.product-btn .btn{
    background:linear-gradient(135deg,#00a2ff,#0066ff);
    border:none;
    border-radius:25px;
    padding:8px 22px;
    font-size:14px;
    color:#fff;
    transition:all .3s;
}

.product-btn .btn:hover{
    background:linear-gradient(135deg,#008cff,#004dcc);
    transform:scale(1.05);
}

/* spacing */

.product-item{
    margin-bottom:30px;
}
/* ===== GLASS PRODUCT CARD ===== */

.product-item{
    margin-bottom:30px;
}

/* การ์ดกระจก */

.glass-card{
    background: rgba(255,255,255,0.25);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);

    border-radius:14px;
    border:1px solid rgba(255,255,255,0.4);

    box-shadow:0 8px 32px rgba(0,0,0,0.15);

    overflow:hidden;
    transition:all .35s ease;
}

.glass-card:hover{
    transform:translateY(-8px);
    box-shadow:0 15px 35px rgba(0,0,0,0.25);
}

/* รูป */

.glass-img{
    height:220px;
    overflow:hidden;
    background:rgba(255,255,255,0.3);
}

.glass-img img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:0.4s;
}

.glass-card:hover img{
    transform:scale(1.08);
}

/* body */

.glass-body{
    padding:20px;
    text-align:center;
}

/* title */

.glass-title{
    font-size:16px;
    font-weight:600;
    margin-bottom:15px;
}

.glass-title a{
    color:#0b2c48;
    text-decoration:none;
}

.glass-title a:hover{
    color:#008cff;
}

/* ===== BUTTON ===== */

.glass-btn{
    display:inline-block;

    padding:8px 22px;

    border-radius:30px;

    background:linear-gradient(135deg,#00a8ff,#0062ff);

    color:#fff;

    font-size:14px;

    text-decoration:none;

    transition:0.3s;
}

.glass-btn:hover{
    background:linear-gradient(135deg,#0092e0,#004bd6);
    transform:scale(1.05);
}