.hn-ao-ad-card .hn-edge-wrap,
.hn-ao-ad-card .hn-cat-wrap{
  display:none !important;
}

/* Card list padding tuned so only ad card becomes full-bleed */
.hnao-card-list{
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Reset generic card margins */
.hnao-card-list .hnao-card{
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Normal news cards keep side gutters */
.hnao-card-list .hnao-card:not(.hn-ao-ad-card){
  margin-left: 8px !important;
  margin-right: 8px !important;
}

/* Ad card full-bleed, no gaps */
.hn-ao-ad-card{
  margin: 0 !important;
  border-radius: 0 !important;
  overflow: hidden;
  background: #000; /* safe behind image */
}

.hn-ao-ad-card .hnao-card-inner{
  height: 100%;
  min-height: 100%;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 0 !important;
}

.hn-ao-ad-card .story-header{
  height: 100%;
  min-height: 100%;
  margin: 0 !important;
  padding: 0 !important;
  display: flex;
  border-radius: 0 !important;
  background: #000;
}

/* Wrapper around image should not add extra padding/margin */
.hn-ao-ad-card .hn-ao-ad-click{
  display: block;
  width: 100%;
  height: 100%;
  margin: 0 !important;
  padding: 0 !important;
}

/* Image: kill any theme margins / radius completely */
.hn-ao-ad-card .story-image,
.hn-ao-ad-card .hn-ao-ad-image,
.hn-ao-ad-card .hn-ao-ad-video{
  width: 100%;
  height: 100%;
  flex: 1 1 auto;
  object-fit: cover;
  display: block;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
}

/* Ad card ke liye content scroll ki zaroorat nahi */
.hn-ao-ad-card .hnao-content-scroll{
  display: none !important;
}

/* Info button on full-screen ad card */
.hn-ao-ad-card .hn-ad-info-btn{
  position:absolute;
  top:8px;
  right:8px;
  width:24px;
  height:24px;
  border-radius:999px;
  border:none;
  background:rgba(0,0,0,0.6);
  color:#fff;
  font-size:14px;
  line-height:24px;
  text-align:center;
  padding:0;
  cursor:pointer;
  z-index:3;
}

/* HN Ad Center overlay */
.hn-ad-center-backdrop{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,0.45);
  display:flex;
  align-items:flex-end;
  justify-content:center;
  z-index:2147483646;
  transition:opacity 0.18s ease-out, visibility 0.18s ease-out;
}

.hn-ad-center-backdrop.hn-ac-hidden{
  opacity:0;
  visibility:hidden;
  pointer-events:none;
}

.hn-ad-center-sheet{
  width:100%;
  max-width:520px;
  background:#ffffff;
  border-radius:16px 16px 0 0;
  padding:10px 16px 16px;
  box-shadow:0 -8px 24px rgba(0,0,0,0.3);
}

.hn-ad-center-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:8px;
}

.hn-ad-center-title{
  font-size:15px;
  font-weight:600;
}

.hn-ad-center-close{
  border:none;
  background:transparent;
  font-size:20px;
  line-height:1;
  padding:4px 6px;
  cursor:pointer;
}

.hn-ad-center-body{
  display:flex;
  flex-direction:column;
  gap:4px;
}

.hn-ac-row{
  width:100%;
  text-align:left;
  border:none;
  background:#f6f6f6;
  border-radius:12px;
  padding:8px 10px;
  cursor:pointer;
}

.hn-ac-row-main{
  display:flex;
  flex-direction:column;
  gap:1px;
}

.hn-ac-row-title{
  font-size:14px;
  font-weight:500;
}

.hn-ac-row-sub{
  font-size:11px;
  opacity:0.8;
}



/* Lift Ad Center sheet above app bottom nav bar */
.hn-ad-center-sheet{
  margin-bottom:46px;
}


html.hn-ad-center-open .hn-bottom-strip,
html.hn-ad-center-open .hn-bottom-ad,
html.hn-ad-center-open .hn-ao-bottom-ad,
html.hn-ad-center-open .hn-ao-bottom-strip{
  display:none !important;
}

.hn-ad-center-sheet{
  position:relative;
  z-index:2147483647;
}


.hn-ao-ad-card .hn-ao-ad-video{
  background:#000;
}


.hn-ao-ad-card .hn-ao-video-controls{
  position:absolute;
  left:12px;
  right:12px;
  bottom:12px;
  z-index:4;
  display:flex;
  gap:8px;
  align-items:center;
  justify-content:flex-start;
  pointer-events:none;
}
.hn-ao-ad-card .hn-ao-video-btn{
  pointer-events:auto;
  appearance:none;
  border:0;
  border-radius:999px;
  padding:8px 12px;
  background:rgba(0,0,0,.58);
  color:#fff;
  font:700 13px/1 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  cursor:pointer;
}
.hn-ao-ad-card .hn-ao-video-btn:active{ transform:scale(.98); }
.hn-ao-ad-card .story-header{ position:relative; }