/* BASIC css start */
input[type="checkbox"] {
    width: 23px;
    height: 23px;
    margin-right: 5px;
    appearance: none;
    border: 1px solid #c7c7c7;
    border-radius: 100%;
    background: #fff;
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

input[type="checkbox"]:checked {
    background: #000;
    border: none;
}

input[type="checkbox"]:checked::after {
    content: '\f00c';
    color: #fff;
    font-size: 12px;
    font-family: 'Font Awesome 6 Pro';
    margin-top: 1px;
}

.all-select { border-bottom: 2px solid #f2f2f2; background-color: #fff; padding: 10px 15px 15px; display: flex; justify-content: space-between; align-items: center; }
.all-select label { 
    font-size: 14px; 
    color: #000; 
    font-weight: 500;
    display: flex;
    align-items: center;
}

.all-select input#allchk { margin-right: 7px; }
.all-select a {
    font-size: 14px;
    font-weight: bold;
}

.recentList ul { 
    display: flex; 
    flex-wrap: wrap; 
    margin: 0 10px 5px; 
}

.recentList li { 
    width: 50%; 
    padding: 20px 0; 
}

.recentList figure { padding: 0 5px; }

.basketLeft { 
    position: relative;
    margin-bottom: 10px; 
}

.basketLeft a { 
    position: relative;
    display: block; 
    border: 1px solid #f1f1f1; 
    box-sizing: border-box; 
    border-radius: 7px;
    overflow: hidden;
}

.basketLeft a.off::after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgb(0 0 0 / 50%);
}

.basketLeft input[type="checkbox"] {
    position: absolute;
    top: 8px;
    left: 8px;
    z-index: 1;
}

.basketLeft img { width: 100%; }

.basketRight .pname {
    font-size: 11px;
    color: #5c5c5c;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.basketRight .prd_price { 
    font-weight: 500; 
    font-size: 12px; 
    margin-bottom: 10px;
}

.basketRight .crtWrap { 
    display: flex; 
    margin-top: 5px;
}

.basketRight .crtWrap a { 
    width: 50px; 
    height: 35px;
    flex-shrink: 0; 
    display: flex;
    align-items: center;
    justify-content: center;
    background: #efefef; 
    color: #b3b3b3; 
    text-align: center; 
    font-size: 13px;
    border-radius: 3px;
}

.basketRight .crtWrap .crt_btn { 
    width: 100%;
    flex-shrink: 1; 
    background: var(--bg-color);
    color: var(--main-color);
    margin-left: 5px;
    font-size: 12px;
    font-weight: 500;
}

.basketRight .crtWrap .crt_btn.off {
    box-sizing: border-box;
    background: #d3d3d3;
    color: #6a6a6a;
}


/* BASIC css end */