/* SEO1 v16 - Sidebar -10%, Catfish +20%, Persistent close, Random rotation */
:root{
  --seo1x-z:2147483000;
  --seo1x-side-w:135px;
  --seo1x-side-h:450px;
  --seo1x-side-gap:8px;
  --seo1x-side-top:112px;
  --seo1x-catfish-h:90px;
  --seo1x-catfish-gap:10px;
  --seo1x-red:#e00000;
  --seo1x-radius:4px;
}

body.seo1x-active .seo1-root:not(.seo1x-root),
body.seo1x-active .seo1v7-root,
body.seo1x-active .seo1v8-root,
body.seo1x-active .seo1v81-root,
body.seo1x-active .seo1v9-root,
body.seo1x-active .seo1-zone,
body.seo1x-active .cbo-root,
body.seo1x-active .cbo-fixed-wrap,
body.seo1x-active .cbo-bottom-wrap,
body.seo1x-active .cbo-side-wrap,
body.seo1x-active .cbo-top-wrap,
body.seo1x-active [class*="hmh-vrb"],
body.seo1x-active [class*="hmh-banner"],
body.seo1x-active [class*="hmh-global-banner"]{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}

.seo1x-root,.seo1x-root *,.seo1x-root *::before,.seo1x-root *::after{box-sizing:border-box}
.seo1x-root{font-family:Arial,Helvetica,sans-serif;line-height:1}
.seo1x-root a{text-decoration:none}
.seo1x-layer{display:none;width:100%;height:100%;visibility:hidden}
.seo1x-layer.is-ready.is-active{display:block;visibility:visible}

/* 4 sidebar slots, each 10% smaller: 135x450 */
.seo1x-side{
  position:fixed!important;
  top:var(--seo1x-side-top)!important;
  z-index:var(--seo1x-z)!important;
  width:var(--seo1x-side-w)!important;
  height:var(--seo1x-side-h)!important;
  overflow:visible!important;
}
.seo1x-side-left.seo1x-side-col-1{left:8px!important}
.seo1x-side-left.seo1x-side-col-2{left:calc(8px + var(--seo1x-side-w) + var(--seo1x-side-gap))!important}
.seo1x-side-right.seo1x-side-col-1{right:8px!important}
.seo1x-side-right.seo1x-side-col-2{right:calc(8px + var(--seo1x-side-w) + var(--seo1x-side-gap))!important}
.seo1x-side-box{
  width:var(--seo1x-side-w)!important;
  height:var(--seo1x-side-h)!important;
  overflow:hidden!important;
  background:#000!important;
  border-radius:var(--seo1x-radius)!important;
}
.seo1x-side-link{
  display:block!important;
  width:var(--seo1x-side-w)!important;
  height:var(--seo1x-side-h)!important;
}

/* Catfish +20% longer: wider center stage, 4 banners in 2 rows. */
.seo1x-catfish-stage{
  position:fixed!important;
  left:calc(8px + var(--seo1x-side-w) + 26px)!important;
  right:calc(8px + var(--seo1x-side-w) + 26px)!important;
  bottom:0!important;
  z-index:var(--seo1x-z)!important;
  height:calc((var(--seo1x-catfish-h) * 2) + var(--seo1x-catfish-gap))!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  grid-template-rows:repeat(2,var(--seo1x-catfish-h))!important;
  gap:var(--seo1x-catfish-gap)!important;
  overflow:visible!important;
  pointer-events:none!important;
}
.seo1x-catfish-wrap{
  position:relative!important;
  width:100%!important;
  height:var(--seo1x-catfish-h)!important;
  overflow:visible!important;
  background:transparent!important;
  pointer-events:auto!important;
}
.seo1x-catfish-box{
  width:100%!important;
  height:var(--seo1x-catfish-h)!important;
  overflow:hidden!important;
  background:#000!important;
  border-radius:var(--seo1x-radius)!important;
}
.seo1x-catfish-link{
  display:block!important;
  width:100%!important;
  height:var(--seo1x-catfish-h)!important;
}

.seo1x-img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-width:100%!important;
  min-height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:fill!important;
  object-position:center center!important;
  border:0!important;
  border-radius:var(--seo1x-radius)!important;
}

.seo1x-close,.seo1x-catfish-btn{
  border:0!important;
  background:var(--seo1x-red)!important;
  color:#fff!important;
  cursor:pointer!important;
  font-weight:700!important;
  line-height:1!important;
  z-index:2147483200!important;
}
.seo1x-close{
  position:absolute!important;
  top:4px!important;
  right:4px!important;
  width:20px!important;
  height:20px!important;
  border-radius:999px!important;
  font-size:13px!important;
  padding:0!important;
}
.seo1x-catfish-bar{
  position:absolute!important;
  top:-28px!important;
  right:0!important;
  z-index:2147483200!important;
}
.seo1x-catfish-btn{
  padding:5px 7px!important;
  border-radius:4px!important;
  font-size:11px!important;
  white-space:nowrap!important;
}
.seo1x-catfish-open{display:none!important}
.seo1x-catfish-wrap.closed .seo1x-catfish-box,
.seo1x-catfish-wrap.closed .seo1x-catfish-close{display:none!important}
.seo1x-catfish-wrap.closed .seo1x-catfish-open{display:inline-flex!important}

.seo1x-card-hidden{display:none!important}
.seo1x-debug-box{
  position:fixed!important;
  left:12px!important;
  bottom:196px!important;
  z-index:2147483300!important;
  background:#111!important;
  color:#fff!important;
  padding:8px 10px!important;
  border-radius:6px!important;
  font:12px/1.4 Arial,sans-serif!important;
  max-width:560px!important;
  opacity:.9!important;
}

@media(max-width:1500px){
  .seo1x-side-left.seo1x-side-col-2,
  .seo1x-side-right.seo1x-side-col-2{display:none!important}
  .seo1x-catfish-stage{
    left:calc(8px + var(--seo1x-side-w) + 4px)!important;
    right:calc(8px + var(--seo1x-side-w) + 4px)!important;
  }
}
@media(max-width:1120px){
  .seo1x-side{display:none!important}
  .seo1x-catfish-stage{
    left:6px!important;
    right:6px!important;
  }
}
@media(max-width:760px){
  .seo1x-catfish-stage{
    grid-template-columns:1fr!important;
    grid-template-rows:repeat(2,var(--seo1x-catfish-h))!important;
    height:calc((var(--seo1x-catfish-h) * 2) + var(--seo1x-catfish-gap))!important;
  }
  .seo1x-catfish-slot-3,
  .seo1x-catfish-slot-4{display:none!important}
}