/* Velocity Images light flat header + side drawer 0.7.3 */

:root{
  --bk-head:#202021;
  --bk-head-2:#29292a;
  --bk-line:#38383a;
  --bk-line-2:#3f3f42;
  --bk-text:#c7c7ca;
  --bk-text-hi:#f3f3f4;
  --bk-text-dim:#929295;
  --bk-accent:#4f70ad;
  --bk-accent-soft:rgba(79,112,173,.14);
  --bk-accent-border:rgba(79,112,173,.34);
  --bk-head-h:64px;
  --bk-sub-h:44px;
}

/* Top row */
.bk-header{
  position:sticky;
  top:0;
  z-index:220;
  width:100%;
  height:var(--bk-head-h);
  background:var(--bk-head);
  color:var(--bk-text);
  border-bottom:1px solid var(--bk-line);
  box-shadow:none;
  font-family:"Source Sans 3",system-ui,-apple-system,sans-serif;
}

.bk-header-inner{
  width:100%;
  height:100%;
  padding:0 12px 0 7px;
  display:flex;
  align-items:center;
  gap:9px;
}

.bk-menu{
  flex:0 0 auto;
  width:32px;
  height:34px;
  padding:0;
  border:0;
  background:transparent;
  color:#bdbdc1;
  display:grid;
  place-items:center;
  font-size:16px;
}

.bk-menu:hover{
  color:#f4f4f6;
  background:#303032;
  border-radius:7px;
}

.bk-logo{
  flex:0 0 auto;
  display:flex;
  align-items:baseline;
  gap:0;
  min-width:max-content;
  line-height:1;
  text-transform:uppercase;
  font-size:27px;
  font-weight:900;
  letter-spacing:-.058em;
}

.bk-logo-accent{
  color:var(--bk-accent);
}

.bk-logo-light{
  color:#f1f2f5;
  margin-left:1px;
}

.bk-nav{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  gap:4px;
  min-width:0;
  margin-left:6px;
}

.bk-nav a,
.bk-nav button{
  height:34px;
  padding:0 8px;
  border:0;
  border-radius:6px;
  background:transparent;
  display:inline-flex;
  align-items:center;
  gap:6px;
  color:#c7c7ca;
  font-size:11px;
  line-height:1;
  font-weight:700;
  text-transform:uppercase;
  white-space:nowrap;
}

.bk-nav a i,
.bk-nav button i{
  font-size:11px;
  color:#92959f;
}

.bk-nav a:hover,
.bk-nav button:hover{
  color:#f2f2f4;
  background:#303032;
}

.bk-nav a:hover i,
.bk-nav button:hover i{
  color:#c5c7ce;
}

.bk-badge{
  margin-left:-1px;
  padding:2px 4px;
  border:1px solid var(--bk-accent-border);
  border-radius:4px;
  color:#e1a5b9;
  background:rgba(117,99,185,.15);
  font-size:7px;
  font-weight:800;
  line-height:1;
  letter-spacing:.03em;
}

/* Flat desktop search */
.bk-search{
  flex:1 1 420px;
  min-width:180px;
  height:39px;
  margin-left:3px;
  display:flex;
  align-items:center;
  gap:9px;
  padding:0 10px 0 12px;
  border:1px solid #3a3a3d;
  border-radius:8px;
  background:#2a2a2c;
}

.bk-search>i{
  flex:0 0 auto;
  color:#8f929d;
  font-size:12px;
}

.bk-search input{
  flex:1;
  min-width:0;
  border:0;
  outline:0;
  background:transparent;
  color:#eeeef2;
  font-size:13px;
  font-weight:400;
}

.bk-search input::placeholder{
  color:#8d9099;
}

.bk-search button{
  flex:0 0 auto;
  width:27px;
  height:27px;
  padding:0;
  border:0;
  border-radius:6px;
  background:#2f2f31;
  color:#bd625b;
  display:grid;
  place-items:center;
  font-size:12px;
}

.bk-search button:hover{
  background:#373739;
}

.bk-actions{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  gap:7px;
}

.bk-actions>a,
.bk-actions>button{
  min-height:34px;
  padding:0 7px;
  border:0;
  border-radius:6px;
  background:transparent;
  display:inline-flex;
  align-items:center;
  gap:6px;
  color:#c5c5c8;
  font-size:11px;
  line-height:1;
  font-weight:700;
  text-transform:uppercase;
  white-space:nowrap;
}

.bk-actions>a:hover,
.bk-actions>button:hover{
  background:#323234;
  color:#f0f1f3;
}

.bk-actions i{
  color:#9699a4;
  font-size:11px;
}

.bk-favorites{
  position:relative;
}

.bk-count{
  min-width:17px;
  height:17px;
  padding:0 5px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:var(--bk-accent);
  color:#fff;
  font-size:8px;
  font-weight:800;
}

.bk-count[hidden]{
  display:none !important;
}

.bk-lang{
  cursor:pointer;
}

.bk-beta{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:23px;
  padding:0 8px;
  margin-left:2px;
  border:1px solid var(--bk-accent-border);
  border-radius:999px;
  background:var(--bk-accent-soft);
  color:#c97a73;
  font-size:8px;
  font-weight:900;
  letter-spacing:.11em;
  transform:rotate(-4deg);
  transform-origin:center;
}

.bk-mobile-actions{
  display:none;
}

/* Second row */
.bk-subbar{
  position:sticky;
  top:var(--bk-head-h);
  z-index:210;
  width:100%;
  height:var(--bk-sub-h);
  background:var(--bk-head-2);
  border-bottom:1px solid var(--bk-line);
  color:#c7c7ca;
  font-family:"Source Sans 3",system-ui,-apple-system,sans-serif;
}

