.adsify-space { width:100%; display:flex; justify-content:center; }
.td-header-rec-wrap{display: inline-block !important;}

/* Grid cores */
.adsify-space[class*="grid_"] { display:flex; flex-wrap:wrap; align-items:stretch; gap:10px; }
.adsify-space .adsify-item { box-sizing:border-box; }
.adsify-space .adsify-item .adsify-img { display:block; width:100%; height:auto; }

/* Gutters */
.adsify-grid_gutter .adsify-item { padding:8px; }
.adsify-grid_vgutter .adsify-item { padding:8px 0; }
.adsify-grid_hgutter .adsify-item { padding:0 8px; }
.adsify-grid_nogutter .adsify-item { padding:0; }

/* Simple responsive columns: auto-fit min 200px */
.adsify-space[class*="grid_"] .adsify-item { flex:1 1 200px; gap:10px; }

/* Slider (container + inner track) */
.adsify-slider { position: relative; overflow: hidden; }
.adsify-track { display: flex; transition: transform .6s ease; will-change: transform; }
.adsify-track .adsify-item { flex: 0 0 auto; padding: 8px; }

/* Mobile: one per view is natural; widths are already set via JS */
@media (max-width:600px){
  .adsify-track .adsify-item { padding:8px; }
}

/* ===== Fixed-size spaces (images keep aspect ratio) ===== */
.adsify-space .adsify-item.adsify-fit {
  display:flex; align-items:center; justify-content:center;
  overflow:hidden; box-sizing:border-box;
}
.adsify-space[class*="grid_"] .adsify-item.adsify-fit { flex:0 0 auto; gap:10px; }

/* Images fill the box without distortion */
.adsify-space .adsify-item.adsify-fit .adsify-img { width:100%; height:100%; object-fit:contain; display:block; }
.adsify-space .adsify-item:not(.adsify-fit) .adsify-img { max-width:100%; height:auto; }

/* Size utilities */
.adsify-size-125x125 .adsify-item.adsify-fit { width:125px; height:125px; }
.adsify-size-250x250 .adsify-item.adsify-fit { width:250px; height:250px; }
.adsify-size-300x250 .adsify-item.adsify-fit { width:300px; height:250px; }
.adsify-size-300x600 .adsify-item.adsify-fit { width:300px; height:600px; }

/* 728x90: responsive — full width on small screens, max 728px, keep 728:90 ratio */
.adsify-size-728x90  .adsify-item.adsify-fit {
  width:100% !important;
  max-width:728px;
  aspect-ratio: 728 / 90; /* computes height from width */
  height:auto;            /* let aspect-ratio control height */
}

/* Flex-basis for grid layouts (desktop) */
.adsify-space[class*="grid_"].adsify-size-125x125 .adsify-item.adsify-fit { flex-basis:125px; }
.adsify-space[class*="grid_"].adsify-size-250x250 .adsify-item.adsify-fit { flex-basis:250px; }
.adsify-space[class*="grid_"].adsify-size-300x250 .adsify-item.adsify-fit { flex-basis:300px; }
.adsify-space[class*="grid_"].adsify-size-300x600 .adsify-item.adsify-fit { flex-basis:300px; }
.adsify-space[class*="grid_"].adsify-size-728x90  .adsify-item.adsify-fit { flex-basis:728px; }

/* On mobile, make the 728x90 take full row width in grids */
@media (max-width:600px){
  .adsify-space[class*="grid_"].adsify-size-728x90 .adsify-item.adsify-fit { flex-basis:100%; }
}