* {
   margin: 0;
   padding: 0;
   box-sizing: border-box;
}

html,
body {
   width: 1080px;
   margin: 0 auto;
   font-family: 'SolaimanLipi', 'Hind Siliguri', sans-serif;
   background: #ececec;
}

.banner-wrapper {
   width: 1080px;
   margin: 20px auto;
}

.banner-card {
   width: 1080px;
   height: 1080px;
   display: flex;
   flex-direction: column;
   overflow: hidden;
   background: #fff;
   box-shadow: 0 8px 28px rgba(0, 0, 0, 0.18);
}

.banner-top {
   position: relative;
   height: 640px;
   overflow: hidden;
   flex-shrink: 0;
}

.banner-top img,
.banner-image {
   width: 100%;
   height: 100%;
   object-fit: cover;
   display: block;
}

.no-image-placeholder {
   width: 100%;
   height: 100%;
   background: #ddd;
   display: flex;
   align-items: center;
   justify-content: center;
   color: #666;
   font-size: 24px;
}

.site-logo {
   position: absolute;
   top: 22px;
   left: 22px;
}

.site-logo img,
.site-icon img {
   max-width: 210px;
   max-height: 56px;
   object-fit: contain;
}

.date-tag {
   position: absolute;
   bottom: 22px;
   right: 22px;
   background: #1e73be;
   color: #fff;
   padding: 10px 22px;
   border-radius: 25px;
   font-size: 20px;
   font-weight: 800;
}

.headline-box {
   padding: 28px 48px;
   text-align: center;
   background: linear-gradient(90deg, #e63946, #c1121f);
   color: #fff;
   flex: 1;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
}

.headline-box h1 {
   font-size: 48px;
   font-weight: 800;
   line-height: 1.28;
   max-height: 126px;
   overflow: hidden;
   display: -webkit-box;
   line-clamp: 2;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   word-break: break-word;
   margin-bottom: 10px;
}

.headline-box p {
   font-size: 24px;
   font-weight: 700;
}

.footer {
   display: flex;
   align-items: center;
   justify-content: space-between;
   background: #1d3557;
   padding: 16px 30px;
   color: #fff;
   min-height: 100px;
}

.footer .qr {
   height: 68px;
   background: #fff;
   padding: 4px;
   border-radius: 8px;
}

.footer .site-name {
   flex: 1;
   text-align: center;
   font-size: 28px;
   font-weight: 800;
}

.footer .social {
   display: flex;
   gap: 12px;
   font-size: 24px;
}

.download-button {
   margin: 30px 0;
   text-align: center;
}

.download-button button {
   padding: 14px 32px;
   font-size: 20px;
   font-weight: bold;
   color: white;
   background: #c4121a;
   border: none;
   border-radius: 10px;
   cursor: pointer;
}

.download-button button:hover {
   background: #9d0208;
}

@media print {
   .download-button {
      display: none;
   }
}

.banner_ads,
.banner-ads {
   width: 1080px;
   text-align: center;
   margin-top: 16px;
}

.banner_ads img,
.banner-ads img {
   max-width: 100%;
   height: auto;
}