.bk-subbar-inner{
  width:100%;
  height:100%;
  padding:0 8px;
  display:flex;
  align-items:center;
  overflow:hidden;
}

.bk-scroll{
  flex:1;
  min-width:0;
  height:100%;
  display:flex;
  align-items:center;
  overflow-x:auto;
  scrollbar-width:none;
  scroll-behavior:smooth;
}

.bk-scroll::-webkit-scrollbar{
  display:none;
}

.bk-group{
  flex:0 0 auto;
  height:100%;
  display:flex;
  align-items:center;
  gap:14px;
  padding:0 14px;
}

.bk-group:first-child{
  padding-left:2px;
}

.bk-group + .bk-group{
  border-left:1px solid #3b3b3e;
}

.bk-group-label{
  display:inline-flex;
  align-items:center;
  gap:5px;
  color:#8f929c;
  font-size:8px;
  font-weight:900;
  letter-spacing:.09em;
  text-transform:uppercase;
  white-space:nowrap;
}

.bk-group-label i{
  font-size:8px;
  color:#8f929c;
}

.bk-subitem{
  position:relative;
  flex:0 0 auto;
  height:44px;
  display:inline-flex;
  align-items:center;
  color:#bdbdc0;
  font-size:11.5px;
  font-weight:600;
  line-height:1;
  white-space:nowrap;
}

.bk-subitem:hover{
  color:#ffffff;
}

.bk-subitem.is-active{
  color:var(--bk-accent);
}

.bk-subitem.is-active::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:2px;
  background:var(--bk-accent);
}

.bk-subnext{
  flex:0 0 36px;
  height:44px;
  border:0;
  border-left:1px solid #3b3b3e;
  background:#29292a;
  color:#9a9da6;
}

.bk-subnext:hover{
  color:#f2f2f4;
  background:#363638;
}

/* Search dropdown: mainly mobile, but reusable from drawer. */
.vp-search-panel{
  position:fixed;
  top:calc(var(--bk-head-h) + 7px);
  right:12px;
  width:min(460px,calc(100vw - 24px));
  padding:7px;
  border:1px solid #e4e4e8;
  border-radius:10px;
  background:#fff;
  box-shadow:0 18px 45px rgba(22,24,32,.11);
  opacity:0;
  transform:translateY(-4px);
  pointer-events:none;
  transition:opacity .14s ease,transform .14s ease;
  z-index:360;
}

body.vp-search-open .vp-search-panel{
  opacity:1;
  transform:translateY(0);
  pointer-events:auto;
}

.vp-search-panel form{
  height:44px;
  display:flex;
  align-items:center;
  gap:9px;
  padding:0 11px;
  border-radius:7px;
  background:#f5f5f7;
}

.vp-search-panel form>i{
  color:#9699a2;
  font-size:12px;
}

.vp-search-panel input{
  flex:1;
  min-width:0;
  border:0;
  outline:0;
  background:transparent;
  color:#2f323a;
  font-size:13px;
}

.vp-search-panel button{
  width:29px;
  height:29px;
  padding:0;
  border:0;
  border-radius:6px;
  display:grid;
  place-items:center;
  background:#fff;
  color:#8f929b;
}

/* Side drawer, no duplicated logo inside. */
.vp-drawer{
  position:fixed;
  left:0;
  top:calc(var(--bk-head-h) + var(--bk-sub-h));
  bottom:0;
  width:270px;
  max-width:88vw;
  z-index:180;
  transform:translateX(-101%);
  transition:transform .18s ease;
  background:#fbfbfc;
  border-right:1px solid #e8e8ec;
  box-shadow:none;
  overflow-y:auto;
  overscroll-behavior:contain;
}

body.vp-drawer-open .vp-drawer,
html.vp-sidebar-boot-open .vp-drawer{
  transform:translateX(0);
}

.vp-drawer-head{
  height:50px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 12px 0 16px;
  border-bottom:1px solid #ececef;
  background:#fbfbfc;
}

.vp-drawer-head strong{
  color:#555963;
  font-size:11px;
  font-weight:900;
  letter-spacing:.09em;
  text-transform:uppercase;
}

.vp-drawer-close{
  width:31px;
  height:31px;
  padding:0;
  border:0;
  border-radius:7px;
  display:grid;
  place-items:center;
  background:#f0f0f3;
  color:#7c8089;
  font-size:12px;
}

.vp-drawer-nav{
  display:flex;
  flex-direction:column;
  gap:3px;
  padding:11px 10px 5px;
}

.vp-drawer-nav a,
.vp-drawer-nav button{
  width:100%;
  height:38px;
  padding:0 10px;
  border:0;
  border-radius:7px;
  background:transparent;
  display:flex;
  align-items:center;
  gap:10px;
  color:#60646d;
  font-size:12px;
  font-weight:700;
  text-align:left;
}

.vp-drawer-nav a:hover,
.vp-drawer-nav button:hover{
  background:#f0f0f3;
  color:#30333a;
}

.vp-drawer-nav i{
  width:14px;
  color:#858993;
  text-align:center;
}

.vp-drawer-section{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  padding:12px 10px 2px;
}

.vp-drawer-section>span{
  width:100%;
  padding:0 5px 3px;
  color:#a1a4ac;
  font-size:8px;
  font-weight:900;
  letter-spacing:.1em;
  text-transform:uppercase;
}

.vp-drawer-section a{
  padding:6px 9px;
  border:1px solid #e7e7ea;
  border-radius:6px;
  background:#fff;
  color:#70747d;
  font-size:10px;
  font-weight:600;
}

