/* Pogo */
html { scrollbar-gutter: stable; scroll-padding-top: 0; margin: 0 !important; }
:root, html[lang] { margin-top: 0 !important; scroll-padding-top: 0 !important; }
div[data-pogo] { display: flex; justify-content: center; align-content: center; flex-wrap: wrap; }
div[data-pogo="top"] { display: block; min-height: 50px; }
div[data-pogo="sidebar"], div[data-pogo="main"], div[data-pogo="footer"], div[data-pogo="double"], div[data-pogo="incontent"] { min-height: 250px; }

.pgnav { clear: both; background: var(--color-bg-header); color: var(--color-text-nav-primary); min-height: 75px; display: flex; justify-content: center; align-items: center; transition: all 0.1s ease-in-out; }
.pgnav .pgnavBtn { display: none; position: absolute; top: 2px; right: 3px; width: 15px; height: 15px; font-size: 13px; border: .125rem dotted #ddddde; border-radius: 100%; z-index: 6000000; color: #fff; cursor: pointer; justify-content: center; align-items: center; }

body { --qs-reserved: 75px; }
body:not(:has(.pgnav)) { --qs-reserved: 0px !important; }
body div.pgnav.exp, body.home div.pgnav, body.category div.pgnav { min-height: calc((100vw - var(--scroll-bar-width, 0px)) / 1.77884615384615); }
body:has(div.pgnav.exp), body.home, body.category { --qs-reserved: calc((100vw - var(--scroll-bar-width, 0px)) / 1.77884615384615); }

.pgfoot, .zmgad-full-width { display: block; position: relative; clear: both; margin: 1.5rem auto; padding: 2.5rem 0 1.5rem;
   border-top: 1px solid #DDDDDE; border-bottom: 1px solid #DDDDDE; border-top: 1px solid var(--color-divider-light); border-bottom: 1px solid var(--color-divider-light);
   margin-left: calc(50% - 50vw);  margin-right: calc(50% - 50vw);
}
.pgfoot .pginn:before, .pgmain .pginn:before, .zmgad-full-width > div:before { content: 'Advertisement'; color: #7d7d81; display: block; left: 0; width: 100%; position: absolute; top: 2px; font-size: 13px; line-height: 16px; text-align: center; }
.pgmain, body.home .pgfoot, body.category .pgfoot { display: block; position: relative; clear: both; margin: 1.5rem auto 2rem !important; padding: 0.1rem 0 1rem 0; border-top: 1px solid #DDDDDE; border-bottom: 1px solid #DDDDDE; border-top: 1px solid var(--color-divider-light); border-bottom: 1px solid var(--color-divider-light);
  background-color: transparent; max-width: var(--wp--style--global--content-size); }
.pgmain .pginn, body.home .pgfoot, body.category .pgfoot { position: relative; padding-top: 1.25rem; }
.pgmain:has(.pogoPSWPR), .pgfoot:has(.pogoPSWPR) { max-width: unset !important; }

.pginn:has(.pgCS):before, .zmgad-full-width:has(.pgCS) > div:before,
.pginn:has(.pgPS):before, .zmgad-full-width:has(.pgPS) > div:before,
.pginn:has(.pgI):before, .zmgad-full-width:has(.pgI) > div:before,
.pginn:has(.pogoPSWPR):before, .zmgad-full-width:has(.pogoPSWPR) > div:before
{ display: none; }


.wp-block-separator + .pgmain { border-top: 0; margin-top: 0 !important; }
.pgmain:has(+ .wp-block-separator) { border-bottom: 0; margin-bottom: 0; }
body.category-tech .pgfoot, body.category-home .pgfoot { display: none; }

div.pgautorailwrp { position: relative; margin-bottom: 350px; }
div.pgautorailwrp:last-child { margin-bottom: 0px; }
div.pgautorail { position: sticky; top: 0; top: var(--qs-top, 0px); border-top: 1px solid #DDDDDE; border-bottom: 1px solid #DDDDDE; border-top: 1px solid var(--color-divider-light); border-bottom: 1px solid var(--color-divider-light); padding: 2.5rem 1rem 1.5rem; }
div.pgautorail:before { content: 'Advertisement'; color: #7d7d81; display: block; left: 0; width: 100%; position: absolute; top: 5px; font-size: 13px; line-height: 16px; text-align: center; }
div.pgnav.sticky { position: sticky; top: 0px; z-index: 25; }
div.pgnav.sticky:has(.pgQSslot), div.pgnav.sticky:has(.pgnostck) { position: static; z-index: unset; top: unset; }
div.pgnav.sticky .pgnavBtn { display: flex; }
div.pgnav:has(.pgQSslot) .pgnavBtn, div.pgnav:has(.pgnostck) .pgnavBtn { display: none; }

body:has(div.pgnav.sticky) div.pgautorail { top: 110px; }
body:not(.pgQSFxd):has(.pgnav .pgnostck) #pogoQS .pgCloseBtn { display: none; }
body:not(.pgQSFxd):has(.pgnav .pgnostck) #pogoQS .stateBtn { right: 8px; }
body #wpadminbar { z-index: 20; }
div[data-autopogorail] { display: none; }


/* site Workarounds */
.site-content-outer:has(.zd-product-header) { overflow-x: initial; }
body:has(.zd-product-header) { overflow-x: hidden; }
nav.zd-toc { margin-bottom: 1rem; }

.zmgad-full-width + .zd-post-footer-pattern { border-top: 0; }


@media (min-width: 640px) {
  body div.pgnav.exp, body.home div.pgnav, body.category div.pgnav { min-height: calc((100vw - var(--scroll-bar-width, 0px)) / 5.48571428571429); }
  body:has(div.pgnav.exp), body.home, body.category { --qs-reserved: calc((100vw - var(--scroll-bar-width, 0px)) / 5.48571428571429); }
}

@media (min-width: 768px) {
  body:has(#wpadminbar) div.pgnav.sticky { top: 32px; }
  body:has(div.pgnav.sticky):has(#wpadminbar) div.pgautorail { top: 145px; }
  .pgnav { min-height: 100px; }
  body { --qs-reserved: 100px; }
  .single-article-container .zmgad-full-width div.pogoPSWPR { width: 100vw !important; }
  .single-article-container .zmgad-full-width { display: grid; justify-content: center; }

}

@media (min-width: 640px) and (max-width: 1919px) {
}
@media (min-width: 1024px) and (max-width: 1279px) {
  div[data-autopogorail] { min-width: 300px; max-width: unset; }
  div.pgautorail { background-color: transparent; padding: 2.5rem 0 1rem 0; }
}

@media (min-width: 1024px) {
  div[data-autopogorail] { display: flex; flex-direction: column; height: 100%; height: stretch; }
  .zd_type-video + div[data-autopogorail] { padding-top: 2rem; }
  div.single-page.single-page--right div[data-autopogorail] { margin-top: 1rem; }
  div.single-page__sidebar:has(.zd-author-card-container--rail) > div[data-autopogorail] { margin-bottom: 300px; margin-top: 100px; }
  .single-page--product .single-page__content .zd_type-gifticle .entry-content .zd-toc { max-width: 100%; margin-inline: 0; }
  .entry-content .zmgad-full-width { margin-left: auto; margin-right: auto; width: 100%; }

  div.container .grid .zmgad-full-width div.pogoPSWPR { width: 100vw !important; }
  .entry-content:has(>.zd-product-grid-card) > .zmgad-full-width { place-items: center; }

}

@media (min-width: 1920px) {
  body div.pgnav.exp, body.home div.pgnav, body.category div.pgnav { min-height: 350px; }
  body:has(div.pgnav.exp), body.home, body.category { --qs-reserved: 350px; }
}

@media (min-width: 1440px) {
  main > div.container .pogoPSWPR { width: 100vw !important; margin-left: calc((var(--layout--wide-size, 1440px) - 100vw) / 2); }
  /*
  div.container .grid .zmgad-full-width .pogoPSWPR { width: 100vw !important; margin-left: calc((var(--layout--wide-size, 1440px) - (var(--grid-margin-desktop, 0px) * 2) - 100vw) / 2); }
  div.container .grid .zmgad-full-width .pogoPSWPR { width: 100vw !important; margin-left: calc((var(--layout--wide-size, 1440px) - (var(--grid-margin-desktop, 0px) * 2) - 100vw) / 2); }
*/
}

div.wp-block-group.is-layout-constrained.wp-block-group-is-layout-constrained[style] .pogoPSWPR { width: 100vw !important; left: -1rem; }
