.pag-div{
    margin-top: 50px;
    margin-bottom: 50px;
}

/* custom pagination */
.y_paginShopLoadMore{
    width: 100%;
    background: #737C7B;
    padding: 15px 0;
    color: white;
    border-radius: 3px;
    text-align: center;
    cursor: pointer;
    transition: background .3s;
}
.y_paginShopLoadMore:hover{
    background: #5d6664
}

.y_paginShopArrows{
    display: flex;
    align-items: center;
    justify-content: space-between;
    /* margin-top: 30px; */
    padding-top: 20px;
    /* border-top: 1px solid #CED1D1; */
}

.y_paginShopPrev,
.y_paginShopNext{
    display: flex;
    gap: 10px;
}
.y_paginShopPrev__start,
.y_paginShopPrev__step,
.y_paginShopNext__step,
.y_paginShopNext__end{
    width: 40px;
    height: 40px;
    border: 1px solid #CED1D1;
    border-radius:100%;
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: center;
    cursor: pointer;
}
.y_paginShopPrev__start{
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='11' viewBox='0 0 16 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.48309 10.3646C7.55785 10.3646 7.6326 10.3363 7.68913 10.2789C7.80309 10.1649 7.80309 9.97982 7.68913 9.86586L3.3003 5.47703H15.6353C15.7967 5.47703 15.9271 5.34666 15.9271 5.18529C15.9271 5.02393 15.7967 4.89355 15.6353 4.89355H2.59648C2.47887 4.89355 2.3722 4.96467 2.32662 5.07407C2.28104 5.18347 2.30656 5.30837 2.38953 5.39224L7.27614 10.2789C7.33357 10.3363 7.40833 10.3646 7.48309 10.3646Z' fill='%233F4443'/%3E%3Cpath d='M2.59626 5.47806C2.67102 5.47806 2.74578 5.4498 2.8023 5.39236L7.69621 0.498462C7.81017 0.384502 7.81017 0.19943 7.69621 0.0854701C7.58225 -0.02849 7.39718 -0.02849 7.28322 0.0854701L2.38931 4.97937C2.27535 5.09333 2.27535 5.2784 2.38931 5.39236C2.44675 5.4498 2.52151 5.47806 2.59626 5.47806Z' fill='%233F4443'/%3E%3Cpath d='M0.291743 10.365C0.45311 10.365 0.583481 10.2346 0.583481 10.0732V0.292714C0.583481 0.131347 0.45311 0.000976562 0.291743 0.000976562C0.130375 0.000976562 5.00679e-06 0.131347 5.00679e-06 0.292714V10.0732C5.00679e-06 10.2346 0.130375 10.365 0.291743 10.365Z' fill='%233F4443'/%3E%3C/svg%3E%0A");
}
.y_paginShopPrev__step{
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='12' viewBox='0 0 14 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.17924 11.1819C5.254 11.1819 5.32876 11.1537 5.38528 11.0962C5.49924 10.9823 5.49924 10.7972 5.38528 10.6832L0.996449 6.29441H13.3315C13.4929 6.29441 13.6232 6.16404 13.6232 6.00268C13.6232 5.84131 13.4929 5.71094 13.3315 5.71094H0.292631C0.175024 5.71094 0.0683565 5.78205 0.0227728 5.89145C-0.0228109 6.00085 0.00271606 6.12575 0.0856791 6.20963L4.97229 11.0962C5.02973 11.1537 5.10448 11.1819 5.17924 11.1819Z' fill='%233F4443'/%3E%3Cpath d='M0.292432 6.29545C0.367189 6.29545 0.441947 6.26718 0.498471 6.20975L5.39237 1.31584C5.50633 1.20188 5.50633 1.01681 5.39237 0.902853C5.27841 0.788893 5.09334 0.788893 4.97938 0.902853L0.0854793 5.79676C-0.0284805 5.91072 -0.0284805 6.09579 0.0854793 6.20975C0.142915 6.26718 0.217674 6.29545 0.292432 6.29545Z' fill='%233F4443'/%3E%3C/svg%3E%0A");
}
.y_paginShopNext__step{
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='12' viewBox='0 0 14 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.44399 11.1819C8.36923 11.1819 8.29447 11.1537 8.23795 11.0962C8.12399 10.9823 8.12399 10.7972 8.23795 10.6832L12.6268 6.29441H0.291738C0.13037 6.29441 0 6.16404 0 6.00268C0 5.84131 0.13037 5.71094 0.291738 5.71094H13.3306C13.4482 5.71094 13.5549 5.78205 13.6005 5.89145C13.646 6.00085 13.6205 6.12575 13.5376 6.20963L8.65094 11.0962C8.5935 11.1537 8.51875 11.1819 8.44399 11.1819Z' fill='%233F4443'/%3E%3Cpath d='M13.3308 6.29545C13.256 6.29545 13.1813 6.26718 13.1248 6.20975L8.23086 1.31584C8.1169 1.20188 8.1169 1.01681 8.23086 0.902853C8.34482 0.788893 8.52989 0.788893 8.64385 0.902853L13.5378 5.79676C13.6517 5.91072 13.6517 6.09579 13.5378 6.20975C13.4803 6.26718 13.4056 6.29545 13.3308 6.29545Z' fill='%233F4443'/%3E%3C/svg%3E%0A");
}
.y_paginShopNext__end{
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='11' viewBox='0 0 16 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.44399 10.3646C8.36923 10.3646 8.29447 10.3363 8.23795 10.2789C8.12399 10.1649 8.12399 9.97982 8.23795 9.86586L12.6268 5.47703H0.291738C0.13037 5.47703 0 5.34666 0 5.18529C0 5.02393 0.13037 4.89355 0.291738 4.89355H13.3306C13.4482 4.89355 13.5549 4.96467 13.6005 5.07407C13.646 5.18347 13.6205 5.30837 13.5376 5.39224L8.65094 10.2789C8.5935 10.3363 8.51875 10.3646 8.44399 10.3646Z' fill='%233F4443'/%3E%3Cpath d='M13.3308 5.47806C13.256 5.47806 13.1813 5.4498 13.1248 5.39236L8.23086 0.498462C8.1169 0.384502 8.1169 0.19943 8.23086 0.0854701C8.34482 -0.02849 8.52989 -0.02849 8.64385 0.0854701L13.5378 4.97937C13.6517 5.09333 13.6517 5.2784 13.5378 5.39236C13.4803 5.4498 13.4056 5.47806 13.3308 5.47806Z' fill='%233F4443'/%3E%3Cpath d='M15.6354 10.365C15.474 10.365 15.3436 10.2346 15.3436 10.0732V0.292714C15.3436 0.131347 15.474 0.000976562 15.6354 0.000976562C15.7967 0.000976562 15.9271 0.131347 15.9271 0.292714V10.0732C15.9271 10.2346 15.7967 10.365 15.6354 10.365Z' fill='%233F4443'/%3E%3C/svg%3E%0A");
}
.y_paginShop_disabled{
    opacity: 0.5;
}
.y_paginShopNum{
    font-size: 14px;
}


