.only-pc {
    display: none;
}
.category-img {
    display: none;
}
.cat-title,
.cat-header {
    font-size: 14px;
    line-height: 1;
}
.go-to-category a {
    font-size: 11px;
    line-height: 1;
}
.go-to-category svg {
    width: 12px;
    height: 12px;
    margin-top: 0;
}
.mobile .prd {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.direct-to-order {
    height: 55px;
}
.direct-to-order a {
    width: 80%;
    font-size: 1rem;
}
.solid-circle {
    height: 15px;
    width: 15px;
    /* margin-top: 0.75rem; */
}
.prd-name.wk-clamp-1,
.prd-detail.wk-clamp-3 {
    height: unset;
    display: block;
}

.btn-top {
    bottom: calc(1rem + var(--btn-cat-height)) !important;
}

.btn-top.btn-top-bt {
    bottom: calc(1rem + var(--btn-dir-height)) !important;
}

body.menu-open .btn-top {
    bottom: calc(1rem + var(--menu-height) + var(--btn-cat-height)) !important;
}

@media screen and (max-width: 767px) {
    .menu-title {
        font-size: 20px;
    }
    .menu-desc {
        font-size: 14px;
    }
    textarea::-webkit-scrollbar {
        width: 0.5rem;
        height: calc(100% + 0.5rem);
    }
    
    textarea::-webkit-scrollbar-thumb {
        background-color: darkgrey;
        border-radius: 1rem;
    }
    .form-control::-webkit-input-placeholder {
        font-size: 1rem;
    }
    
    .form-control::-moz-placeholder {
        font-size: 1rem;
    }
    
    .form-control:-ms-input-placeholder {
        font-size: 1rem;
    }
    
    .form-control::-ms-input-placeholder {
        font-size: 1rem;
    }
    
    .form-control::placeholder {
        font-size: 1rem;
    }
    
    .form-control,
    .form-select,
    .input-group-text {
        font-size: 1rem;
    }
    .form-desc {
        font-size: 1rem;
    }
}