.bdvn-search-form input{padding:12px;border-radius:12px;border:1px solid #cbd5e1;box-shadow:inset 0 1px 0 rgba(0,0,0,0.04);color:#000} .bdvn-search-form button{background:#0b5;color:#fff;border:none;padding:12px 18px;border-radius:12px} .bdvn-search-form{margin-bottom:16px}
/* Search UI and responsive card */
.bdvnr-search-wrap{max-width:920px;margin:12px auto;padding:8px}
.bdvnr-search-form{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.bdvnr-search-form input{flex:1;min-width:160px;padding:8px;border-radius:8px;border:1px solid #ccc}
.bdvnr-search-form button{padding:8px 12px;border-radius:8px;border:none;cursor:pointer}
.bdvnr-actions{margin-top:8px;display:flex;gap:8px;flex-wrap:wrap}
.bdvnr-btn{padding:10px 14px;border-radius:10px;border:none;cursor:pointer}
.bdvnr-btn-green{background:#16a34a;color:#fff}
.bdvnr-btn-red{background:#dc2626;color:#fff}

/* Card responsive */
#bdvnr_card_view{width:100% !important; max-width:860px; margin:8px auto; height:auto !important; aspect-ratio:860/540;}
#bdvnr_card_view > *{max-width:100%;height:auto}
@media (max-width:480px){
  .bdvnr-search-form{flex-direction:column;align-items:stretch}
  .bdvnr-search-form input{width:100%}
  .bdvnr-actions{justify-content:stretch}
}


.search-box {
    max-width: 100%;
    font-size: 14px;
    padding: 8px;
    box-sizing: border-box;
}

@media (max-width: 600px) {
    .search-box {
        font-size: 12px;
        padding: 6px;
    }
}