.vp-drawer-section a:hover{
  border-color:#dad5e9;
  color:#5f4e9a;
  background:#f7f5fb;
}

.vp-drawer-overlay{
  display:none;
}

/* Desktop drawer occupies real layout space beside the masonry. */
@media(min-width:900px){
  html.vp-sidebar-boot-open .vp-drawer,
  body.vp-drawer-open .vp-drawer{
    transform:translateX(0);
  }
}

@media(max-width:1280px){
  .bk-nav{gap:1px}
  .bk-nav a,
  .bk-nav button{padding:0 6px;font-size:10px}
  .bk-actions{gap:3px}
  .bk-actions>a,
  .bk-actions>button{padding:0 5px}
}

@media(max-width:1040px){
  .bk-nav button:nth-child(3),
  .bk-nav a:nth-child(4){
    display:none;
  }

  .bk-actions>a span,
  .bk-actions>button span:not(.bk-count){
    display:none;
  }
}

/* Mobile header: compact, search is a dropdown instead of a crushed inline field. */
@media(max-width:899px){
  :root{
    --bk-head-h:58px;
    --bk-sub-h:41px;
  }

  .bk-header-inner{
    padding:0 8px 0 5px;
    gap:6px;
  }

  .bk-menu{
    width:31px;
    height:32px;
  }

  .bk-logo{
    font-size:21px;
    letter-spacing:-.06em;
  }

  .bk-nav,
  .bk-search,
  .bk-actions{
    display:none;
  }

  .bk-mobile-actions{
    margin-left:auto;
    display:flex;
    align-items:center;
    gap:2px;
  }

  .bk-mobile-actions>button{
    position:relative;
    width:32px;
    height:32px;
    padding:0;
    border:0;
    border-radius:7px;
    background:transparent;
    display:grid;
    place-items:center;
    color:#6e727c;
    font-size:13px;
  }

  .bk-mobile-actions>button:hover{
    background:#f3f3f5;
  }

  .bk-mobile-actions .bk-count{
    position:absolute;
    top:1px;
    right:-2px;
    min-width:14px;
    height:14px;
    padding:0 4px;
    font-size:7px;
  }

  .bk-mobile-actions .bk-beta{
    height:20px;
    padding:0 6px;
    margin-left:3px;
    font-size:7px;
  }

  .bk-subbar-inner{
    padding:0 5px;
  }

  .bk-group{
    gap:11px;
    padding:0 11px;
  }

  .bk-group-label{
    font-size:7px;
  }

  .bk-subitem{
    height:41px;
    font-size:10.5px;
  }

  .bk-subnext{
    height:41px;
    flex-basis:31px;
  }

  .vp-search-panel{
    top:calc(var(--bk-head-h) + 5px);
    left:7px;
    right:7px;
    width:auto;
    padding:6px;
    border-radius:9px;
  }

  .vp-drawer{
    top:0;
    z-index:350;
    width:290px;
    max-width:86vw;
    background:#fff;
    box-shadow:18px 0 50px rgba(20,22,30,.14);
  }

  .vp-drawer-head{
    height:58px;
    background:#fff;
  }

  .vp-drawer-overlay{
    position:fixed;
    inset:0;
    z-index:340;
    display:block;
    background:rgba(26,28,34,.22);
    opacity:0;
    pointer-events:none;
    transition:opacity .16s ease;
  }

  body.vp-drawer-open .vp-drawer-overlay{
    opacity:1;
    pointer-events:auto;
  }

  html.vp-sidebar-boot-open .vp-drawer{
    transform:translateX(-101%);
  }
}

@media(max-width:560px){
  .bk-group{
    gap:10px;
    padding:0 10px;
  }

  .bk-subnext{
    display:none;
  }

  .bk-logo{
    font-size:20px;
  }

  .bk-mobile-actions .bk-beta{
    transform:rotate(-3deg);
  }
}


/* Velocity Images 0.7.4 — medium-dark BUNKR header refinement */
.bk-logo{
  margin-right:0;
}

.bk-logo + .bk-beta{
  margin-left:6px;
  margin-right:3px;
  transform:rotate(-4deg) translateY(-1px);
}

.bk-header .bk-beta{
  box-shadow:none;
}

.bk-subbar{
  box-shadow:none;
}

@media(max-width:899px){
  .bk-logo + .bk-beta{
    height:19px;
    padding:0 6px;
    margin-left:5px;
    margin-right:1px;
    font-size:7px;
    transform:rotate(-3deg) translateY(-1px);
  }

  .bk-mobile-actions>button{
    color:#b9bbc4;
  }

  .bk-mobile-actions>button:hover{
    background:#323234;
  }
}


/* Velocity Images 0.7.5 — explicit brand cluster */
.bk-brand{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-width:max-content;
}

.bk-brand .bk-logo{
  margin:0;
}

.bk-brand .bk-beta{
  margin:0;
  transform:rotate(-4deg) translateY(-1px);
}

@media(max-width:899px){
  .bk-brand{
    gap:5px;
  }

  .bk-brand .bk-beta{
    transform:rotate(-3deg) translateY(-1px);
  }
}


/* Velocity Images 0.7.6 — neutral graphite, no blue cast */
.vp-search-panel{
  border-color:#3b3b3e;
  background:#242425;
  box-shadow:0 18px 45px rgba(0,0,0,.22);
}

.vp-search-panel form{
  background:#2d2d2f;
}

.vp-search-panel form>i{
  color:#96969a;
}

.vp-search-panel input{
  color:#f1f1f2;
}

.vp-search-panel input::placeholder{
  color:#8e8e92;
}

.vp-search-panel button{
  background:#363638;
  color:#bd625b;
}

