.btn-blue {
    border: none !important;
    border-radius: 20px;
    color: #fff !important;
    background: linear-gradient(to right, #ff0000, #b14f4f70);
}

.btn-blue:hover {
    background: linear-gradient(to right, #ff0000, #ff0000);
    color: #fff;
    transition: all .5s ease;
}

/* การหมุนไอคอนเมื่อ hover */
.profile-list:hover .profile-list-icon i {
    transform: rotate(360deg);
    /* หมุนไอคอน 360 องศา */
    transition: transform 0.3s ease;
    /* ให้การหมุนมีการเคลื่อนไหว */
}

/* การเลื่อนไอคอน chevron-right ออกไปทางซ้ายเมื่อ hover */
.profile-list:hover p i {
    transform: translateX(-10px);
    /* เลื่อนไอคอนไปทางซ้าย 10px */
    transition: transform 0.3s ease;
    /* การเคลื่อนไหวที่เรียบง่าย */
}

:root {
    --main: #076df2;
    --main-30: #076df220;
    --sub: #076df2;
}

.btn-main {
    color: var(--main);
    background: var(--main-30);
    border: 1px solid var(--main);
    transition: all .5sease;
}

.list-group-item.active {
    z-index: 2;
    color: #fff;
    background-image: linear-gradient(to right, #1F1C2C 0%, #928DAB 51%, #1F1C2C 100%);
    border-color: #1F1C2C;
}

.product {
    position: relative;
    text-align: center;
    overflow: visible;
    border-radius: 20px;
    transition: all 0.25s;
    padding: 7px 7px 0px 7px;
}

.product .product-img {
    width: 100%;
    overflow: hidden;
    border-radius: 15px;
}

.product .product-img img {
    border-radius: 20px;
    height: auto;
    width: 100%;
    transition: all 0.5s;
}

.product .product-name {
    color: var(--color-text-theme);
    font-weight: 500 !important;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.product .product-description {
    color: var(--color-text-theme);
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.product .product-price {
    font-weight: 500 !important;
    font-size: 20px;
}

.product .product-price-discount-line-through {
    font-size: 12px;
    color: #dc3545;
    text-decoration: line-through;
    text-decoration-thickness: 1px;
}