@keyframes fadeInUp {
  from { opacity: 0; transform: translateY(30px); }
  to   { opacity: 1; transform: translateY(0); }
}

body.mobile-view .pagelink,
body.mobile-long-scroll .pagelink,
body.single-audioreview_articles.mobile-view .pagelink,
body.single-audioreview_articles.mobile-long-scroll .pagelink,
body.mobile-view .page-links,
body.mobile-long-scroll .page-links {
  display: none !important;
}

@media (max-width: 1023px) {

  .content_audioreviews_article {
    padding: 20px 15px !important;
    font-size: 17px !important;
    line-height: 1.7 !important;
    color: #333 !important;
    background: #fff !important;
  }

  .content_audioreviews_article p {
    margin: 0 0 20px !important;
    text-align: justify !important;
  }

  .content_audioreviews_article h1,
  .content_audioreviews_article h2,
  .content_audioreviews_article h3,
  .content_audioreviews_article h4 {
    margin: 35px 0 20px !important;
    clear: both !important;
    line-height: 1.3 !important;
  }

  .content_audioreviews_article h1 { font-size: 28px !important; }
  .content_audioreviews_article h2 { font-size: 24px !important; }
  .content_audioreviews_article h3 { font-size: 21px !important; }
  .content_audioreviews_article h4 { font-size: 18px !important; }

  .content_audioreviews_article * {
    box-sizing: border-box !important;
  }

  .content_audioreviews_article img {
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
    margin: 15px auto !important;
    float: none !important;
  }

  .content_audioreviews_article [style*="float:left"],
  .content_audioreviews_article [style*="float: left"],
  .content_audioreviews_article [style*="float:right"],
  .content_audioreviews_article [style*="float: right"] {
    float: none !important;
    clear: both !important;
  }

  #banner_area,
  .banner_area,
  div[id*="banner_area"] {
    background-color: #cc9900 !important;
    clear: both !important;
    padding: 10px !important;
    opacity: 0;
    transform: translateY(30px);
  }

  #banner_area.animate-in,
  .banner_area.animate-in,
  div[id*="banner_area"].animate-in {
    animation: fadeInUp 0.6s ease-out forwards;
  }

  #banner_area .banner_list,
  .banner_area .banner_list {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 20px !important;
    list-style: none !important;
    padding: 10px 0px 10px 0px !important;
    margin: 0 !important;
    font-size: 0 !important;
    text-align: left !important;
  }

  #banner_area .banner_list li,
.banner_area .banner_list li {
    display: flex !important;
    flex: 0 1 calc(50% - 5px) !important;
    width: auto !important;
    max-width: 150px !important;
    margin: 0 !important;
    padding: 0 !important;
    background-color: transparent !important;
    font-size: 16px !important;
    outline: none !important;
    overflow: hidden !important;   /* ← add this */
}

#banner_area .banner_list img,
.banner_area .banner_list img {
    width: 100% !important;
    height: 100% !important;       /* ← change from auto to 100% */
    object-fit: cover !important;  /* ← add this */
    display: block !important;
    vertical-align: top !important;
    margin: 0 !important;
    border: none !important;
    border-color: transparent !important;
    outline: none !important;
    outline-color: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: inherit !important;
}

  .content_audioreviews_article .mobile-ad-break,
  .content_audioreviews_article .mobile-ad-container,
  .content_audioreviews_article .mobile-ad-container img {
    position: static !important;
    float: none !important;
    clear: both !important;
    overflow: visible !important;
    visibility: visible !important;
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
  }

  .content_audioreviews_article .mobile-ad-break {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 1px !important;
    margin: 24px 0 !important;
    padding: 0 !important;
    background: transparent !important;
  }

  .content_audioreviews_article .mobile-ad-container {
    display: block !important;
    width: 100% !important;
    max-width: 600px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    background-color: #cc9900 !important;
  }

  .content_audioreviews_article .mobile-ad-container img {
    display: block !important;
    width: 100% !important;
    padding: 10px !important;
    border: none !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 auto !important;
    object-fit: contain !important;
    aspect-ratio: auto !important;
  }

  .scroll-progress {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    height: 5px !important;
    width: 0% !important;
    z-index: 9999 !important;
    transition: width 0.2s ease;
    background: linear-gradient(90deg, #f4d03f 0%, #f1c40f 100%) !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
  }

  .back-to-top {
    position: fixed !important;
    bottom: 30px !important;
    right: 30px !important;
    width: 55px !important;
    height: 55px !important;
    border: none !important;
    border-radius: 50% !important;
    cursor: pointer !important;
    z-index: 9998 !important;
    font-size: 28px !important;
    font-weight: bold !important;
    color: #000 !important;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    background: linear-gradient(135deg, #f4d03f 0%, #f1c40f 100%) !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.3) !important;
  }

  .back-to-top.visible {
    opacity: 1 !important;
    visibility: visible !important;
  }

  body.flick-protection-active {
    overflow: hidden !important;
  }

  .container {
    overflow-x: hidden !important;
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  .sponsor_showcase {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
    margin: 0 0 10px 0 !important;
    padding: 0 !important;
  }

  .sponsor_showcase a {
    display: block !important;
    width: 100% !important;
  }

  .sponsor_showcase .sponsor-img-desktop {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
  }

  .sponsor_showcase.has-mobile-img .sponsor-img-desktop {
    display: none !important;
  }

  .sponsor_showcase.has-mobile-img .sponsor-img-mobile {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    object-fit: unset !important;
  }
}

.sponsor_showcase .sponsor-img-desktop { display: block; }
.sponsor_showcase .sponsor-img-mobile  { display: none;  }


/* Injected full-size banners - visible on mobile, hidden on desktop */
@media (max-width: 1023px) {
  .mobile-injected-banner {
    display: block !important;
    margin: 10px 0 !important;
    width: 100% !important;
    overflow: hidden !important;
  }

  .mobile-injected-banner a {
    display: block !important;
    width: 100% !important;
  }

  .mobile-injected-banner .sponsor-img-mobile {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    border: none !important;
    outline: none !important;
  }
}

@media (min-width: 1024px) {
  .mobile-injected-banner {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .content_audioreviews_article {
    padding: 15px 10px !important;
    font-size: 16px !important;
  }

  .content_audioreviews_article h1 { font-size: 24px !important; }
  .content_audioreviews_article h2 { font-size: 21px !important; }
  .content_audioreviews_article h3 { font-size: 19px !important; }
  .content_audioreviews_article h4 { font-size: 17px !important; }

  .back-to-top {
    width: 50px !important;
    height: 50px !important;
    bottom: 20px !important;
    right: 20px !important;
    font-size: 24px !important;
  }
}

@media (min-width: 1024px) {

  #banner_area,
  .banner_area,
  div[id*="banner_area"] {
    opacity: 1 !important;
    transform: none !important;
  }

  .mobile-ad-break,
  .scroll-progress,
  .back-to-top {
    display: none !important;
  }

  body .pagelink,
  body .page-links {
    display: block !important;
  }
}

@media (max-width: 1023px) {

  body .content_audioreviews_article .mobile-ad-break {
    display: block !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
  }

  body .content_audioreviews_article .mobile-ad-break .mobile-ad-container {
    display: block !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
    visibility: visible !important;
  }

  body .content_audioreviews_article .mobile-ad-break .mobile-ad-container img,
  body .content_audioreviews_article .mobile-ad-break .mobile-ad-container a,
  body .content_audioreviews_article .mobile-ad-break .mobile-ad-container a img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    visibility: visible !important;
  }
}