.vp-search-panel button:hover{
  background:#3d3d40;
}


/* Velocity Images 0.7.7 — final neutral black/gray flat header */
html body .bk-header{
  background:#181818 !important;
  background-color:#181818 !important;
  border-bottom:0 !important;
  box-shadow:none !important;
}

html body .bk-subbar{
  background:#232323 !important;
  background-color:#232323 !important;
  border:0 !important;
  border-bottom:0 !important;
  box-shadow:none !important;
}

html body .bk-subbar-inner{
  border:0 !important;
  box-shadow:none !important;
}

html body .bk-scroll{
  border:0 !important;
}

html body .bk-group{
  border:0 !important;
}

html body .bk-group + .bk-group{
  border-left:0 !important;
}

html body .bk-search{
  background:#242424 !important;
  border-color:#303030 !important;
}

html body .bk-search:focus-within{
  border-color:#464046 !important;
  background:#272727 !important;
}

html body .bk-nav a:hover,
html body .bk-nav button:hover,
html body .bk-menu:hover,
html body .bk-mobile-actions>button:hover{
  background:#242424 !important;
}

html body .bk-subbar a,
html body .bk-subbar button{
  border:0 !important;
  box-shadow:none !important;
}

/* Separation is by tone only; no hard rule under the submenu. */
html body .bk-subbar::after{
  display:none !important;
  content:none !important;
}


/* Velocity Images 0.7.8 — hard flat submenu + muted pink accent */
html body .bk-header{
  background:#191919 !important;
  background-color:#191919 !important;
  border:0 !important;
  border-bottom:0 !important;
  box-shadow:none !important;
}

html body .bk-subbar{
  background:#222222 !important;
  background-color:#222222 !important;
  border:0 !important;
  border-top:0 !important;
  border-right:0 !important;
  border-bottom:0 !important;
  border-left:0 !important;
  box-shadow:none !important;
  outline:0 !important;
}

html body .bk-subbar-inner,
html body .bk-scroll,
html body .bk-group,
html body .bk-group + .bk-group,
html body .bk-subitem,
html body .bk-subnext,
html body .bk-group-label{
  border:0 !important;
  border-top:0 !important;
  border-right:0 !important;
  border-bottom:0 !important;
  border-left:0 !important;
  box-shadow:none !important;
  outline:0 !important;
}

html body .bk-subbar::before,
html body .bk-subbar::after,
html body .bk-subbar-inner::before,
html body .bk-subbar-inner::after,
html body .bk-group::before,
html body .bk-group::after{
  display:none !important;
  content:none !important;
  border:0 !important;
}

html body .bk-subitem{
  background:transparent !important;
}

html body .bk-subitem:hover{
  background:#2b2b2b !important;
}

html body .bk-subitem.is-active{
  background:rgba(79,112,173,.13) !important;
  color:#c97a73 !important;
}

html body .bk-search:focus-within{
  border-color:rgba(79,112,173,.42) !important;
}

html body .bk-logo-accent{
  color:#4f70ad !important;
}

html body .bk-beta{
  border-color:rgba(79,112,173,.36) !important;
  background:rgba(79,112,173,.13) !important;
  color:#c97a73 !important;
}


/* Velocity Images 0.7.9 — flat dark header */
html body .bk-header{
  background:#191919 !important;
  background-color:#191919 !important;
  border:0 !important;
  box-shadow:none !important;
}

html body .bk-subbar,
html body .bk-subbar-inner,
html body .bk-scroll,
html body .bk-group,
html body .bk-group + .bk-group,
html body .bk-subitem,
html body .bk-subnext,
html body .bk-group-label{
  border:0 !important;
  border-top:0 !important;
  border-right:0 !important;
  border-bottom:0 !important;
  border-left:0 !important;
  outline:0 !important;
  box-shadow:none !important;
}

html body .bk-subbar{
  background:#222222 !important;
  background-color:#222222 !important;
}

html body .bk-subbar::before,
html body .bk-subbar::after,
html body .bk-subbar-inner::before,
html body .bk-subbar-inner::after,
html body .bk-group::before,
html body .bk-group::after{
  display:none !important;
  content:none !important;
}

html body .bk-logo-accent{
  color:#4f70ad !important;
}

html body .bk-beta{
  border-color:rgba(79,112,173,.34) !important;
  background:rgba(79,112,173,.13) !important;
  color:#c97a73 !important;
}


/* Velocity Images 0.8.0 — theme cache-bust marker */
:root{--vi-theme-build:080}


/* Velocity Images 0.8.7 — clean submenu states */
html body .bk-subitem:hover,
html body .bk-subitem.is-active{
  background:transparent !important;
  background-color:transparent !important;
  box-shadow:none !important;
}

html body .bk-subitem:hover{
  color:#c97a73 !important;
}

html body .bk-subitem.is-active{
  color:#c97a73 !important;
}

html body .bk-subitem.is-active::after{
  display:none !important;
  content:none !important;
}

html body .bk-group-label i{
  font-size:12px !important;
  width:14px;
  text-align:center;
  color:#b0b0b5;
}

@media(max-width:899px){
  html body .bk-group-label i{
    font-size:11px !important;
  }
}

:root{--vi-theme-build:087}

/* VELOCITY-IMAGES-FRONTEND-089 */
:root{--vi-header-build:088}


/* Velocity Images 0.9.0 — sidebar/header marker */
:root{--vi-header-build:090}

/* Velocity Images 0.9.1 */
:root{--vi-header-build:091}

/* Velocity Images 0.9.2 */
:root{--vi-header-build:092}


/* Velocity Images mobile header 0.9.4 */
@media(max-width:899px){
  html body .bk-logo{
    font-size:24px !important;
  }
}

