.bkdoor-wrap{background:#f7f7f7;padding:24px;border-radius:14px;}
.bkdoor-title{margin:0 0 12px;font-size:22px;font-weight:700;}
.bkdoor-filter{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:16px;margin-top: 24px;}
.bkdoor-filter .form-select{display:flex;flex-direction:column;gap:6px;}
.bkdoor-filter .form-select select{border-radius:8px;min-width:220px;}
.search-btn{background:#e01919;color:#fff;border:none;border-radius:8px;cursor:pointer;padding: 18px;}
#ajax-products{min-height:120px;margin-top: 72px;}
.bkdoor-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.bkdoor-card{background:#fff;border:1px solid #eee;border-radius:12px;text-align:center;transition:.25s;position:relative;overflow: hidden;}
.bkdoor-card:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(0,0,0,.08);}
.bkdoor-link{display:block;}
.bkdoor-card *{pointer-events:auto;}
.bkdoor-thumb{width:100%;height:auto;display:block;}
.bkdoor-name{font-size: 20px;color: white;background: #D31E29;padding: 10px;margin: 0;}
.bkdoor-price{color:#c00;font-weight:700;}
.bkdoor-pagination{display:flex;gap:8px;justify-content:center;margin-top:18px;flex-wrap:wrap;}
.bkdoor-pagination .page-link{padding:8px 12px;border:1px solid #ddd;border-radius:8px;text-decoration:none;color:#333;}
.bkdoor-pagination .page-link.active{background:#111;color:#fff;border-color:#111;}
.bkdoor-pagination .page-link.disabled{pointer-events:none;opacity:.45;}
.form-select{
    background: white;
    padding: 8px;
    font-size: 12px;
    color:#8B8B8B;

}
.form-select select{
    border: none;
    font-size: 16px;
    color: black;
    outline: none;
}
label{
    margin-left: 8px;
}
a{
    text-decoration: none;
}
img{
    width: 100%;
}
.form-select select option{
    
}
@media only screen and (max-width:1024px){.bkdoor-grid{grid-template-columns:repeat(2,1fr);}}
@media only screen and (max-width:640px){
    .bkdoor-grid{grid-template-columns:1fr;gap:14px;}
    .bkdoor-wrap{padding:16px;}
    .bkdoor-wrap{padding:16px;}
    .bkdoor-filter{
        /* justify-content: space-between; */
        flex-wrap: wrap;
    }
}
@media only screen and (max-width:500px){
    .bkdoor-filter{
        flex-direction: column;
    }
    .bkdoor-products-region p{
        font-size: 16px!important;
    }
    .bkdoor-name{
        font-size: 16px;
    }
}