.mbts{background:#111318;color:#fff;padding:clamp(20px,4vw,40px);border-radius:18px;font-family:inherit}.mbts *{box-sizing:border-box}.mbts-head h2{color:#fff;font-size:clamp(24px,3vw,34px);margin:0 0 5px}.mbts-head p{color:#b6bbc5;margin:0 0 24px}.mbts-label{display:block;font-size:13px;margin-bottom:8px;color:#cbd0da}.mbts-search{display:flex;align-items:center;background:#242730;border:1px solid #494e59;border-radius:12px;padding:0 12px;gap:10px}.mbts-search span{font-size:28px;color:#ccc}.mbts-search input{flex:1;min-width:0;width:100%;height:52px;background:transparent!important;border:0!important;box-shadow:none!important;color:#fff!important;font-size:16px;outline:0!important}.mbts-search input::placeholder{color:#a9afba}.mbts-clear{border:0!important;background:transparent!important;color:#fff!important;font-size:25px;cursor:pointer}.mbts-tabs{display:flex;gap:9px;flex-wrap:wrap;margin:18px 0}.mbts-tabs button{border:1px solid #494e59!important;background:#242730!important;color:#fff!important;padding:8px 17px!important;border-radius:22px!important;cursor:pointer}.mbts-tabs button.active{background:#fff!important;color:#111!important;border-color:#fff!important}.mbts-status{color:#b6bbc5;font-size:14px;min-height:22px}.mbts-results{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:18px}.mbts-card{min-width:0}.mbts-card-link{display:block;text-decoration:none!important;color:#fff!important;transition:transform .15s}.mbts-card-link:hover,.mbts-card-link:focus-visible{transform:translateY(-3px)}.mbts-card img{display:block;width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:9px;background:#292d36}.mbts-details{padding:10px 2px}.mbts-details h3{font-size:15px;line-height:1.35;color:#fff;margin:0 0 5px}.mbts-details p{font-size:12px;color:#b8bfcb;margin:0 0 6px}.mbts-watch{font-size:13px;font-weight:700;color:#fff}.mbts-more{display:block;margin:24px auto 0;padding:10px 26px;border:1px solid #777;border-radius:22px;background:#292d36;color:#fff;cursor:pointer}.mbts-more[hidden]{display:none}@media(max-width:600px){.mbts{padding:16px;border-radius:12px}.mbts-results{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mbts-tabs button{padding:7px 12px!important}}

/* Popup video player — existing search/card styling unchanged */
.mbts-modal[hidden],.mbts-modal-video[hidden],.mbts-modal-fallback[hidden]{display:none!important}
.mbts-modal{position:fixed;inset:0;z-index:999999;display:flex;align-items:center;justify-content:center;padding:20px}
.mbts-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.88)}
.mbts-modal-panel{position:relative;width:min(100%,960px);max-height:calc(100dvh - 40px);overflow:auto;background:#15171d;color:#fff;border-radius:14px;padding:20px;box-shadow:0 20px 80px rgba(0,0,0,.6)}
.mbts-modal-title{font-size:20px;color:#fff;margin:0 46px 12px 0}
.mbts-modal-close{position:absolute;right:12px;top:9px;background:transparent!important;border:0!important;color:#fff!important;font-size:32px;line-height:1;cursor:pointer;padding:3px 9px!important}
.mbts-modal-video{display:block;width:100%;max-height:70dvh;background:#000;aspect-ratio:16/9}
.mbts-modal-message{color:#d4d7de;font-size:14px;margin:8px 0}
.mbts-modal-fallback{display:inline-block;margin-top:12px;color:#fff!important;text-decoration:underline!important}
body.mbts-modal-open{overflow:hidden}
@media(max-width:600px){.mbts-modal{padding:10px}.mbts-modal-panel{padding:14px;max-height:calc(100dvh - 20px)}}

/* WebView-safe card buttons; same visual styling as the original cards */
.mbts-card-link{appearance:none;-webkit-appearance:none;display:block;width:100%;padding:0;margin:0;background:transparent!important;border:0!important;border-radius:0;text-align:left;font:inherit;cursor:pointer;box-shadow:none!important}
.mbts-card-link:focus-visible{outline:2px solid #fff;outline-offset:4px}

/* v1.4: WebView-safe mobile controls; desktop styling and popup unchanged. */
@media screen and (max-width: 767px) {
  .mbts .mbts-search input[type="search"] {
    display:block!important; appearance:none!important; -webkit-appearance:none!important;
    background:transparent!important; background-color:transparent!important;
    color:#ffffff!important; -webkit-text-fill-color:#ffffff!important;
    caret-color:#ffffff!important; opacity:1!important;
    font-size:16px!important; font-weight:400!important; line-height:normal!important;
    letter-spacing:normal!important; text-transform:none!important;
    height:48px!important; min-height:0!important; padding:0!important;
    border:0!important; border-radius:0!important; box-shadow:none!important;
  }
  .mbts .mbts-search input[type="search"]::placeholder {
    color:#a9afba!important; -webkit-text-fill-color:#a9afba!important; opacity:1!important;
  }
  .mbts .mbts-tabs {display:flex!important; flex-wrap:wrap!important; gap:6px!important; margin:14px 0!important;}
  .mbts .mbts-tabs button[type="button"] {
    display:inline-flex!important; flex:0 0 auto!important; width:auto!important;
    min-width:0!important; max-width:none!important; min-height:0!important;
    height:auto!important; margin:0!important; padding:6px 10px!important;
    font-size:12px!important; font-weight:600!important; line-height:1.25!important;
    letter-spacing:normal!important; text-transform:none!important;
    border-radius:18px!important; white-space:nowrap!important;
  }
}

/* v2.0: Entirely new, single mobile search control for WPMobile.App WebViews.
   The native input remains available on desktop and is visually hidden on mobile. */
.mbts-mobile-editor{display:none}
@media screen and (max-width:767px){
  .mbts .mbts-search{display:flex!important;align-items:center!important;min-height:56px!important;
    padding:0 12px!important;background:#171b24!important;border:2px solid #727b8b!important;
    border-radius:14px!important;gap:9px!important;box-shadow:none!important}
  .mbts .mbts-search input[type="search"]{position:absolute!important;width:1px!important;height:1px!important;
    overflow:hidden!important;clip-path:inset(50%)!important;opacity:0!important;pointer-events:none!important;
    padding:0!important;border:0!important}
  .mbts .mbts-mobile-editor{display:block!important;flex:1 1 auto!important;min-width:0!important;
    min-height:48px!important;padding:13px 0!important;outline:none!important;
    background:transparent!important;color:#fff!important;-webkit-text-fill-color:#fff!important;
    font-family:Arial,sans-serif!important;font-size:16px!important;font-weight:500!important;
    line-height:22px!important;letter-spacing:normal!important;text-transform:none!important;
    white-space:pre-wrap!important;overflow-wrap:anywhere!important;caret-color:#fff!important;
    opacity:1!important;visibility:visible!important;user-select:text!important;-webkit-user-select:text!important}
  .mbts .mbts-mobile-editor:empty:before{content:attr(data-placeholder);color:#c1c8d3!important;
    -webkit-text-fill-color:#c1c8d3!important;pointer-events:none!important}
  .mbts .mbts-mobile-editor:focus{outline:none!important}
  .mbts .mbts-search:focus-within{border-color:#fff!important}
  .mbts .mbts-clear{flex:0 0 auto!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
}

/* v2.0.1: Keep the editable mobile search on one horizontal line in app WebViews. */
@media screen and (max-width:767px){
 .mbts .mbts-search{width:100%!important;min-width:0!important;flex-direction:row!important;flex-wrap:nowrap!important;direction:ltr!important}
 .mbts .mbts-search>span{flex:0 0 auto!important;display:inline-block!important;width:auto!important;writing-mode:horizontal-tb!important}
 .mbts .mbts-mobile-editor[contenteditable="true"]{
   display:block!important;position:relative!important;flex:1 1 0%!important;
   width:100%!important;min-width:0!important;max-width:100%!important;
   height:48px!important;min-height:48px!important;max-height:48px!important;
   padding:13px 0!important;margin:0!important;box-sizing:border-box!important;
   direction:ltr!important;writing-mode:horizontal-tb!important;text-orientation:mixed!important;
   white-space:pre!important;word-break:normal!important;overflow-wrap:normal!important;
   overflow-x:auto!important;overflow-y:hidden!important;
   text-align:left!important;line-height:22px!important;letter-spacing:normal!important;
   color:#fff!important;-webkit-text-fill-color:#fff!important;
 }
 .mbts .mbts-mobile-editor[contenteditable="true"]:empty:before{
   display:inline!important;white-space:nowrap!important;word-break:normal!important;
 }
 .mbts .mbts-clear{flex:0 0 auto!important;width:auto!important}
}