@media(max-width:560px){
  html body .bk-logo{
    font-size:23px !important;
  }
}

:root{--vi-header-build:094}


/* Velocity Images 0.9.5 */
:root{--vi-header-build:095}


/* Velocity Images 0.9.5.2 — mobile brand/upload override */
@media(max-width:899px){
  html body .bk-logo{
    font-size:25px !important;
  }

  html body .bk-mobile-actions [data-upload-open]{
    display:grid !important;
  }
}

@media(max-width:560px){
  html body .bk-logo{
    font-size:24px !important;
  }
}

:root{--vi-header-build:096}

/* Velocity Images 0.9.5.3 */
:root{--vi-header-build:097}

/* Velocity Images 0.9.5.4 */
:root{--vi-header-build:098}

/* Velocity Images 0.9.5.5 */
:root{--vi-header-build:099}

/* Velocity Images light header trial 0.9.5.6 */
:root{--vi-header-build:100}


/* Velocity Images 0.9.5.6.1 — definitive LIGHT HEADER override
   This file loads after pixora, so these rules win. */
html body .bk-header,
html body header.bk-header{
  background:#ffffff !important;
  background-color:#ffffff !important;
  border:0 !important;
  border-bottom:1px solid #ededf0 !important;
  box-shadow:none !important;
  color:#555a64 !important;
}

html body .bk-header-inner{
  background:#ffffff !important;
  background-color:#ffffff !important;
}

html body .bk-logo-light{
  color:#2f3238 !important;
}

html body .bk-logo-accent{
  color:#4f70ad !important;
}

html body .bk-menu,
html body .bk-nav a,
html body .bk-nav button,
html body .bk-actions>a,
html body .bk-actions>button,
html body .bk-mobile-actions>button{
  color:#5d626c !important;
  background:transparent !important;
}

html body .bk-menu i,
html body .bk-nav i,
html body .bk-actions i,
html body .bk-mobile-actions i{
  color:#777c86 !important;
}

html body .bk-menu:hover,
html body .bk-nav a:hover,
html body .bk-nav button:hover,
html body .bk-actions>a:hover,
html body .bk-actions>button:hover,
html body .bk-mobile-actions>button:hover{
  background:#f4f4f6 !important;
  color:#4f70ad !important;
}

html body .bk-menu:hover i,
html body .bk-nav a:hover i,
html body .bk-nav button:hover i,
html body .bk-actions>a:hover i,
html body .bk-actions>button:hover i,
html body .bk-mobile-actions>button:hover i{
  color:#4f70ad !important;
}

html body .bk-search{
  background:#f4f4f6 !important;
  background-color:#f4f4f6 !important;
  border:1px solid #e6e6ea !important;
}

html body .bk-search:focus-within{
  background:#ffffff !important;
  background-color:#ffffff !important;
  border-color:rgba(79,112,173,.42) !important;
}

html body .bk-search input{
  background:transparent !important;
  color:#343840 !important;
}

html body .bk-search input::placeholder{
  color:#9ca0a8 !important;
}

html body .bk-search>i{
  color:#9a9ea7 !important;
}

html body .bk-search button{
  background:#ececf0 !important;
  color:#4f70ad !important;
}

html body .bk-search button:hover{
  background:#e6e6ea !important;
}

html body .bk-upload{
  background:#f4f4f6 !important;
  border:1px solid #e6e6ea !important;
  color:#5d626c !important;
}

html body .bk-upload:hover{
  background:#f9f1f4 !important;
  border-color:#1a1a1a !important;
  color:#4f70ad !important;
}

html body .bk-favorites{
  background:transparent !important;
  color:#5d626c !important;
}

html body .bk-beta{
  background:rgba(79,112,173,.10) !important;
  border:1px solid rgba(79,112,173,.28) !important;
  color:#334b74 !important;
}

html body .bk-subbar,
html body .bk-subbar-inner{
  background:#f5f5f7 !important;
  background-color:#f5f5f7 !important;
  border:0 !important;
  border-bottom:1px solid #e8e8ec !important;
}

html body .bk-subitem,
html body .bk-group-label,
html body .bk-subnext{
  color:#656a73 !important;
}

html body .bk-group-label i{
  color:#8a8e97 !important;
}

html body .bk-subitem:hover,
html body .bk-subitem.is-active{
  background:transparent !important;
  color:#4f70ad !important;
}

html body .bk-subnext{
  background:#f5f5f7 !important;
}

@media(max-width:899px){
  html body .bk-header,
  html body .bk-header-inner{
    background:#ffffff !important;
    background-color:#ffffff !important;
  }

  html body .bk-logo{
    font-size:25px !important;
  }

  html body .bk-mobile-actions [data-upload-open]{
    display:grid !important;
    color:#666b75 !important;
  }
}

@media(max-width:560px){
  html body .bk-logo{
    font-size:24px !important;
  }
}

:root{--vi-header-build:1001}


/* Velocity Images 0.9.5.6.2 — final light polish */

