*{box-sizing:border-box}html,body{margin:0;padding:0;background:#e9edf2;font-family:'Hind Siliguri','SolaimanLipi',Arial,sans-serif}.ppsp-page{width:700px;margin:20px auto}.ppsp-card{position:relative;width:700px;height:700px;overflow:hidden;background:#fff;color:#101827;box-shadow:0 12px 40px rgba(0,0,0,.15)}.ppsp-bg-shape{position:absolute;pointer-events:none}.shape-a{inset:0}.shape-b{inset:0}.ppsp-header{position:relative;z-index:3;height:105px;display:flex;align-items:center;justify-content:space-between;padding:15px 24px}.brand{display:flex;align-items:center;gap:12px;min-width:0}.logo-wrap{width:90px;height:72px;border-radius:0;background:transparent;display:flex;align-items:center;justify-content:flex-start;overflow:visible;box-shadow:none;flex:0 0 auto}.logo-wrap img{width:100%;height:100%;object-fit:contain;object-position:left center;border-radius:0;display:block}.brand-copy{min-width:0}.site-name{font-size:25px;font-weight:800;line-height:1.05;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.site-sub{font-size:12px;font-weight:600;margin-top:5px;opacity:.78}.top-label{font-size:13px;font-weight:700;display:flex;gap:7px;align-items:center;white-space:nowrap;padding:8px 13px;border-radius:18px}.ppsp-main{position:relative;z-index:2;padding:0 24px}.photo-frame{position:relative;width:100%;height:335px;border-radius:18px;overflow:hidden;background:#dce2e8;border:5px solid #fff;box-shadow:0 6px 18px rgba(0,0,0,.18)}.post-image{width:100%;height:100%;display:block;object-fit:cover}.no-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;color:#8b96a3;font-size:22px}.no-image i{font-size:52px}.photo-tag{position:absolute;left:0;bottom:0;padding:7px 14px;background:rgba(0,0,0,.72);color:#fff;font-size:13px;font-weight:700;border-radius:0 15px 0 0}.headline-area{padding:13px 8px 7px}.headline-kicker{display:inline-block;font-size:14px;font-weight:800;padding:3px 12px;border-radius:5px;margin-bottom:6px}.headline-area h1{font-size:32px;line-height:1.16;margin:0;font-weight:800;letter-spacing:-.2px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.headline-rule{height:3px;margin:9px 0 7px;border-radius:4px}.summary{margin:0;font-size:12px;line-height:1.35;opacity:.78;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ppsp-footer{position:absolute;left:0;right:0;bottom:0;height:60px;z-index:3;display:flex;align-items:center;justify-content:center;padding:5px 18px;box-sizing:border-box;font-size:11px;font-weight:700;text-align:center;line-height:1.18;overflow:hidden}.footer-content{width:100%;max-width:100%;display:flex;flex-direction:column;align-items:stretch;justify-content:center;white-space:nowrap;overflow:hidden}.footer-line{display:block;width:100%;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:clip;font-size:11px;font-weight:700;letter-spacing:.05px}.banner_ads{display:none}.download-button{text-align:center;margin:14px}.download-button button{border:0;border-radius:8px;padding:10px 20px;background:#172033;color:#fff;font-weight:700;cursor:pointer}.download-button button:disabled{opacity:.7}.design1{background:#fff}.design1 .shape-a{background:linear-gradient(135deg,#f7f8fa 0 68%,#f0f4f8 68%)}.design1 .shape-b{background:linear-gradient(145deg,transparent 0 76%,#e31b23 76% 80%,transparent 80%)}.design1 .ppsp-header{border-bottom:5px solid #e31b23}.design1 .top-label,.design1 .headline-kicker{background:#e31b23;color:#fff}.design1 .headline-rule{background:#e31b23}.design1 .ppsp-footer{background:#12294a;color:#fff}.design2{background:#f5f7fb}.design2 .shape-a{background:linear-gradient(120deg,#0b2545 0 21%,#f5f7fb 21% 79%,#d71920 79%)}.design2 .shape-b{background:linear-gradient(145deg,transparent 0 68%,rgba(11,37,69,.08) 68%)}.design2 .ppsp-header{color:#fff}.design2 .top-label{background:#d71920}.design2 .photo-frame{border-radius:0;border-width:7px;border-color:#0b2545}.design2 .headline-area{background:#fff;margin:0 -24px;padding:14px 32px 9px;border-top:7px solid #d71920}.design2 .headline-kicker{background:#0b2545;color:#fff}.design2 .headline-rule{background:#d71920}.design2 .ppsp-footer{background:#0b2545;color:#fff}/* Design 2: move the two-line Donet Bangladesh branding back to the upper-left. */
.design2 .brand-copy{transform:translateX(0)!important;}.design3{background:#fff}.design3 .shape-a{background:radial-gradient(circle at 100% 0,#dbeeff 0 18%,transparent 19%),linear-gradient(180deg,#fff,#f7fafc)}.design3 .shape-b{background:linear-gradient(90deg,transparent 0 87%,#1674d1 87% 89%,transparent 89%)}.design3 .ppsp-header{border-bottom:1px solid #d5dce5}.design3 .top-label{border:1px solid #1674d1;color:#145b9e}.design3 .photo-frame{border:0;border-radius:8px;height:345px}.design3 .headline-kicker{color:#fff;background:#1674d1}.design3 .headline-rule{background:#1674d1}.design3 .ppsp-footer{border-top:4px solid #1674d1;background:#f0f5fa;color:#12395d}.design4{background:#f7fbf8}.design4 .shape-a{background:linear-gradient(155deg,#0b7a53 0 19%,transparent 19%),linear-gradient(180deg,#fff 0 72%,#e9f7ef 72%)}.design4 .shape-b{background:radial-gradient(circle at 92% 28%,rgba(16,151,96,.12) 0 22%,transparent 23%)}.design4 .ppsp-header{color:#fff}.design4 .top-label{background:#f4b400;color:#173d2f}.design4 .photo-frame{border-color:#0b7a53}.design4 .headline-kicker{background:#0b7a53;color:#fff}.design4 .headline-rule{background:#f4b400}.design4 .ppsp-footer{background:#07583c;color:#fff}.design5{background:#111}.design5 .shape-a{background:linear-gradient(145deg,#111 0 53%,#f6c400 53% 54%,#111 54%)}.design5 .shape-b{background:radial-gradient(circle at 15% 80%,rgba(246,196,0,.22),transparent 28%)}.design5 .ppsp-header{color:#fff}.design5 .top-label{background:#f6c400;color:#111}.design5 .photo-frame{border:4px solid #f6c400;border-radius:10px}.design5 .headline-area{color:#fff}.design5 .headline-kicker{background:#f6c400;color:#111}.design5 .headline-rule{background:#f6c400}.design5 .summary{color:#fff;opacity:.72}.design5 .ppsp-footer{background:#f6c400;color:#111}.design6{background:#edf1f5}.design6 .shape-a{background:linear-gradient(90deg,#172033 0 49%,#f7f9fb 49%)}.design6 .shape-b{background:linear-gradient(140deg,transparent 0 75%,#d71920 75%)}.design6 .ppsp-header{color:#fff;width:49%;height:120px}.design6 .brand-copy .site-name{font-size:21px}.design6 .site-sub{color:#fff}.design6 .top-label{position:absolute;right:16px;top:28px;background:#d71920;color:#fff}.design6 .ppsp-main{display:grid;grid-template-columns:49% 51%;padding:0;height:520px}.design6 .photo-frame{grid-column:1;height:390px;margin:0 0 0 24px;width:calc(100% - 12px);border-radius:10px;border:4px solid #fff}.design6 .headline-area{grid-column:2;align-self:center;padding:25px 22px 30px;color:#172033}.design6 .headline-area h1{font-size:34px}.design6 .headline-kicker{background:#d71920;color:#fff}.design6 .headline-rule{background:#172033}.design6 .ppsp-footer{background:#172033;color:#fff}.design7{background:#f8fafc}.design7 .shape-a{background:linear-gradient(135deg,#e31b23 0 14%,transparent 14%),linear-gradient(315deg,#102b4e 0 15%,transparent 15%)}.design7 .shape-b{background:radial-gradient(circle at 50% 18%,rgba(16,43,78,.08) 0 28%,transparent 29%)}.design7 .ppsp-header{padding:17px 30px}.design7 .logo-wrap{border-radius:0;width:90px;height:68px}.design7 .top-label{background:#102b4e;color:#fff}.design7 .photo-frame{height:330px;border-radius:28px;border:8px solid #fff}.design7 .headline-area{background:#fff;border-radius:22px;margin:10px 0 0;padding:13px 18px 10px;box-shadow:0 5px 20px rgba(16,43,78,.12)}.design7 .headline-kicker{background:#e31b23;color:#fff;border-radius:18px}.design7 .headline-rule{background:#e31b23}.design7 .ppsp-footer{margin:0 18px 10px;border-radius:18px;background:#102b4e;color:#fff;height:48px}.design8{background:#fff}.design8 .shape-a{background:linear-gradient(155deg,#d71920 0 17%,transparent 17%),linear-gradient(25deg,transparent 0 84%,#0b2c52 84%)}.design8 .shape-b{background-image:radial-gradient(rgba(11,44,82,.12) 1.3px,transparent 1.3px);background-size:12px 12px;opacity:.55}.design8 .ppsp-header{color:#fff}.design8 .top-label{background:#0b2c52}.design8 .photo-frame{height:340px;border-radius:4px;border:6px solid #d71920}.design8 .photo-tag{background:#d71920}.design8 .headline-area{border-left:7px solid #d71920;padding-left:14px}.design8 .headline-kicker{background:#d71920;color:#fff}.design8 .headline-rule{background:#0b2c52}.design8 .ppsp-footer{background:#0b2c52;color:#fff}

/* v1.5.9 requested photo-card refinements */
.design1 .summary,.design2 .summary,.design3 .summary,.design4 .summary,.design5 .summary,.design6 .summary,.design7 .summary,.design8 .summary{font-size:17px;line-height:1.5;font-weight:700;opacity:1;text-align:center;color:#d71920}
.design2 .ppsp-header{color:#172033}
.design2 .site-name{color:#172033}.design2 .site-sub{color:#d71920 !important;opacity:1}
.design6 .ppsp-header{width:100%;height:120px;padding:15px 24px;position:relative}
.design6 .brand{display:block;position:absolute;left:24px;top:18px;z-index:7}.design6 .brand-copy{display:block;color:#fff}.design6 .brand-copy .site-name{color:#fff;font-size:25px;font-weight:800;line-height:1.05}.design6 .brand-copy .site-sub{color:#fff;font-size:12px;font-weight:600;margin-top:5px;opacity:1}.design6 .logo-wrap{display:none}
.design6 .top-label{position:absolute;right:34px;top:20px;background:#fff;color:#172033;border-radius:0;padding:7px 10px;font-size:15px;box-shadow:none}
.design6 .design6-logo{position:absolute;right:34px;top:62px;width:205px;height:70px;object-fit:contain;object-position:right center;z-index:4;border-radius:0}








/* v1.5.18 design6 requested correction */
/* v1.5.43 - Design 6: show the Donet logo directly below the date. */
.design6 .design6-logo{display:block !important;}
.design6 .headline-area{transform:translateY(-144px)}

/* v1.5.23 design6: summary directly below left photo */
.design6 .headline-area{transform:none;position:relative}
.design6 .headline-area .headline-kicker,
.design6 .headline-area h1,
.design6 .headline-area .headline-rule{transform:translateY(-144px)}
.design6 .ppsp-main{position:relative}
.design6 .headline-area .summary{display:none}
.design6 .ppsp-main > .design6-summary{position:absolute;left:24px;top:446px;width:calc(49% - 36px);margin:0;padding:0;background:transparent;text-align:center;color:#fff !important;opacity:1;font-size:15px;font-weight:700;line-height:1.45;display:block;z-index:9}

/* v1.5.24 design1 summary moved left */
.design1 .summary{transform:translateX(-48px)}

/* Design 7: keep the two-line Donet Bangladesh branding pushed to the left. */
.design7 .brand-copy{transform:translateX(0)!important;}
/* v1.5.27 - Design 8 brand text black */
.design8 .site-name{color:#000 !important}
.design8 .site-sub{color:#000 !important;opacity:1}


/* v1.5.30 - Transparent/watermark logo inside photo box for photo-card designs 1-8 */
.ppsp-card.design1 .photo-box-logo,
.ppsp-card.design2 .photo-box-logo,
.ppsp-card.design3 .photo-box-logo,
.ppsp-card.design4 .photo-box-logo,
.ppsp-card.design5 .photo-box-logo,
.ppsp-card.design6 .photo-box-logo,
.ppsp-card.design7 .photo-box-logo,
.ppsp-card.design8 .photo-box-logo{
  position:absolute;
  right:10px;
  left:auto;
  top:10px;
  width:150px;
  height:160px;
  max-width:none;
  object-fit:contain;
  object-position:left top;
  padding:0;
  margin:0;
  background:transparent !important;
  border:0;
  border-radius:0;
  box-shadow:none;
  z-index:20;
  display:block;
  opacity:.68;
  mix-blend-mode:multiply;
  pointer-events:none;
}

/* v1.5.34 - photo-box watermark logo size increased by 0.5px in width and height */
/* v1.5.31 - logo artwork only: no white rectangle behind the watermark */
.ppsp-card.design1 .photo-box-logo,
.ppsp-card.design2 .photo-box-logo,
.ppsp-card.design3 .photo-box-logo,
.ppsp-card.design4 .photo-box-logo,
.ppsp-card.design5 .photo-box-logo,
.ppsp-card.design6 .photo-box-logo,
.ppsp-card.design7 .photo-box-logo,
.ppsp-card.design8 .photo-box-logo{
  background:transparent !important;
  box-shadow:none !important;
  border:0 !important;
  border-radius:0 !important;
  mix-blend-mode:normal !important;
}

/* v1.5.34 - Remove only the header/secondary logo from photo-card designs 1-8.
   Keep the watermark logo inside the photo box on all eight designs. */
.ppsp-card.design1 .logo-wrap,
.ppsp-card.design2 .logo-wrap,
.ppsp-card.design3 .logo-wrap,
.ppsp-card.design4 .logo-wrap,
.ppsp-card.design5 .logo-wrap,
.ppsp-card.design6 .logo-wrap,
.ppsp-card.design7 .logo-wrap,
.ppsp-card.design8 .logo-wrap,
.ppsp-card.design6 .design6-logo{
  display:none !important;
}

/* v1.5.36 - Design 1 summary moved further left */
.ppsp-card.design1 .summary{transform:translateX(-72px) !important;}

/* v1.5.37 - Design 2 brand name and subtitle both red */
.ppsp-card.design2 .site-name{color:#d71920 !important;}
.ppsp-card.design2 .site-sub{color:#d71920 !important;opacity:1 !important;}


/* v1.5.42 - Match the feature-image logo on cards 1-8 to Design 9: upper-right, same size. */
.ppsp-card.design1 .photo-box-logo,
.ppsp-card.design2 .photo-box-logo,
.ppsp-card.design3 .photo-box-logo,
.ppsp-card.design4 .photo-box-logo,
.ppsp-card.design5 .photo-box-logo,
.ppsp-card.design6 .photo-box-logo,
.ppsp-card.design7 .photo-box-logo,
.ppsp-card.design8 .photo-box-logo{
  position:absolute!important;
  right:10px!important;
  left:auto!important;
  top:10px!important;
  width:150px!important;
  height:160px!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:right top!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  z-index:20!important;
  display:block!important;
  opacity:.96!important;
  mix-blend-mode:normal!important;
  filter:drop-shadow(0 0 2px rgba(255,255,255,.98)) drop-shadow(0 0 5px rgba(255,255,255,.92)) drop-shadow(0 0 9px rgba(255,255,255,.55)) drop-shadow(0 2px 3px rgba(0,0,0,.95))!important;
  pointer-events:none!important;
}

/* Final correction: Design 6 - show the complete feature image inside its box without cropping. */
.ppsp-card.design6 .photo-frame .post-image{
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  display:block!important;
  object-fit:contain!important;
  object-position:center center!important;
  background:#dce2e8!important;
}

/* Final correction: Design 6 - Donet logo directly below the upper-right date. */
.ppsp-card.design6 .design6-logo{
  display:block !important;
  position:absolute !important;
  right:55px !important;
  top:58px !important;
  width:215px !important;
  height:74px !important;
  object-fit:contain !important;
  object-position:right center !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  z-index:8 !important;
  opacity:1 !important;
  mix-blend-mode:normal !important;
}

/* v1.6.14: Preserve the WordPress featured-image aspect ratio on cards 1-8. */
.ppsp-card.design1 .photo-frame .post-image,
.ppsp-card.design2 .photo-frame .post-image,
.ppsp-card.design3 .photo-frame .post-image,
.ppsp-card.design4 .photo-frame .post-image,
.ppsp-card.design5 .photo-frame .post-image,
.ppsp-card.design6 .photo-frame .post-image,
.ppsp-card.design7 .photo-frame .post-image,
.ppsp-card.design8 .photo-frame .post-image{
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  display:block!important;
  object-fit:contain!important;
  object-position:center center!important;
  background:#dce2e8!important;
}

/* v1.5.38 - Center headlines on all photocard designs 1-8. */
.design1 .headline-area h1,.design2 .headline-area h1,.design3 .headline-area h1,.design4 .headline-area h1,.design5 .headline-area h1,.design6 .headline-area h1,.design7 .headline-area h1,.design8 .headline-area h1{text-align:center!important;}


/* v1.6.16: Normalize feature-image box height across cards 1-8.
   All photo boxes use the same 462px visual height and preserve the full
   WordPress featured-image aspect ratio inside the box. */
.ppsp-card.design1 .image-section,
.ppsp-card.design2 .banner-top,
.ppsp-card.design3 .pps-featured-image,
.ppsp-card.design4 .banner-top,
.ppsp-card.design5 .image-container,
.ppsp-card.design6 .main_img,
.ppsp-card.design7 .photo-slot,
.ppsp-card.design8 .photo-slot{
  height:462px!important;
}
.ppsp-card.design5 .image-container,
.ppsp-card.design6 .main_img,
.ppsp-card.design7 .photo-slot,
.ppsp-card.design8 .photo-slot{
  max-height:462px!important;
}
.ppsp-card.design1 .image-section img.top-image,
.ppsp-card.design2 .banner-top img,
.ppsp-card.design2 .banner-image,
.ppsp-card.design3 .pps-featured-image img,
.ppsp-card.design4 .banner-top img,
.ppsp-card.design5 .image-container img,
.ppsp-card.design6 .main_img img,
.ppsp-card.design7 .photo-slot img,
.ppsp-card.design8 .photo-slot>img{
  width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;
  object-fit:contain!important;object-position:center center!important;background:#dce2e8!important;
}

/* v1.6.24: Make every featured image fill its existing frame like the corrected card 9.
   Keep the frame dimensions/designs unchanged; only remove the contain/letterbox effect. */
.ppsp-card .photo-frame,
.ppsp-custom-card .ppsp-photo{
  overflow:hidden!important;
}
.ppsp-card .photo-frame .post-image{
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  display:block!important;
  object-fit:cover!important;
  object-position:center center!important;
  background:transparent!important;
}
.ppsp-custom-card .ppsp-photo > img:not(.ppsp-photo-logo){
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  display:block!important;
  object-fit:cover!important;
  object-position:center center!important;
  background:transparent!important;
}

/* v1.6.28: Slightly reduce featured-image frame height across designs 1-8
   so the image does not visually extend too far downward. */
.ppsp-card.design1 .image-section,
.ppsp-card.design2 .banner-top,
.ppsp-card.design3 .pps-featured-image,
.ppsp-card.design4 .banner-top,
.ppsp-card.design5 .image-container,
.ppsp-card.design6 .main_img,
.ppsp-card.design7 .photo-slot,
.ppsp-card.design8 .photo-slot{
  height:442px!important;
}
.ppsp-card.design5 .image-container,
.ppsp-card.design6 .main_img,
.ppsp-card.design7 .photo-slot,
.ppsp-card.design8 .photo-slot{
  max-height:442px!important;
}

/* v1.6.29: Highlight the two-line Donet Bangladesh branding on cards 1-8. */
.ppsp-card.design1 .site-name,
.ppsp-card.design2 .site-name,
.ppsp-card.design3 .site-name,
.ppsp-card.design4 .site-name,
.ppsp-card.design5 .site-name,
.ppsp-card.design6 .site-name,
.ppsp-card.design7 .site-name,
.ppsp-card.design8 .site-name{
  font-size:33px!important;
  font-weight:900!important;
  line-height:1.08!important;
  letter-spacing:.1px!important;
  text-shadow:0 1px 2px rgba(0,0,0,.16)!important;
}
.ppsp-card.design1 .site-sub,
.ppsp-card.design2 .site-sub,
.ppsp-card.design3 .site-sub,
.ppsp-card.design4 .site-sub,
.ppsp-card.design5 .site-sub,
.ppsp-card.design6 .site-sub,
.ppsp-card.design7 .site-sub,
.ppsp-card.design8 .site-sub{
  display:inline-block!important;
  margin-top:6px!important;
  padding:2px 9px 3px!important;
  font-size:17px!important;
  font-weight:900!important;
  line-height:1.15!important;
  letter-spacing:.15px!important;
  border-radius:5px!important;
  opacity:1!important;
  text-shadow:0 1px 1px rgba(0,0,0,.12)!important;
}
.ppsp-card.design1 .site-sub{background:#e31b23!important;color:#fff!important;}
.ppsp-card.design2 .site-sub{background:#d71920!important;color:#fff!important;}
.ppsp-card.design3 .site-sub{background:#1674d1!important;color:#fff!important;}
.ppsp-card.design4 .site-sub{background:#f4b400!important;color:#173d2f!important;}
.ppsp-card.design5 .site-sub{background:#f6c400!important;color:#111!important;}
.ppsp-card.design6 .site-sub{background:#d71920!important;color:#fff!important;}
.ppsp-card.design7 .site-sub{background:#e31b23!important;color:#fff!important;}
.ppsp-card.design8 .site-sub{background:#d71920!important;color:#fff!important;}
/* Final brand color adjustment: Design 2 and Design 8 */
.ppsp-card.design2 .site-name,.ppsp-card.design2 .site-sub,.ppsp-card.design8 .site-name,.ppsp-card.design8 .site-sub{color:#fff!important;}
/* v1.6.31 Design 6: remove the black rule below the headline so the full headline remains visible. */
.ppsp-card.design6 .headline-area .headline-rule{display:none !important;border:0 !important;background:transparent !important;height:0 !important;margin:0 !important;padding:0 !important;}

/* v1.6.32 Design 6: show the complete headline without ellipsis or line clipping. */
.ppsp-card.design6 .headline-area h1{
  display:block!important;
  -webkit-line-clamp:unset!important;
  -webkit-box-orient:initial!important;
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:normal!important;
  max-height:none!important;
  font-size:30px!important;
  line-height:1.18!important;
}
.ppsp-card.design6 .headline-area{
  overflow:visible!important;
}
.ppsp-card.design6 .headline-area .headline-rule{display:none!important;}


/* =========================================================
   DONET IT — Premium Theme Pack v1.6.35
   Theme-only refresh for Designs 1–8.
   Layout, placeholders, logo sizing/position and export
   behavior are intentionally left unchanged.
   ========================================================= */

/* DESIGN 1 — Editorial Crimson */
.design1{
  background:#fbfaf7!important;
  color:#171a21!important;
}
.design1 .shape-a{
  background:
    linear-gradient(135deg,rgba(183,28,28,.10) 0 18%,transparent 18%),
    linear-gradient(180deg,#fffdf9 0 72%,#f5eee7 72%)!important;
}
.design1 .shape-b{
  background:
    linear-gradient(135deg,transparent 0 76%,#b71c1c 76% 78%,#d6a74a 78% 79%,transparent 79%)!important;
}
.design1 .ppsp-header{
  border-bottom:4px solid #b71c1c!important;
  background:rgba(255,253,249,.96)!important;
}
.design1 .top-label{
  background:#b71c1c!important;
  color:#fff!important;
  border-radius:7px!important;
  box-shadow:0 4px 12px rgba(183,28,28,.22)!important;
}
.design1 .headline-kicker{
  background:#171a21!important;
  color:#fff!important;
  border-radius:3px!important;
  letter-spacing:.3px!important;
}
.design1 .headline-rule{
  background:linear-gradient(90deg,#b71c1c,#d6a74a)!important;
}
.design1 .ppsp-footer{
  background:#171a21!important;
  border-top:4px solid #d6a74a!important;
  color:#fff!important;
}

/* DESIGN 2 — Navy / Cyan Modern */
.design2{
  background:#f4f8fb!important;
  color:#10243b!important;
}
.design2 .shape-a{
  background:
    linear-gradient(115deg,#102a43 0 13%,transparent 13%),
    linear-gradient(180deg,#f9fcff 0 78%,#e8f4f8 78%)!important;
}
.design2 .shape-b{
  background:
    linear-gradient(135deg,transparent 0 80%,rgba(0,188,212,.22) 80% 82%,transparent 82%)!important;
}
.design2 .ppsp-header{
  background:#102a43!important;
  color:#fff!important;
  border-bottom:5px solid #00acc1!important;
}
.design2 .site-name,.design2 .site-sub{
  color:#fff!important;
}
.design2 .top-label{
  background:#00acc1!important;
  color:#062d36!important;
  border-radius:5px!important;
}
.design2 .photo-frame{
  border:5px solid #102a43!important;
  border-radius:12px!important;
  box-shadow:0 8px 22px rgba(16,42,67,.20)!important;
}
.design2 .photo-tag{
  background:#102a43!important;
  border-radius:0 10px 0 0!important;
}
.design2 .headline-area{
  background:#fff!important;
  border-top:5px solid #00acc1!important;
  margin:0 -24px!important;
  padding:13px 32px 8px!important;
}
.design2 .headline-kicker{
  background:#102a43!important;
  color:#fff!important;
  border-radius:4px!important;
}
.design2 .headline-rule{
  background:#00acc1!important;
}
.design2 .ppsp-footer{
  background:#102a43!important;
  color:#fff!important;
  border-top:3px solid #00acc1!important;
}

/* DESIGN 3 — Clean Blue Press */
.design3{
  background:#ffffff!important;
  color:#17263a!important;
}
.design3 .shape-a{
  background:
    radial-gradient(circle at 100% 0,#d9efff 0 22%,transparent 22.5%),
    linear-gradient(180deg,#fff 0 73%,#f1f7fb 73%)!important;
}
.design3 .shape-b{
  background:
    linear-gradient(90deg,transparent 0 88%,#1769aa 88% 89%,transparent 89%),
    linear-gradient(0deg,transparent 0 94%,rgba(23,105,170,.10) 94%)!important;
}
.design3 .ppsp-header{
  background:rgba(255,255,255,.96)!important;
  border-bottom:2px solid #1769aa!important;
}
.design3 .top-label{
  background:#fff!important;
  color:#1769aa!important;
  border:2px solid #1769aa!important;
  border-radius:5px!important;
}
.design3 .photo-frame{
  border:0!important;
  border-radius:6px!important;
  box-shadow:0 9px 24px rgba(23,105,170,.16)!important;
}
.design3 .photo-tag{
  background:#1769aa!important;
  border-radius:0 8px 0 0!important;
}
.design3 .headline-kicker{
  background:#1769aa!important;
  color:#fff!important;
  border-radius:2px!important;
}
.design3 .headline-rule{
  background:#1769aa!important;
}
.design3 .ppsp-footer{
  background:#f1f7fb!important;
  color:#164a73!important;
  border-top:4px solid #1769aa!important;
}

/* DESIGN 4 — Emerald Gold */
.design4{
  background:#f5faf7!important;
  color:#153c30!important;
}
.design4 .shape-a{
  background:
    linear-gradient(145deg,#086b4d 0 15%,transparent 15%),
    linear-gradient(180deg,#fff 0 73%,#e7f5ee 73%)!important;
}
.design4 .shape-b{
  background:
    radial-gradient(circle at 94% 20%,rgba(201,154,58,.18) 0 20%,transparent 20.5%),
    linear-gradient(135deg,transparent 0 80%,#c99a3a 80% 81%,transparent 81%)!important;
}
.design4 .ppsp-header{
  background:#086b4d!important;
  color:#fff!important;
  border-bottom:4px solid #c99a3a!important;
}
.design4 .site-name,.design4 .site-sub{
  color:#fff!important;
}
.design4 .top-label{
  background:#c99a3a!important;
  color:#17382d!important;
  border-radius:4px!important;
}
.design4 .photo-frame{
  border:5px solid #086b4d!important;
  border-radius:14px!important;
  box-shadow:0 8px 24px rgba(8,107,77,.18)!important;
}
.design4 .photo-tag{
  background:#086b4d!important;
}
.design4 .headline-kicker{
  background:#086b4d!important;
  color:#fff!important;
  border-radius:4px!important;
}
.design4 .headline-rule{
  background:#c99a3a!important;
}
.design4 .ppsp-footer{
  background:#07563f!important;
  color:#fff!important;
  border-top:4px solid #c99a3a!important;
}

/* DESIGN 5 — Black / Gold Breaking */
.design5{
  background:#0c0f12!important;
  color:#fff!important;
}
.design5 .shape-a{
  background:
    linear-gradient(150deg,#0c0f12 0 48%,#d9aa28 48% 49%,#0c0f12 49% 100%)!important;
}
.design5 .shape-b{
  background:
    radial-gradient(circle at 12% 78%,rgba(217,170,40,.18),transparent 28%),
    linear-gradient(320deg,transparent 0 82%,rgba(255,255,255,.05) 82% 83%,transparent 83%)!important;
}
.design5 .ppsp-header{
  background:#0c0f12!important;
  color:#fff!important;
  border-bottom:3px solid #d9aa28!important;
}
.design5 .top-label{
  background:#d9aa28!important;
  color:#101214!important;
  border-radius:3px!important;
}
.design5 .photo-frame{
  border:4px solid #d9aa28!important;
  border-radius:8px!important;
  box-shadow:0 10px 26px rgba(0,0,0,.40)!important;
}
.design5 .photo-tag{
  background:#d9aa28!important;
  color:#111!important;
}
.design5 .headline-area{
  color:#fff!important;
}
.design5 .headline-kicker{
  background:#d9aa28!important;
  color:#111!important;
  border-radius:3px!important;
}
.design5 .headline-rule{
  background:#d9aa28!important;
}
.design5 .summary{
  color:#fff!important;
  opacity:.82!important;
}
.design5 .ppsp-footer{
  background:#d9aa28!important;
  color:#111!important;
}

/* DESIGN 6 — Modern Magazine Split */
.design6{
  background:#eef1f4!important;
  color:#172033!important;
}
.design6 .shape-a{
  background:
    linear-gradient(90deg,#151d2b 0 49%,#f8fafc 49% 100%)!important;
}
.design6 .shape-b{
  background:
    linear-gradient(140deg,transparent 0 74%,#b71c1c 74% 77%,#d7a83f 77% 78%,transparent 78%)!important;
}
.design6 .ppsp-header{
  background:#151d2b!important;
  color:#fff!important;
  border-bottom:4px solid #b71c1c!important;
}
.design6 .site-name,.design6 .site-sub{
  color:#fff!important;
}
.design6 .top-label{
  background:#b71c1c!important;
  color:#fff!important;
  border-radius:4px!important;
}
.design6 .photo-frame{
  border:4px solid #fff!important;
  border-radius:10px!important;
  box-shadow:0 10px 24px rgba(21,29,43,.20)!important;
}
.design6 .photo-tag{
  background:#151d2b!important;
}
.design6 .headline-area{
  color:#151d2b!important;
}
.design6 .headline-kicker{
  background:#b71c1c!important;
  color:#fff!important;
  border-radius:3px!important;
}
.design6 .headline-rule{
  background:#151d2b!important;
}
.design6 .design6-summary{
  color:#b71c1c!important;
}
.design6 .ppsp-footer{
  background:#151d2b!important;
  color:#fff!important;
  border-top:4px solid #d7a83f!important;
}

/* DESIGN 7 — Royal Premium */
.design7{
  background:#f8f7fb!important;
  color:#292044!important;
}
.design7 .shape-a{
  background:
    linear-gradient(135deg,#5b3b9d 0 13%,transparent 13%),
    linear-gradient(315deg,#e15b76 0 12%,transparent 12%)!important;
}
.design7 .shape-b{
  background:
    radial-gradient(circle at 50% 18%,rgba(91,59,157,.10) 0 28%,transparent 28.5%),
    linear-gradient(180deg,transparent 0 88%,rgba(225,91,118,.08) 88%)!important;
}
.design7 .ppsp-header{
  background:#fff!important;
  border-bottom:3px solid #5b3b9d!important;
}
.design7 .top-label{
  background:#5b3b9d!important;
  color:#fff!important;
  border-radius:18px!important;
  box-shadow:0 5px 15px rgba(91,59,157,.20)!important;
}
.design7 .photo-frame{
  border:7px solid #fff!important;
  border-radius:30px!important;
  box-shadow:0 10px 28px rgba(41,32,68,.18)!important;
}
.design7 .photo-tag{
  background:#5b3b9d!important;
  border-radius:0 14px 0 0!important;
}
.design7 .headline-area{
  background:rgba(255,255,255,.96)!important;
  border:1px solid #ebe7f4!important;
  border-radius:20px!important;
  margin:10px 0 0!important;
  padding:13px 18px 9px!important;
  box-shadow:0 7px 22px rgba(41,32,68,.10)!important;
}
.design7 .headline-kicker{
  background:#e15b76!important;
  color:#fff!important;
  border-radius:16px!important;
}
.design7 .headline-rule{
  background:linear-gradient(90deg,#5b3b9d,#e15b76)!important;
}
.design7 .ppsp-footer{
  margin:0 18px 10px!important;
  border-radius:16px!important;
  background:#292044!important;
  color:#fff!important;
  border-top:3px solid #e15b76!important;
}

/* DESIGN 8 — Heritage Burgundy / Teal */
.design8{
  background:#fcfaf6!important;
  color:#302321!important;
}
.design8 .shape-a{
  background:
    linear-gradient(155deg,#7d2030 0 16%,transparent 16%),
    linear-gradient(25deg,transparent 0 84%,#12656a 84%)!important;
}
.design8 .shape-b{
  background-image:radial-gradient(rgba(18,101,106,.12) 1.2px,transparent 1.2px)!important;
  background-size:13px 13px!important;
  opacity:.65!important;
}
.design8 .ppsp-header{
  background:#7d2030!important;
  color:#fff!important;
  border-bottom:4px solid #d1a34a!important;
}
.design8 .site-name,.design8 .site-sub{
  color:#fff!important;
}
.design8 .top-label{
  background:#12656a!important;
  color:#fff!important;
  border-radius:4px!important;
}
.design8 .photo-frame{
  border:6px solid #7d2030!important;
  border-radius:18px!important;
  box-shadow:0 9px 24px rgba(125,32,48,.18)!important;
}
.design8 .photo-tag{
  background:#12656a!important;
}
.design8 .headline-area{
  border-left:7px solid #7d2030!important;
  padding-left:14px!important;
}
.design8 .headline-kicker{
  background:#7d2030!important;
  color:#fff!important;
  border-radius:3px!important;
}
.design8 .headline-rule{
  background:#12656a!important;
}
.design8 .ppsp-footer{
  background:#12656a!important;
  color:#fff!important;
  border-top:4px solid #d1a34a!important;
}

/* Keep the existing visible watermark treatment intact across all themes. */
.design1 .photo-box-logo,
.design2 .photo-box-logo,
.design3 .photo-box-logo,
.design4 .photo-box-logo,
.design5 .photo-box-logo,
.design6 .photo-box-logo,
.design7 .photo-box-logo,
.design8 .photo-box-logo{
  filter:drop-shadow(0 0 2px #fff) drop-shadow(0 0 4px #fff) drop-shadow(0 1px 2px rgba(0,0,0,.85))!important;
}