/* Bolta Pakistan V16.6.4 — hard containment for homepage right-rail ads.
   This stylesheet is deliberately loaded last with a fresh URL so older
   cached magazine CSS cannot let the main column paint beneath sidebar ads. */

.bp-magazine-home,
.bp-magazine-home * {
  box-sizing: border-box;
}

/* Keep the three desktop columns in their own non-overlapping grid tracks. */
.bp-magazine-home > .bp-magazine-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 250px) minmax(0, 1fr) minmax(0, 320px) !important;
  grid-template-areas: "left main right" !important;
  column-gap: 18px !important;
  row-gap: 18px !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  align-items: start !important;
  position: relative !important;
  isolation: isolate !important;
  overflow: visible !important;
}

.bp-magazine-home > .bp-magazine-grid > .bp-mag-left,
.bp-magazine-home > .bp-magazine-grid > .bp-mag-main,
.bp-magazine-home > .bp-magazine-grid > .bp-mag-right {
  min-width: 0 !important;
  width: auto !important;
  max-width: 100% !important;
  margin: 0 !important;
  align-self: start !important;
  box-sizing: border-box !important;
}

.bp-magazine-home > .bp-magazine-grid > .bp-mag-left { grid-area: left !important; }
.bp-magazine-home > .bp-magazine-grid > .bp-mag-main {
  grid-area: main !important;
  position: relative !important;
  z-index: 1 !important;
  overflow: clip !important;
  contain: paint !important;
  isolation: isolate !important;
}

/* Opaque rail is the key visual guard: no hero/story pixels can show through
   the headlines/ad area even if any old positioned element remains cached. */
.bp-magazine-home > .bp-magazine-grid > .bp-mag-right {
  grid-area: right !important;
  position: relative !important;
  z-index: 20 !important;
  isolation: isolate !important;
  background: #f4f5f7 !important;
  overflow: visible !important;
}
.bp-magazine-home > .bp-magazine-grid > .bp-mag-right > * {
  position: relative !important;
  z-index: 1 !important;
  max-width: 100% !important;
}
.bp-magazine-home .bp-mag-right .bp-mag-headlines,
.bp-magazine-home .bp-mag-right .bp-mag-earn-box {
  width: 100% !important;
}

/* The 300×250 homepage ad must occupy its own row in the rail, never float or
   become absolutely positioned by legacy .display-ad/.top-ad selectors. */
.bp-magazine-home .bp-mag-right > .bp-ad-block,
.bp-magazine-home .bp-mag-right > .homepage-mid-ad {
  display: block !important;
  float: none !important;
  clear: both !important;
  position: relative !important;
  inset: auto !important;
  transform: none !important;
  width: 100% !important;
  max-width: 300px !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  aspect-ratio: auto !important;
  margin: 0 auto !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: #f4f5f7 !important;
  box-sizing: border-box !important;
}
.bp-magazine-home .bp-mag-right > .bp-ad-block .bp-ad-canvas,
.bp-magazine-home .bp-mag-right > .homepage-mid-ad .bp-ad-canvas {
  display: block !important;
  position: relative !important;
  inset: auto !important;
  transform: none !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  aspect-ratio: 300 / 250 !important;
  overflow: hidden !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}
.bp-magazine-home .bp-mag-right > .bp-ad-block .bp-ad-canvas img,
.bp-magazine-home .bp-mag-right > .homepage-mid-ad .bp-ad-canvas img {
  display: block !important;
  position: static !important;
  inset: auto !important;
  transform: none !important;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
}

/* Avoid min-content overflow from headlines and hero slide contents. */
.bp-magazine-home .bp-mag-feature-grid,
.bp-magazine-home .bp-hero-slider,
.bp-magazine-home .bp-mag-mini-stack,
.bp-magazine-home .bp-mag-headlines,
.bp-magazine-home .bp-mag-headline-list {
  min-width: 0 !important;
  max-width: 100% !important;
}
.bp-magazine-home .bp-hero-slider,
.bp-magazine-home .bp-mag-mini-stack {
  overflow: hidden !important;
}

@media (max-width: 1120px) and (min-width: 901px) {
  .bp-magazine-home > .bp-magazine-grid {
    grid-template-columns: minmax(0, 210px) minmax(0, 1fr) minmax(0, 260px) !important;
  }
}
@media (max-width: 900px) and (min-width: 721px) {
  .bp-magazine-home > .bp-magazine-grid {
    grid-template-columns: minmax(0, 1fr) minmax(0, 300px) !important;
    grid-template-areas: "main right" "left right" !important;
  }
  .bp-magazine-home > .bp-magazine-grid > .bp-mag-right { background: #f4f5f7 !important; }
}
@media (max-width: 720px) {
  .bp-magazine-home > .bp-magazine-grid {
    display: flex !important;
    flex-direction: column !important;
    gap: 13px !important;
  }
  .bp-magazine-home > .bp-magazine-grid > .bp-mag-left,
  .bp-magazine-home > .bp-magazine-grid > .bp-mag-main,
  .bp-magazine-home > .bp-magazine-grid > .bp-mag-right {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }
  .bp-magazine-home > .bp-magazine-grid > .bp-mag-main {
    overflow: visible !important;
    contain: layout !important;
  }
  .bp-magazine-home > .bp-magazine-grid > .bp-mag-right {
    background: transparent !important;
    z-index: auto !important;
  }
  .bp-magazine-home .bp-mag-right > .bp-ad-block,
  .bp-magazine-home .bp-mag-right > .homepage-mid-ad {
    margin: 0 auto !important;
  }
}