.pbs{display:flex;align-items:center;flex-wrap:wrap;gap:12px 16px;clear:both;box-sizing:border-box;
 margin:-14px 0 28px;padding:14px 18px;border:1px solid #e3e6e3;border-radius:16px;
 background:linear-gradient(135deg,#fbfcfb 0%,#f3f5f3 100%);box-shadow:0 6px 20px rgba(20,30,50,.06);
 color:#1d2433;font-family:inherit;line-height:1.3;text-align:left}
.pbs[hidden]{display:none!important}
.pbs *{box-sizing:border-box}
.pbs button{font-family:inherit;margin:0;min-width:0;min-height:0;text-transform:none;letter-spacing:0;box-shadow:none;float:none}
.pbs .pbs__oynat{flex:none;width:48px;height:48px;padding:0;border:0;border-radius:50%;display:inline-flex;
 align-items:center;justify-content:center;cursor:pointer;background:#1d2433;color:#fff;
 box-shadow:0 4px 14px rgba(29,36,51,.22);transition:background-color .2s ease,transform .15s ease}
.pbs .pbs__oynat:hover,.pbs.pbs--caliyor .pbs__oynat{background:#9c7a2c;color:#fff}
.pbs .pbs__oynat:hover{transform:scale(1.05)}
.pbs .pbs__oynat svg{width:20px;height:20px;fill:currentColor;display:block}
.pbs button:focus-visible,.pbs .pbs__cubuk:focus-visible{outline:3px solid #1d2433;outline-offset:2px}
.pbs .pbs__govde{flex:1 1 220px;min-width:0}
.pbs .pbs__baslik{display:flex;align-items:center;gap:7px;margin:0 0 9px;padding:0;font-size:12.5px;font-weight:700;
 line-height:1.3;letter-spacing:.07em;text-transform:uppercase;color:#8a6d26;font-family:inherit}
.pbs .pbs__baslik svg{width:15px;height:15px;flex:none;fill:currentColor}
.pbs .pbs__cubuk{position:relative;display:block;height:6px;border-radius:99px;background:#e3e6ea;cursor:pointer}
.pbs .pbs__cubuk::before{content:"";position:absolute;inset:-8px 0}
.pbs .pbs__dolgu{position:absolute;top:0;bottom:0;left:0;width:0;border-radius:inherit;
 background:linear-gradient(90deg,#1d2433,#9c7a2c);transition:width .25s linear}
.pbs .pbs__dolgu::after{content:"";position:absolute;top:50%;right:-6px;width:12px;height:12px;border-radius:50%;
 background:#fff;border:2px solid #1d2433;transform:translateY(-50%);box-shadow:0 1px 4px rgba(0,0,0,.25)}
.pbs .pbs__sure{display:flex;justify-content:space-between;gap:12px;margin:8px 0 0;padding:0;font-size:12px;line-height:1.2;
 color:#5c6370;font-variant-numeric:tabular-nums}
.pbs .pbs__hiz{flex:none;display:flex;gap:6px}
.pbs .pbs__hiz button{padding:7px 11px;border:1px solid #e3e6e3;border-radius:99px;background:#fff;color:#1d2433;
 font-size:12px;font-weight:700;line-height:1;cursor:pointer;font-variant-numeric:tabular-nums;
 transition:border-color .2s ease,color .2s ease,background-color .2s ease}
.pbs .pbs__hiz button:hover{border-color:#1d2433;color:#1d2433}
.pbs .pbs__hiz button[aria-pressed="true"]{background:#1d2433;border-color:#1d2433;color:#fff}
.pbs .pbs__bastan{flex:none;width:38px;height:38px;padding:0;border:1px solid #e3e6e3;border-radius:50%;display:inline-flex;
 align-items:center;justify-content:center;background:#fff;color:#1d2433;cursor:pointer;transition:border-color .2s ease,color .2s ease}
.pbs .pbs__bastan:hover{border-color:#1d2433;color:#1d2433}
.pbs .pbs__bastan svg{width:17px;height:17px;fill:currentColor;display:block}
.pbs .pbs__hiz button,.pbs .pbs__sure span{direction:ltr;unicode-bidi:isolate}
@media (prefers-reduced-motion:reduce){.pbs .pbs__oynat,.pbs .pbs__dolgu{transition:none}.pbs .pbs__oynat:hover{transform:none}}
@media (max-width:575px){
 .pbs{padding:14px;border-radius:14px;gap:12px 14px}
 .pbs .pbs__govde{flex:1 1 calc(100% - 64px)}
 .pbs .pbs__hiz{margin-left:62px}
 .pbs .pbs__bastan{margin-left:auto}
}