/* button up */
.y_btnShopUp{
    display: none;
    width: 50px;
    height: 50px;
    position: fixed;
    bottom: 20px;
    right: 20px;
    border-radius: 100%;
    background-color: #737C7B;
    background-image: url("data:image/svg+xml,%3Csvg width='11' height='14' viewBox='0 0 11 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.3647 5.55601C10.3647 5.63077 10.3364 5.70553 10.279 5.76205C10.165 5.87601 9.97994 5.87601 9.86598 5.76205L5.47715 1.37322L5.47715 13.7083C5.47715 13.8696 5.34678 14 5.18541 14C5.02405 14 4.89368 13.8696 4.89368 13.7083L4.89368 0.669401C4.89368 0.551794 4.96479 0.445127 5.07419 0.399543C5.18359 0.353959 5.30849 0.379486 5.39237 0.462449L10.279 5.34906C10.3364 5.4065 10.3647 5.48125 10.3647 5.55601Z' fill='white'/%3E%3Cpath d='M5.47806 0.66908C5.47806 0.743837 5.4498 0.818595 5.39236 0.875119L0.498462 5.76902C0.384502 5.88298 0.19943 5.88298 0.0854701 5.76902C-0.02849 5.65506 -0.02849 5.46999 0.0854701 5.35603L4.97937 0.462127C5.09333 0.348167 5.2784 0.348167 5.39236 0.462127C5.4498 0.519563 5.47806 0.594322 5.47806 0.66908Z' fill='white'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: 13px;
    background-position: center;
    cursor: pointer;
    transition: background .3s;
    z-index: 1;
}
.y_btnShopUp:hover{
    background-color: #5d6664;
}
@media (max-width: 768px){
    .y_btnShopUp{
        bottom: 70px;
    }
}