.padding-top-78 { padding-top: 64px; }
/* ============================================================
   BREEZE OF JOY — GLOBAL STYLES
   ============================================================ */

/* Declare heights because of positioning of img element */
.carousel-item {
  height: auto;
  background-color: transparent;
}
.carousel-item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
}

/* Hide inactive carousel slides before JS loads */
.carousel-item:not(.active) { display: none !important; }

/* Hide hero content until image loads */
.boj-hero__content--hidden {
  opacity: 0 !important;
  transition: opacity 0.5s ease !important;
}

/* ── GIRLS CARD ── */

.boj-girl-card__img { height: 380px !important; }
.boj-girl-card__img { overflow: hidden; }

/* ── LOGO ── */
.header-brand img { max-height: 48px !important; width: auto !important; }

/* ── HERO ── */
.boj-hero { overflow: hidden; }
#bojHero .carousel-item { min-height: 0 !important; background: transparent !important; }

/* ── STATS ── */
.boj-stats { margin-top: 0 !important; }

/* ── MOBILE RESPONSIVE ── */
@media (max-width: 768px) {
  .boj-hero__arrow { top: 35% !important; display: flex !important; z-index: 20 !important; }
  .boj-two-col { grid-template-columns: 1fr !important; gap: 32px !important; }
  .boj-girls-grid { grid-template-columns: 1fr !important; }
  .boj-blog-grid { grid-template-columns: 1fr !important; }
  .boj-testimonials-grid { grid-template-columns: 1fr !important; }
  .boj-donate-grid { grid-template-columns: 1fr !important; }
  .boj-impact-grid { grid-template-columns: repeat(2,1fr) !important; }
  .boj-stats__grid { grid-template-columns: repeat(2,1fr) !important; }
  .boj-covers { grid-template-columns: 1fr !important; }
  .boj-subscribe { flex-direction: column !important; }
  .boj-subscribe__form { max-width: 100% !important; width: 100% !important; flex-wrap: wrap !important; }
  .boj-subscribe__input--name { border-radius: 6px !important; border-right: 1px solid rgba(255,255,255,0.2) !important; margin-bottom: 8px !important; max-width: 100% !important; width: 100% !important; font-size: 14px !important; padding: 13px 18px !important; }
  .boj-subscribe__input { width: 100% !important; font-size: 14px !important; padding: 13px 18px !important; border-radius: 7px !important; margin-bottom: 8px !important; }
  .boj-subscribe__btn { border-radius: 7px !important; width: 100% !important; }
  .boj-hero__title { font-size: 1.6rem !important; }
  .boj-zeffy { padding: 20px 14px !important; }
  .cp-grid { grid-template-columns: 1fr !important; }
  .cp-info { position: static !important; }
  .cp-form__row { grid-template-columns: 1fr !important; }
  .boj-post-grid { grid-template-columns: 1fr !important; }
  .boj-post-share-col { display: none !important; }
  .boj-post-share-mobile { display: flex !important; }
  .boj-post-sidebar { position: static !important; }
  .boj-post-prevnext { grid-template-columns: 1fr !important; }
}

@media (max-width: 576px) {
  .boj-impact-grid { grid-template-columns: 1fr !important; }
  .boj-stats__grid { grid-template-columns: repeat(2,1fr) !important; }
  .boj-covers { grid-template-columns: 1fr !important; }
  .boj-hero__title { font-size: 1.4rem !important; }
  .boj-zeffy { padding: 20px 14px !important; }
  .boj-post-prevnext__divider { height: 1px !important; width: 100% !important; }
}


/* ── GIRLS INDEX RESPONSIVE ── */
@media (max-width: 768px) {
  .boj-girls-grid { grid-template-columns: 1fr !important; }
}
@media (min-width: 769px) and (max-width: 1024px) {
  .boj-girls-grid { grid-template-columns: repeat(2,1fr) !important; }
}
/* ── HERO MOBILE PADDING FIX ── */
@media (max-width: 768px) {
  .cp-hero__content,
  .bdp-hero__content,
  .boj-hero__content,
  [class*="hero__content"],
  [class*="hero-content"] {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}