/*
 * 04/10/2025 - DiepTV add css for mobile
*/
/* Start max-width: 768px */
@media (max-width: 768px) {
    #app {
        padding-left: 15px;
        padding-right: 15px;
    }
    #cartButton > .shop-cart-float { display: none }
    .settlement-content h1.title { margin-top: 15px; display: none; }
    .settlement-content h2.subtitle { display: none; }
    .settlement-receiver {
        border-color: var(--color-main);
        border-radius: 0;
        padding-top: 10px;
        padding-bottom: 10px;
        background-color: var(--color-main);
        margin-bottom: 0;
        color: white;
    }
    .settlement-receiver .userinfo {
        margin-bottom: 0;
        font-size: 14px;
        color: white;
    }
    .settlement-receiver .address { display: none; }
    .settlement-receiver .address.fill { display: block; }
    .settlement-receiver .userinfo::before {
        font-family: element-icons !important;
        content: "\e704";
        font-size: 17px;
        color: white;
    }
    /*.settlement-receiver .userinfo::after {*/
    /*    font-family: element-icons !important;*/
    /*    content: "\e6e0";*/
    /*    font-size: 15px;*/
    /*    color: white;*/
    /*    position: absolute;*/
    /*    right: 10px;*/
    /*}*/
    .settlement-commodity-item.flex-start {
        display: block;
    }
    .settlement-commodity-info.flex-start {
        flex-direction: inherit !important;
        float: left;
        width: calc(100% - 90px);
        display: block;
    }
    .settlement-commodity-item img {
        float: left;
        margin-right: 7px;
    }
    .settlement-commodity-info h2 {
        white-space: normal;
        max-width: 100% !important;
        text-overflow: inherit;
    }
    .settlement-content .settlement-commodity-checkbox {
        display: block!important;
		padding-left: 0;
		white-space: normal;
    }
    .settlement-content .settlement-commodity-wrap .el-checkbox__label {
        vertical-align: middle;
		width: 92%;
    }
    .settlement-content.app-container {
		margin-top: 65px;
        width: 100%;
    }
    .settlement-commodity-wrap .el-input-number {
        top: auto;
        bottom: 0;
        right: 0;
    }
	.classification-item {
		height: auto;
	}
    .el-checkbox.settlement-commodity-title {
        padding-left: 10px;
    }
}
/* End max-width: 768px */
@media (max-width: 480px) {
    .settlement-commodity-wrap {
        padding-bottom: 15px;
    }
	.settlement-commodity-group {
		padding-bottom: 30px;
	}
	.settlement .settlement-commodity-info-attr {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
		text-overflow: ellipsis;
		overflow: hidden;
        height: 28px;
	}
	.classification-item-text {
		padding-left: 0
	}
	.classification-item .cla-img {
		margin-bottom: 15px;
		margin-right: 0;
		width: 100%;
	}
	.classification-item {
		display: block!important;
		text-align: center;
	}
    .order-sum h1, .pay-method h1 {
        font-size: 18px;
    }
    .settlement-commodity-info h2 {
        display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		text-overflow: ellipsis;
    }
    .settlement .icon-tips-bottom {
        display: block;
        margin-bottom: 20px;
    }
    .settlement .icon-tips-bottom .icon-tips-bottom-item {
        margin-bottom: 30px;
    }
    .settlement .add-address-content .check_address {
        display: block;
    }
    .settlement .add-address-content .check_address .el-form-item {
        margin-bottom: 10px;
    }
    .settlement-receiver .address.find {
        display: block;
        color: white;
        margin-top: 5px;
    }
}
/* End max-width: 480px */