/* Logo: subtle same-tone vertical gradients, no glossy effect */
html body .bk-logo-accent{
  background:linear-gradient(180deg,#7898cf 0%,#4f70ad 58%,#38527f 100%) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
  color:#4f70ad !important;
  text-shadow:0 1px 1px rgba(126,49,77,.08) !important;
}

html body .bk-logo-light{
  background:linear-gradient(180deg,#3e4148 0%,#30333a 58%,#25272d 100%) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
  color:#30333a !important;
  text-shadow:0 1px 1px rgba(0,0,0,.06) !important;
}

/* NEW pill matches the translucent BETA language */
html body .bk-badge{
  background:rgba(79,112,173,.10) !important;
  border:1px solid rgba(79,112,173,.28) !important;
  color:#334b74 !important;
  box-shadow:none !important;
}

/* Light age gate */
html body .vp-age-gate{
  background:rgba(247,247,249,.92) !important;
  backdrop-filter:blur(10px) !important;
}

html body .vp-age-dialog{
  background:#ffffff !important;
  color:#30333a !important;
  border:1px solid #e8e8ec !important;
  box-shadow:0 22px 60px rgba(34,36,43,.16) !important;
}

html body .vp-age-kicker{
  color:#4f70ad !important;
}

html body .vp-age-dialog h1,
html body .vp-age-dialog h2,
html body .vp-age-dialog strong{
  color:#30333a !important;
}

html body .vp-age-dialog p,
html body .vp-age-dialog .muted{
  color:#777c86 !important;
}

html body .vp-age-confirm,
html body [data-age-accept]{
  background:#4f70ad !important;
  color:#ffffff !important;
  border:1px solid #4f70ad !important;
  box-shadow:none !important;
}

html body .vp-age-confirm:hover,
html body [data-age-accept]:hover{
  background:#6688c4 !important;
  border-color:#6688c4 !important;
}

html body .vp-age-leave,
html body [data-age-decline]{
  background:#f3f3f5 !important;
  color:#666b75 !important;
  border:1px solid #e5e5e9 !important;
}

html body .vp-age-leave:hover,
html body [data-age-decline]:hover{
  background:#ededf0 !important;
  color:#4f535c !important;
}

:root{--vi-header-build:1002}


/* Velocity Images 0.9.5.6.3 — mobile logo size correction */
@media(max-width:899px){
  html body .bk-brand{
    flex:0 0 auto !important;
    min-width:max-content !important;
  }

  html body .bk-logo{
    font-size:29px !important;
    line-height:1 !important;
    letter-spacing:-1.35px !important;
    transform:none !important;
    white-space:nowrap !important;
  }
}

@media(max-width:560px){
  html body .bk-logo{
    font-size:28px !important;
    letter-spacing:-1.3px !important;
  }
}

@media(max-width:390px){
  html body .bk-logo{
    font-size:27px !important;
    letter-spacing:-1.25px !important;
  }
}

:root{--vi-header-build:1003}


/* Velocity Images 0.9.6.0 — definitive WHITE age gate (real selectors) */
html body .vp-age-gate{
  background:rgba(246,246,248,.94) !important;
  backdrop-filter:blur(11px) !important;
}
html body .vp-age-card{
  background:#fff !important;
  background-color:#fff !important;
  color:#30333a !important;
  border:1px solid #e7e7eb !important;
  box-shadow:0 28px 80px rgba(32,35,42,.16) !important;
}
html body .vp-age-brand{
  color:#30333a !important;
}
html body .vp-age-brand span,
html body .vp-age-kicker{
  color:#4f70ad !important;
}
html body .vp-age-card h1{
  color:#30333a !important;
}
html body .vp-age-card p{
  color:#737781 !important;
}
html body .vp-age-card small{
  color:#989ca5 !important;
}
html body .vp-age-actions .vp-age-enter{
  background:#4f70ad !important;
  color:#fff !important;
  border:1px solid #4f70ad !important;
}
html body .vp-age-actions .vp-age-enter:hover{
  background:#6688c4 !important;
  border-color:#6688c4 !important;
}
html body .vp-age-actions .vp-age-exit{
  background:#f2f2f5 !important;
  color:#666b75 !important;
  border:1px solid #e4e4e8 !important;
}
html body .vp-age-actions .vp-age-exit:hover{
  background:#ebebef !important;
  color:#4c5059 !important;
}
:root{--vi-header-build:0960}

/* VI FINAL LIGHT OVERRIDES 0963 START */


/* =========================================================
   AGE GATE NORMAL
   BLANCO + SIN LOGO
   ========================================================= */

html body .vp-age-gate{
    background:rgba(247,247,249,.95) !important;
    backdrop-filter:blur(10px) !important;
    -webkit-backdrop-filter:blur(10px) !important;
}

html body .vp-age-gate .vp-age-card{
    background:#ffffff !important;
    color:#30333a !important;
    border:1px solid #e7e7eb !important;
    box-shadow:0 24px 70px rgba(30,32,38,.16) !important;
}

/* quitar logo SOLO del age gate normal */
html body .vp-age-gate .vp-age-card .vp-age-brand,
html body .vp-age-gate .vp-age-card .vp-logo,
html body .vp-age-gate .vp-age-card .bk-logo,
html body .vp-age-gate .vp-age-card [class*="age-logo"]{
    display:none !important;
}

html body .vp-age-gate .vp-age-card h1,
html body .vp-age-gate .vp-age-card h2{
    color:#30333a !important;
}

html body .vp-age-gate .vp-age-card p{
    color:#777c86 !important;
}

html body .vp-age-gate .vp-age-kicker{
    color:#4f70ad !important;
}

html body .vp-age-gate .vp-age-enter,
html body .vp-age-gate [data-age-accept]{
    background:#4f70ad !important;
    border-color:#4f70ad !important;
    color:#ffffff !important;
    font-size:13px !important;
    font-weight:800 !important;
    min-height:44px !important;
}

html body .vp-age-gate .vp-age-exit,
html body .vp-age-gate [data-age-decline]{
    background:#f1f1f4 !important;
    border:1px solid #e4e4e8 !important;
    color:#555a64 !important;
    font-size:13px !important;
    font-weight:800 !important;
    min-height:44px !important;
}


/* =========================================================
   GEO / COUNTRY BLOCK
   AQUÍ SÍ LOGO + BETA
   ========================================================= */

html body .vp-geo-block .vp-age-brand,
html body .vp-country-block .vp-age-brand,
html body .vp-country-gate .vp-age-brand,
html body .vp-region-block .vp-age-brand,
html body .vp-geo-gate .vp-age-brand{
    display:inline-flex !important;
    align-items:center !important;
    gap:8px !important;
}

html body .vp-geo-block .vp-age-brand::after,
html body .vp-country-block .vp-age-brand::after,
html body .vp-country-gate .vp-age-brand::after,
html body .vp-region-block .vp-age-brand::after,
html body .vp-geo-gate .vp-age-brand::after{
    content:"BETA";
    display:inline-flex;
    align-items:center;
    justify-content:center;
    height:18px;
    padding:0 7px;
    border-radius:999px;
    background:rgba(79,112,173,.11);
    border:1px solid rgba(79,112,173,.25);
    color:#334b74;
    font-size:8px;
    line-height:1;
    font-weight:900;
    letter-spacing:.08em;
}


/* =========================================================
   BUSCADOR DESPLEGABLE MÓVIL
   SOLO BUSCADOR - NO SIDEBAR
   ========================================================= */

@media(max-width:899px){

    html body .bk-header [class*="mobile-search"],
    html body .bk-header [class*="search-mobile"],
    html body .bk-header [class*="search-panel"],
    html body .bk-header [class*="search-dropdown"],
    html body .bk-header [class*="search-drawer"],
    html body [class*="mobile-search"],
    html body [class*="search-mobile"],
    html body [data-mobile-search],
    html body [data-mobile-search-panel],
    html body [data-search-panel]{
        background:#ffffff !important;
        background-color:#ffffff !important;
        color:#30333a !important;
        border-color:#e7e7eb !important;
        box-shadow:none !important;
    }

    /*
      El buscador actual está dentro del header.
      Esto mata cualquier fondo negro heredado de wrappers de search.
    */
    html body .bk-header [class*="search"]:not(input):not(svg):not(i){
        background-color:#ffffff !important;
        color:#30333a !important;
        border-color:#e7e7eb !important;
    }

    html body .bk-header [class*="search"] input,
    html body [class*="mobile-search"] input,
    html body [class*="search-mobile"] input,
    html body [data-mobile-search] input,
    html body [data-mobile-search-panel] input,
    html body [data-search-panel] input{
        background:#f4f4f6 !important;
        background-color:#f4f4f6 !important;
        border:1px solid #e4e4e8 !important;
        color:#30333a !important;
        caret-color:#4f70ad !important;
    }

    html body .bk-header [class*="search"] input::placeholder,
    html body [class*="mobile-search"] input::placeholder{
        color:#999da5 !important;
        opacity:1 !important;
    }

    html body .bk-header [class*="search"] button,
    html body [class*="mobile-search"] button,
    html body [class*="search-mobile"] button,
    html body [data-mobile-search] button{
        background:transparent !important;
        color:#60656f !important;
        border-color:transparent !important;
    }

    html body .bk-header [class*="search"] i,
    html body .bk-header [class*="search"] svg,
    html body [class*="mobile-search"] i,
    html body [class*="mobile-search"] svg{
        color:#60656f !important;
    }
}


/* VI FINAL LIGHT OVERRIDES 0963 END */

/* VI MOBILE SEARCH WHITE 0964 START */
@media(max-width:899px){
  html body .vp-search-panel{
    background:#fff !important;
    border-color:#e4e4e8 !important;
    box-shadow:0 18px 45px rgba(22,24,32,.11) !important;
  }
  html body .vp-search-panel form{background:#f5f5f7 !important}
  html body .vp-search-panel form>i{color:#9699a2 !important}
  html body .vp-search-panel input{
    background:transparent !important;
    color:#2f323a !important;
  }
  html body .vp-search-panel input::placeholder{color:#9da1aa !important}
  html body .vp-search-panel button{
    background:#fff !important;
    color:#4f70ad !important;
  }
  html body .vp-search-panel button:hover{
    background:#f0f0f3 !important;
    color:#334b74 !important;
  }
}
/* VI MOBILE SEARCH WHITE 0964 END */

/* VI SEARCH + OLD PURPLE CLEANUP 0965 */

/* Replace remaining legacy purple accent */
:root{
  --accent:#4f70ad !important;
  --accent-soft:#f9f1f4 !important;
  --accent-deep:#334b74 !important;
}

/* Search dropdown: WHITE everywhere */
html body .vp-search-panel{
  background:#ffffff !important;
  background-color:#ffffff !important;
  border-color:#e4e4e8 !important;
  box-shadow:0 18px 45px rgba(22,24,32,.11) !important;
}

html body .vp-search-panel form{
  background:#f5f5f7 !important;
  background-color:#f5f5f7 !important;
}

html body .vp-search-panel form>i{
  color:#9699a2 !important;
}

html body .vp-search-panel input{
  background:transparent !important;
  color:#2f323a !important;
}

html body .vp-search-panel input::placeholder{
  color:#9da1aa !important;
}

html body .vp-search-panel button{
  background:#ececf0 !important;
  color:#4f70ad !important;
}

html body .vp-search-panel button:hover{
  background:#e5e5e9 !important;
  color:#334b74 !important;
}

/* External / Partner legacy purple */
html body .vp-partner-overlay i,
html body .vp-card-meta-partner .vp-card-author i{
  color:#4f70ad !important;
}

html body .vp-sponsored{
  color:#334b74 !important;
}

/* POST label + remaining frontend accent */
html body .vp-single-type{
  color:#4f70ad !important;
}

html body .vp-mini-avatar{
  background:#f9f1f4 !important;
  color:#334b74 !important;
}

/* END VI SEARCH + OLD PURPLE CLEANUP 0965 */


/* 3DPORNXXX 1.0.6 — blue accent + logo only */
:root{
  --accent:#4f70ad !important;
  --accent-soft:#0f141d !important;
  --accent-deep:#6688c4 !important;
  --bk-accent:#4f70ad !important;
  --bk-accent-soft:#0f141d !important;
  --bk-accent-border:rgba(79,112,173,.24) !important;
}
::selection{background:#4f70ad !important;color:#fff !important}

/* Same hue for 3D + XXX; very soft brightness lift, no glow. */
html body .bk-logo-3dporn .bk-logo-accent,
html body .bk-logo-3dporn .bk-logo-xxx{
  background:linear-gradient(180deg,#7898cf 0%,#5a7bb8 52%,#38527f 100%) !important;
  background-image:linear-gradient(180deg,#7898cf 0%,#5a7bb8 52%,#38527f 100%) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
  color:#4f70ad !important;
  text-shadow:none !important;
}
html body .bk-logo-3dporn .bk-logo-light{
  background:none !important;
  background-image:none !important;
  -webkit-background-clip:border-box !important;
  background-clip:border-box !important;
  -webkit-text-fill-color:#fff !important;
  color:#fff !important;
  text-shadow:none !important;
}


/* 3DPORNXXX 1.0.6 — BLUE ACCENT FINAL AUTHORITY */
:root,
html body{
  --accent:#4f70ad !important;
  --accent-soft:#0f141d !important;
  --accent-deep:#6688c4 !important;
  --bk-accent:#4f70ad !important;
  --bk-accent-soft:#0f141d !important;
  --bk-accent-border:rgba(79,112,173,.24) !important;
}
::selection{background:#4f70ad !important;color:#fff !important}
html body .bk-logo-3dporn .bk-logo-accent,
html body .bk-logo-3dporn .bk-logo-xxx{
  background:linear-gradient(180deg,#7898cf 0%,#587bb9 52%,#3b5686 100%) !important;
  background-image:linear-gradient(180deg,#7898cf 0%,#587bb9 52%,#3b5686 100%) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
  color:#4f70ad !important;
}
html body .bk-logo-3dporn .bk-logo-light{
  background:none !important;
  background-image:none !important;
  -webkit-background-clip:initial !important;
  background-clip:initial !important;
  -webkit-text-fill-color:#fff !important;
  color:#fff !important;
}
html body .bk-subitem.is-active,
html body .vp-single-meta-action:hover,
html body .vp-single-author:hover,
html body .vp-single-favorite.is-saved,
html body .vp-footer-accent,
html body .vp-footer nav a:hover,
html body .vp-age-kicker,
html body .vp-legal-home,
html body .vp-legal-contact a,
html body .vp-single-type,
html body .vp-notfound-code,
html body .vp-notfound-categories a:hover,
html body .vp-report-content-link:hover,
html body .bk-search button,
html body .bk-nav a:hover i,
html body .bk-nav button:hover i,
html body .bk-actions>a:hover i,
html body .bk-actions>button:hover i,
html body .vp-drawer-nav a:hover i,
html body .vp-drawer-nav button:hover i{
  color:#4f70ad !important;
}
html body .bk-search button:hover,
html body .vp-search-panel button:hover{
  color:#6688c4 !important;
}
html body .bk-count,
html body .vp-drawer-count,
html body .vp-bookmark.is-saved,
html body .vp-favorites-empty a,
html body .vp-notfound-search button,
html body .vp-age-confirm{
  background:#4f70ad !important;
  border-color:#4f70ad !important;
  color:#fff !important;
}
html body .bk-subitem.is-active::after{background:#4f70ad !important}

/* 3DPORNXXX 1.0.6 mobile brand final authority */
html body .bk-beta{display:inline-flex !important;border-radius:999px !important}
@media(max-width:899px){
  html body .bk-brand{gap:7px !important;min-width:max-content !important;flex:0 0 auto !important}
  html body .bk-logo{font-size:29px !important;line-height:1 !important;letter-spacing:-1.35px !important;white-space:nowrap !important;transform:none !important}
  html body .bk-beta{display:inline-flex !important}
}
@media(max-width:560px){
  html body .bk-logo{font-size:28px !important;letter-spacing:-1.3px !important}
  html body .bk-beta{display:inline-flex !important}
}
@media(max-width:390px){html body .bk-logo{font-size:27px !important}html body .bk-beta{display:inline-flex !important}}

/* 3DPORNXXX 1.0.6 BLUE PALETTE LAST WORD */
:root,html body{
  --accent:#5577bd !important;
  --accent-soft:#101521 !important;
  --accent-deep:#6d8bd0 !important;
  --bk-accent:#5577bd !important;
  --bk-accent-soft:#101521 !important;
  --bk-accent-border:rgba(85,119,189,.24) !important;
}
html body .bk-logo-3dporn .bk-logo-accent,
html body .bk-logo-3dporn .bk-logo-xxx{
  background:linear-gradient(180deg,#82a0df 0%,#607fc5 52%,#4563a2 100%) !important;
  background-image:linear-gradient(180deg,#82a0df 0%,#607fc5 52%,#4563a2 100%) !important;
  -webkit-background-clip:text !important;background-clip:text !important;
  -webkit-text-fill-color:transparent !important;color:#5577bd !important;
}
html body .bk-logo-3dporn .bk-logo-light{background:none !important;background-image:none !important;-webkit-text-fill-color:#fff !important;color:#fff !important}