.pnbyw-pencarian-widget,
.pnbyw-pencarian-card,
.widget_pnbyw_pencarian{
    width:100%;
    background:#fff !important;
    border:.5px solid #e2e4e8 !important;
    border-radius:9px !important;
    overflow:hidden !important;
    margin:0 0 14px !important;
    padding:0 !important;
    box-sizing:border-box !important;
}

.pnbyw-pencarian-head{
    background:linear-gradient(135deg,#9a2109,#c0300f) !important;
    padding:10px 14px !important;
    border-radius:9px 9px 0 0 !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
}

.pnbyw-pencarian-title{
    margin:0 !important;
    padding:0 !important;
    font-size:.80rem !important;
    line-height:1.35 !important;
    font-weight:700 !important;
    color:#fff !important;
    letter-spacing:.01em !important;
    text-transform:uppercase !important;
}

.pnbyw-pencarian-body{
    padding:12px 14px !important;
    background:#fff !important;
    position:relative !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
    border-radius:0 0 9px 9px !important;
}

.pnbyw-search-wrap{
    width:100%;
    margin:0 !important;
    padding:0 !important;
    box-sizing:border-box;
}

.pnbyw-search-field{
    display:flex;
    align-items:center;
    width:100%;
    border:1.5px solid #e2e4e8;
    border-radius:8px;
    overflow:hidden;
    background:#f9fafb;
    transition:
        border-color .2s ease,
        box-shadow .2s ease,
        background .2s ease;
    box-sizing:border-box;
}

.pnbyw-search-field:focus-within{
    border-color:#9a2109;
    box-shadow:0 0 0 3px rgba(154,33,9,.08);
    background:#fff;
}

.pnbyw-search-icon{
    flex-shrink:0;
    margin:0 8px 0 10px;
    color:#9a2109;
    opacity:.7;
}

.pnbyw-search-input{
    flex:1;
    min-width:0;
    border:none;
    background:transparent;
    padding:9px 4px;
    font-size:12px;
    font-family:inherit;
    color:#1A1D23;
    outline:none;
    box-shadow:none;
    box-sizing:border-box;
}

.pnbyw-search-input::placeholder{
    color:#9ca3af;
}

.pnbyw-search-btn{
    flex-shrink:0;
    padding:9px 14px;
    background:#9a2109;
    color:#fff;
    border:none;
    font-size:11.5px;
    font-weight:700;
    font-family:inherit;
    cursor:pointer;
    transition:background .2s ease;
    white-space:nowrap;
    min-height:38px;
    box-sizing:border-box;
}

.pnbyw-search-btn:hover,
.pnbyw-search-btn:focus{
    background:#741807;
    color:#fff;
    outline:none;
}

@media(max-width:768px){

    .pnbyw-pencarian-widget,
    .pnbyw-pencarian-card,
    .widget_pnbyw_pencarian{
        margin-bottom:12px !important;
    }

    .pnbyw-pencarian-head{
        padding:10px 14px !important;
    }

    .pnbyw-pencarian-title{
        font-size:.80rem !important;
    }

    .pnbyw-pencarian-body{
        padding:12px 14px !important;
    }

    .pnbyw-search-input{
        font-size:12px;
    }

    .pnbyw-search-btn{
        font-size:11.5px;
        padding:9px 12px;
    }

}

@media(max-width:420px){

    .pnbyw-pencarian-body{
        padding:12px 14px !important;
    }

    .pnbyw-search-icon{
        margin-left:9px;
        margin-right:7px;
    }

    .pnbyw-search-input{
        padding:8px 3px;
        font-size:11.5px;
    }

    .pnbyw-search-btn{
        padding:8px 11px;
        font-size:11px;
        min-height:36px;
    }

}