.fyl-header-wrap{display:flex;align-items:center;justify-content:flex-end;position:relative;max-width:100%;z-index:50}
.fyl-header-toggle{display:none}
.fyl-header-search{display:flex;align-items:center;position:static;width:300px;opacity:1;visibility:visible;overflow:visible;transform:none;background:#fff}
.fyl-header-search input{min-width:0;width:100%;height:42px;border:1.5px solid #08f5fe;border-right:0;border-radius:8px 0 0 8px;padding:0 14px;font-size:16px;background:#fff;color:#111;outline:none;box-sizing:border-box}
.fyl-header-search input:focus{border-color:#08f5fe;box-shadow:0 0 0 1px #08f5fe}
.fyl-header-search input::placeholder{color:#777;opacity:1}
.fyl-header-submit{display:grid;place-items:center;width:48px;min-width:48px;height:42px;border:1.5px solid #08f5fe;border-left:0;border-radius:0 21px 21px 0;background:#08f5fe;color:#111;cursor:pointer;padding:0}
.fyl-header-submit span{font-size:0}
.fyl-header-submit span:before{content:"";display:block;width:17px;height:17px;border:2px solid currentColor;border-radius:50%;box-sizing:border-box}
.fyl-header-submit span:after{content:"";display:block;width:7px;height:2px;background:currentColor;transform:rotate(-45deg);transform-origin:left center;margin:-2px 0 0 14px;border-radius:2px}
.fyl-library{width:100%;max-width:1480px;margin:0 auto;padding:0 18px;box-sizing:border-box}
.fyl-main-search{display:flex;width:min(820px,100%);margin:0 auto 26px}
.fyl-main-field{position:relative;display:flex;flex:1;min-width:0}
.fyl-main-search input{width:100%;min-width:0;height:50px;padding:0 48px 0 18px;border:1px solid #bbb;border-radius:25px 0 0 25px;font-size:16px;background:#fff;color:#111;outline:none}
.fyl-main-search input:focus{border-color:#666}
.fyl-clear{position:absolute;right:8px;top:5px;width:40px;height:40px;border:0;background:transparent;color:#666;font-size:25px;line-height:1;cursor:pointer;border-radius:50%;padding:0}
.fyl-clear:hover{background:#f1f1f1}
.fyl-search-submit{min-width:100px;height:50px;border:0;border-radius:0 25px 25px 0;background:#111;color:#fff;font-weight:700;cursor:pointer;padding:0 20px}
.fyl-status{max-width:1480px;margin:10px auto 14px;color:#666;font-size:14px}
.fyl-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 20px}
.fyl-card{display:block;min-width:0;cursor:pointer;border-radius:12px;outline:none}
.fyl-card:focus-visible{box-shadow:0 0 0 3px rgba(0,0,0,.25)}
.fyl-thumb{position:relative;aspect-ratio:16/9;background:#eee;border-radius:12px;overflow:hidden}
.fyl-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .18s ease}
.fyl-card:hover .fyl-thumb img{transform:scale(1.015)}
.fyl-play{position:absolute;inset:0;display:grid;place-items:center;font-size:40px;color:#fff;text-shadow:0 2px 10px #000;pointer-events:none}
.fyl-title{font-size:16px;line-height:1.4;font-weight:650;margin-top:10px;color:inherit;overflow-wrap:anywhere}
.fyl-meta{font-size:13px;color:#777;margin-top:4px}
.fyl-dialog{width:min(960px,94vw);border:0;border-radius:12px;padding:42px 12px 12px;background:#111}
.fyl-dialog::backdrop{background:rgba(0,0,0,.75)}
.fyl-close{position:absolute;right:8px;top:4px;width:38px;height:38px;border:0;background:transparent;color:#fff;font-size:32px;cursor:pointer}
.fyl-player{aspect-ratio:16/9}.fyl-player iframe{width:100%;height:100%;border:0}

@media(max-width:1024px){.fyl-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 18px}}
@media(max-width:767px){
 .fyl-header-wrap{position:static;width:auto}
 .fyl-header-toggle{display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:50%;background:transparent;color:#111;cursor:pointer;padding:0}
 .fyl-header-toggle span{font-size:0}
 .fyl-header-toggle span:before{content:"";display:block;width:18px;height:18px;border:2px solid currentColor;border-radius:50%;box-sizing:border-box}
 .fyl-header-toggle span:after{content:"";display:block;width:8px;height:2px;background:currentColor;transform:rotate(-45deg);transform-origin:left center;margin:-2px 0 0 15px;border-radius:2px}
 .fyl-header-search{display:flex;position:absolute;left:14px;right:14px;top:calc(100% + 1px);width:auto;opacity:0;visibility:hidden;overflow:hidden;padding:0;background:#fff;box-shadow:0 10px 22px rgba(0,0,0,.14);transition:opacity .15s ease,visibility .15s ease,padding .15s ease}
 .fyl-header-wrap.is-open .fyl-header-search{opacity:1;visibility:visible;overflow:visible;padding:10px}
 .fyl-header-search input{height:44px}
 .fyl-header-submit{height:44px;min-width:48px}
 .fyl-library{padding:0 14px}.fyl-main-search{margin-bottom:18px}.fyl-main-search input{height:48px;font-size:16px}.fyl-search-submit{height:48px;min-width:82px;padding:0 14px}
 .fyl-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}.fyl-title{font-size:14px;line-height:1.35}
}
@media(max-width:430px){.fyl-grid{grid-template-columns:1fr;gap:24px}.fyl-title{font-size:16px}}
@media(prefers-reduced-motion:reduce){.fyl-header-search,.fyl-thumb img{transition:none}}
/* v0.7 prominent results-page search */
.fyl-main-search{
  background:#fff;
  border:2px solid #08f5fe;
  border-radius:30px;
  box-shadow:0 5px 18px rgba(0,0,0,.12),0 0 0 4px rgba(8,245,254,.10);
  padding:4px;
  overflow:hidden;
}
.fyl-main-search input{
  border:0!important;
  border-radius:24px 0 0 24px!important;
  font-weight:500;
  background:#fff;
}
.fyl-main-search input:focus{box-shadow:none!important}
.fyl-search-submit{
  background:#08f5fe!important;
  color:#111!important;
  border-radius:24px!important;
  font-weight:800!important;
  letter-spacing:.04em;
}
.fyl-clear{right:6px}
@media(max-width:767px){
  .fyl-main-search{
    width:calc(100% - 8px);
    margin:18px auto 22px;
    border-width:2px;
    box-shadow:0 5px 16px rgba(0,0,0,.14),0 0 0 3px rgba(8,245,254,.12);
  }
  .fyl-main-search input{font-size:16px!important;padding-left:14px}
  .fyl-search-submit{min-width:92px!important}
}
/* v0.8 mobile header: always-visible center search */
@media(max-width:767px){
  .fyl-header-wrap{
    display:flex!important;
    align-items:center!important;
    position:relative!important;
    width:100%!important;
    min-width:0!important;
    z-index:50!important;
  }
  .fyl-header-toggle{display:none!important}
  .fyl-header-search{
    display:flex!important;
    align-items:center!important;
    position:static!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    opacity:1!important;
    visibility:visible!important;
    overflow:visible!important;
    transform:none!important;
    padding:0!important;
    background:#fff!important;
    box-shadow:0 0 0 2px #08f5fe,0 3px 10px rgba(0,0,0,.12)!important;
    border-radius:20px!important;
  }
  .fyl-header-search input{
    width:100%!important;
    min-width:0!important;
    height:38px!important;
    border:0!important;
    border-radius:20px 0 0 20px!important;
    padding:0 9px!important;
    font-size:13px!important;
    background:#fff!important;
    color:#111!important;
    box-shadow:none!important;
  }
  .fyl-header-search input::placeholder{
    color:#555!important;
    opacity:1!important;
  }
  .fyl-header-submit{
    display:grid!important;
    place-items:center!important;
    width:40px!important;
    min-width:40px!important;
    height:38px!important;
    border:0!important;
    border-radius:0 20px 20px 0!important;
    background:#08f5fe!important;
    color:#111!important;
    padding:0!important;
  }
}
@media(max-width:390px){
  .fyl-header-search input{font-size:12px!important;padding-left:8px!important}
  .fyl-header-submit{width:36px!important;min-width:36px!important}
}

.fyl-mobile-forced-search{display:none}
@media(max-width:767px){
 .fyl-header-wrap{display:none!important}
 .fyl-mobile-forced-search{display:block!important;position:fixed!important;top:76px!important;left:145px!important;right:72px!important;z-index:999999!important}
 .fyl-mobile-search-form{display:flex!important;width:100%!important;height:40px!important;margin:0!important;padding:0!important;background:#fff!important;border:2px solid #08f5fe!important;border-radius:22px!important;box-shadow:0 3px 12px rgba(0,0,0,.16),0 0 0 3px rgba(8,245,254,.10)!important;overflow:hidden!important}
 .fyl-mobile-search-form input{display:block!important;flex:1 1 auto!important;min-width:0!important;width:100%!important;height:36px!important;margin:0!important;padding:0 8px!important;border:0!important;outline:0!important;box-shadow:none!important;background:#fff!important;color:#111!important;font-size:12px!important}
 .fyl-mobile-search-form input::placeholder{color:#555!important;opacity:1!important}
 .fyl-mobile-search-form button{display:grid!important;place-items:center!important;flex:0 0 38px!important;width:38px!important;height:36px!important;margin:0!important;padding:0!important;border:0!important;background:#08f5fe!important;color:#111!important}
 .fyl-mobile-search-form button span:before{content:"";display:block;width:15px;height:15px;border:2px solid currentColor;border-radius:50%;box-sizing:border-box}
 .fyl-mobile-search-form button span:after{content:"";display:block;width:7px;height:2px;background:currentColor;transform:rotate(-45deg);transform-origin:left center;margin:-2px 0 0 12px;border-radius:2px}
}
@media(max-width:390px){.fyl-mobile-forced-search{left:132px!important;right:66px!important}.fyl-mobile-search-form input{font-size:11px!important}}

/* v1.0: transform the ACTUAL OceanWP-rendered shortcode slot on mobile */
@media(max-width:767px){
  .fyl-header-wrap.fyl-mobile-inline{
    display:flex!important;position:relative!important;width:clamp(145px,42vw,205px)!important;
    min-width:145px!important;max-width:205px!important;margin:0 8px!important;z-index:99999!important;
  }
  .fyl-header-wrap.fyl-mobile-inline .fyl-header-toggle{display:none!important}
  .fyl-header-wrap.fyl-mobile-inline .fyl-header-search{
    display:flex!important;position:static!important;width:100%!important;opacity:1!important;visibility:visible!important;
    overflow:hidden!important;transform:none!important;padding:0!important;background:#fff!important;
    border:2px solid #08f5fe!important;border-radius:22px!important;
    box-shadow:0 3px 10px rgba(0,0,0,.15),0 0 0 2px rgba(8,245,254,.12)!important;
  }
  .fyl-header-wrap.fyl-mobile-inline .fyl-header-search input{
    display:block!important;flex:1!important;min-width:0!important;width:100%!important;height:38px!important;
    border:0!important;padding:0 9px!important;font-size:12px!important;line-height:38px!important;
    background:#fff!important;color:#111!important;box-shadow:none!important;border-radius:20px 0 0 20px!important;
  }
  .fyl-header-wrap.fyl-mobile-inline .fyl-header-search input::placeholder{color:#555!important;opacity:1!important}
  .fyl-header-wrap.fyl-mobile-inline .fyl-header-submit{
    display:grid!important;place-items:center!important;flex:0 0 38px!important;width:38px!important;height:38px!important;
    border:0!important;background:#08f5fe!important;color:#111!important;border-radius:0 20px 20px 0!important;
  }
  .fyl-mobile-forced-search{display:none!important}
}