/* ═══════════════════════════════════════════════════
   SAMAJER NEWS — Homepage 
   ═══════════════════════════════════════════════════ */
:root{--acc:#e63946;--acc2:#c0392b;--txt:#111;--txt2:#555;--bdr:#e5e5e5;--wht:#fff;--bg:#f4f4f4;--shd:0 1px 4px rgba(0,0,0,.08);--serif:'Noto Serif Bengali',serif;--sans:'Noto Sans Bengali',sans-serif}

.ph-wrap{max-width:1240px;margin:0 auto;padding:0 12px}

/* ── Shared ── */
.ph-cat{font-size:11px;font-weight:800;text-decoration:none;letter-spacing:.3px;text-transform:uppercase;display:inline-block;margin-bottom:4px}
.ph-time{font-size:11px;color:#aaa;display:inline-flex;align-items:center;gap:3px;margin-top:3px}
.ph-see-all{font-size:12px;font-weight:700;color:var(--acc);text-decoration:none;display:inline-flex;align-items:center;gap:3px;white-space:nowrap}
.ph-see-all:hover{color:var(--acc2)}
.ph-sec{background:var(--wht);border-radius:4px;border:1px solid var(--bdr);padding:14px 16px;margin-bottom:12px;box-shadow:var(--shd)}
.ph-sec-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:10px;margin-bottom:12px;border-bottom:2.5px solid var(--acc);flex-wrap:wrap;gap:6px}
.ph-sec-title{font-family:var(--serif);font-size:1rem;font-weight:800;color:var(--txt);display:flex;align-items:center;gap:6px;margin:0}
.ph-sec-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}
.ph-tabs{display:flex;gap:4px}
.ph-tab{font-size:11px;font-weight:600;padding:3px 10px;border-radius:20px;text-decoration:none;color:#666;background:#f5f5f5;border:1px solid #ddd;cursor:pointer}
.ph-tab.ph-tab-on,.ph-tab:hover{background:var(--acc);color:#fff;border-color:var(--acc)}

/* ── HERO ── */
.ph-hero{margin:10px 0 12px}
.ph-hero-grid{display:grid;grid-template-columns:195px 1fr 285px 195px;background:var(--wht);border:1px solid var(--bdr);border-radius:6px;overflow:hidden;box-shadow:var(--shd);min-height:280px}
.ph-col{padding:14px;border-right:1px solid var(--bdr)}
.ph-col-live{padding:16px 18px;border-right:1px solid var(--bdr)}
.ph-col-r{padding:14px}

.ph-si{padding-bottom:13px;margin-bottom:13px}
.ph-si-border{border-top:1px solid #f2f2f2;padding-top:13px}
.ph-si-title{font-family:var(--serif);font-size:13.5px;font-weight:700;line-height:1.55;color:var(--txt);margin:3px 0 4px}
.ph-si-title a{color:var(--txt);text-decoration:none}.ph-si-title a:hover{color:var(--acc)}
.ph-si-img{display:block;margin-top:7px;border-radius:3px;overflow:hidden}
.ph-si-img img{width:100%;height:74px;object-fit:cover}

.ph-col-big{overflow:hidden;position:relative}
.ph-big-link{display:block;height:100%;min-height:280px;position:relative;overflow:hidden}
.ph-big-link img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.ph-big-link:hover img{transform:scale(1.04)}
.ph-big-ov{position:absolute;bottom:0;left:0;right:0;padding:14px 16px;background:linear-gradient(to top,rgba(0,0,0,.82),transparent)}
.ph-big-cat{font-size:11px;font-weight:800;color:#ffd700;text-decoration:none;text-transform:uppercase;display:block;margin-bottom:5px}
.ph-big-title{font-family:var(--serif);font-size:1.05rem;font-weight:800;color:#fff;line-height:1.5;margin:0}
.ph-caption{font-size:11px;color:#888;padding:5px 10px;background:#f9f9f9;margin:0}

.ph-live-slide{display:none}
.ph-live-slide.ph-live-on{display:flex;flex-direction:column;gap:8px;animation:phFade .35s ease}
@keyframes phFade{from{opacity:0}to{opacity:1}}
.ph-live-meta{display:flex;align-items:center;gap:7px}
.ph-live-dot{width:12px;height:12px;border-radius:50%;background:var(--acc);flex-shrink:0;animation:phDot 1.3s ease-in-out infinite}
@keyframes phDot{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.3)}}
.ph-live-lbl{font-size:15px;font-weight:800;font-family:var(--serif)}
.ph-live-ttl{font-family:var(--serif);font-size:1.1rem;font-weight:800;line-height:1.55;color:var(--txt);text-decoration:none;display:block}
.ph-live-ttl:hover{color:var(--acc)}
.ph-live-ex{font-size:13px;color:var(--txt2);line-height:1.75;margin:0}
.ph-live-more{font-size:12px;font-weight:700;color:var(--acc);text-decoration:none;display:inline-flex;align-items:center;gap:4px}
.ph-live-dots{display:flex;gap:5px;margin-top:8px}
.ph-ldot{width:7px;height:7px;border-radius:50%;border:none;background:#ddd;cursor:pointer;padding:0;transition:all .2s}
.ph-ldot.ph-ldot-on{background:var(--acc);transform:scale(1.3)}

/* ── VIDEO ── */
.ph-vtrack{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:4px 2px 8px}
.ph-vtrack::-webkit-scrollbar{display:none}
.ph-vcard{flex:0 0 188px;scroll-snap-align:start}
.ph-vthumb{display:block;aspect-ratio:16/9;border-radius:5px;overflow:hidden;position:relative;background:#111}
.ph-vthumb img{width:100%;height:100%;object-fit:cover;transition:opacity .2s}.ph-vthumb:hover img{opacity:.85}
.ph-vplay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:30px;height:30px;background:rgba(230,57,70,.9);border-radius:50%;display:flex;align-items:center;justify-content:center}
.ph-vplay i{color:#fff;font-size:10px;margin-left:2px}
.ph-vdur{position:absolute;bottom:4px;right:5px;background:rgba(0,0,0,.75);color:#fff;font-size:10px;padding:1px 5px;border-radius:3px}
.ph-vinfo{padding:5px 0 0}
.ph-vtitle{font-size:12px;font-weight:600;line-height:1.5;color:var(--txt);text-decoration:none;display:block;margin-top:3px}
.ph-vtitle:hover{color:var(--acc)}
.ph-varr{position:absolute;top:38%;transform:translateY(-50%);background:rgba(255,255,255,.95);border:1px solid #ddd;border-radius:50%;width:26px;height:26px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:2;box-shadow:0 2px 6px rgba(0,0,0,.1);font-size:10px;color:#555}
.ph-varl{left:0}.ph-varr-r{right:0}

/* ── 2-COL MAIN ── */
.ph-2col{display:grid;grid-template-columns:1fr 262px;gap:12px;align-items:start}

/* 3-col grid */
.ph-g3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.ph-card{background:var(--wht);border-radius:4px;overflow:hidden;border:1px solid var(--bdr)}
.ph-card-img{display:block;aspect-ratio:16/9;overflow:hidden}
.ph-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.ph-card:hover .ph-card-img img{transform:scale(1.04)}
.ph-card-body{padding:9px 10px 10px}
.ph-card-t{font-family:var(--serif);font-size:13.5px;font-weight:700;line-height:1.55;color:var(--txt);margin:3px 0 4px}
.ph-card-t a{color:var(--txt);text-decoration:none}.ph-card-t a:hover{color:var(--acc)}
.ph-card-ex{font-size:12px;color:var(--txt2);line-height:1.6;margin:0}
.ph-card-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:6px}
.ph-lead-meta .share-menu{margin-left:auto}

/* 4-col list */
.ph-hl4{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.ph-hl-item{display:flex;flex-direction:column;gap:5px}
.ph-hl-img{display:block;aspect-ratio:16/9;border-radius:4px;overflow:hidden}
.ph-hl-img img{width:100%;height:100%;object-fit:cover}
.ph-hl-t{font-size:12.5px;font-weight:600;line-height:1.5;color:var(--txt)}
.ph-hl-t a{color:var(--txt);text-decoration:none}.ph-hl-t a:hover{color:var(--acc)}

/* Lead + side */
.ph-lead{display:grid;grid-template-columns:1.15fr 1fr;gap:14px;margin-bottom:12px}
.ph-lead-img{display:block;border-radius:4px;overflow:hidden;aspect-ratio:16/9}
.ph-lead-img img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.ph-lead-img:hover img{transform:scale(1.03)}
.ph-lead-t{font-family:var(--serif);font-size:1.05rem;font-weight:800;line-height:1.55;margin-bottom:6px}
.ph-lead-t a{color:var(--txt);text-decoration:none}.ph-lead-t a:hover{color:var(--acc)}
.ph-lead-ex{font-size:13px;color:var(--txt2);line-height:1.7;margin-bottom:6px}
.ph-lead-meta{font-size:11px;color:#aaa;display:flex;gap:12px;flex-wrap:wrap}
.ph-side3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.ph-side-img{display:block;aspect-ratio:16/9;border-radius:3px;overflow:hidden;margin-bottom:6px}
.ph-side-img img{width:100%;height:100%;object-fit:cover}
.ph-side-t{font-size:13px;font-weight:600;line-height:1.5}
.ph-side-t a{color:var(--txt);text-decoration:none}.ph-side-t a:hover{color:var(--acc)}

/* Opinion / মতামত (image 4) */
.ph-opinion-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}
.ph-op-big{background:#f8f9fa;border-left:4px solid #f39c12;border-radius:4px;padding:16px}
.ph-op-big-inner{}
.ph-op-tag{font-size:11px;font-weight:800;color:#f39c12;text-transform:uppercase;letter-spacing:.5px}
.ph-op-bull{font-size:16px;font-weight:900;color:#333;margin:0 4px}
.ph-op-big-t{font-family:var(--serif);font-size:1.05rem;font-weight:800;line-height:1.55;margin:8px 0 8px;display:block}
.ph-op-big-t a{color:var(--txt);text-decoration:none}.ph-op-big-t a:hover{color:#f39c12}
.ph-op-ex{font-size:12.5px;color:var(--txt2);line-height:1.7;margin:0}
.ph-op-list{display:flex;flex-direction:column;gap:0}
.ph-op-item{display:flex;gap:12px;align-items:flex-start;padding:12px 0;border-bottom:1px solid #f2f2f2}
.ph-op-item:last-child{border-bottom:none;padding-bottom:0}
.ph-op-icon{width:44px;height:44px;border-radius:50%;overflow:hidden;flex-shrink:0;background:#f0f0f0;display:flex;align-items:center;justify-content:center}
.ph-op-icon img{width:100%;height:100%;object-fit:cover}
.ph-op-body{flex:1;min-width:0}
.ph-op-meta{font-size:13px;line-height:1.55}
.ph-op-t{color:var(--txt);text-decoration:none;font-weight:600;font-family:var(--serif)}
.ph-op-t:hover{color:#f39c12}
.ph-op-author{font-size:11px;color:#888;margin-top:4px}

/* 4-col more */
.ph-g4{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.ph-c4-img{display:block;aspect-ratio:16/9;border-radius:4px;overflow:hidden;margin-bottom:6px}
.ph-c4-img img{width:100%;height:100%;object-fit:cover}
.ph-c4-t{font-size:12.5px;font-weight:600;line-height:1.5}
.ph-c4-t a{color:var(--txt);text-decoration:none}.ph-c4-t a:hover{color:var(--acc)}

/* ── RIGHT SIDEBAR ── */
.ph-right{position:sticky;top:62px}
.ph-widget{background:var(--wht);border:1px solid var(--bdr);border-radius:4px;margin-bottom:12px;overflow:hidden;box-shadow:var(--shd)}
.ph-widget-hd{padding:10px 14px;font-size:13.5px;font-weight:800;background:var(--acc);color:#fff;display:flex;align-items:center;gap:6px}

/* Tabs: পঠিত | আলোচিত | সুখবর (image 3) */
.ph-sidebar-tabs{display:flex;border-bottom:none;padding:8px 12px 0}
.ph-stab{flex:1;padding:8px 4px;background:none;border:none;border-bottom:3px solid transparent;font-family:var(--sans);font-size:13px;font-weight:700;color:#888;cursor:pointer;transition:all .2s}
.ph-stab.ph-stab-on{color:var(--acc);border-bottom-color:var(--acc)}
.ph-stab:hover{color:var(--acc)}
.ph-stab-divider{height:1px;background:var(--bdr);margin:0 0 4px}
.ph-tab-panel{list-style:none;padding:4px 0}
.ph-tab-hidden{display:none}
.ph-tab-panel li{display:flex;gap:10px;padding:8px 12px;border-bottom:1px solid #f5f5f5;align-items:flex-start}
.ph-tab-panel li:last-child{border-bottom:none}
.ph-mrnum{font-size:20px;font-weight:900;color:var(--acc);min-width:24px;flex-shrink:0;line-height:1.2}
.ph-mrbody a{font-size:12.5px;font-weight:500;color:#222;text-decoration:none;line-height:1.5;display:block}
.ph-mrbody a:hover{color:var(--acc)}

/* Live widget */
.ph-wlive-item{display:flex;align-items:flex-start;gap:8px;padding:9px 12px;border-bottom:1px solid #f5f5f5;text-decoration:none}
.ph-wlive-item:last-of-type{border-bottom:none}
.ph-wlive-lbl{color:#fff;font-size:10px;font-weight:700;padding:2px 7px;border-radius:10px;white-space:nowrap;flex-shrink:0;margin-top:2px}
.ph-wlive-txt{font-size:12.5px;color:#222;font-weight:500;line-height:1.5}
.ph-widget-more{display:block;text-align:center;padding:8px;font-size:12px;font-weight:700;color:var(--acc);text-decoration:none;border-top:1px solid #f5f5f5}

/* Mini news list */
.ph-wmini{display:flex;gap:8px;padding:8px 12px;border-bottom:1px solid #f5f5f5;align-items:flex-start}
.ph-wmini:last-child{border-bottom:none}
.ph-wmini-img{flex-shrink:0;width:60px;height:44px;border-radius:3px;overflow:hidden;display:block}
.ph-wmini-img img{width:100%;height:100%;object-fit:cover}
.ph-wmini-t{font-size:12px;font-weight:600;line-height:1.5;color:#222;text-decoration:none;display:block;margin-bottom:3px}
.ph-wmini-t:hover{color:var(--acc)}

/* Category list in sidebar */
.ph-catlist{list-style:none;padding:4px 0}
.ph-catlist li a{display:flex;align-items:center;gap:8px;padding:9px 12px;font-size:13px;color:#333;text-decoration:none;border-bottom:1px solid #f5f5f5;transition:all .15s}
.ph-catlist li:last-child a{border-bottom:none}
.ph-catlist li a:hover{background:#fef2f2;color:var(--acc)}
.ph-catdot{width:8px;height:8px;border-radius:50%;flex-shrink:0}

/* ── RESPONSIVE ── */
@media(max-width:1100px){
  .ph-hero-grid{grid-template-columns:1fr 1fr}.ph-col-l,.ph-col-r{display:none}
  .ph-2col{grid-template-columns:1fr 240px}
}
@media(max-width:860px){
  .ph-hero-grid{grid-template-columns:1fr}.ph-col-live{border-right:none}
  .ph-2col{grid-template-columns:1fr}.ph-right{display:none}
  .ph-g3{grid-template-columns:repeat(2,1fr)}.ph-hl4{grid-template-columns:repeat(2,1fr)}
  .ph-lead{grid-template-columns:1fr}.ph-side3{grid-template-columns:repeat(2,1fr)}
  .ph-opinion-grid{grid-template-columns:1fr}
}
@media(max-width:540px){
  .ph-g3{grid-template-columns:1fr}.ph-hl4{grid-template-columns:1fr}
  .ph-g4{grid-template-columns:repeat(2,1fr)}.ph-side3{grid-template-columns:1fr}
  .ph-vcard{flex:0 0 160px}

  /* Hero tuned for phones */
  .ph-hero{margin:8px 0 10px}
  .ph-hero-grid{min-height:0}
  .ph-col,.ph-col-live{padding:10px 12px}
  .ph-big-link{min-height:230px}
  .ph-big-title{font-size:.95rem}
  .ph-big-ov{padding:10px 12px}
  .ph-live-ttl{font-size:1rem}
  .ph-live-ex{font-size:12.5px}
  .ph-sec{padding:10px 12px}
  .ph-sec-head{padding-bottom:8px;margin-bottom:10px}
  .ph-sec-title{font-size:.95rem}
  .ph-tabs{overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch}
  .ph-2col{gap:10px}
  .ph-card-body{padding:8px}
  .ph-card-ex{display:none}
  .ph-op-big{padding:12px}
}

@media(max-width:380px){
  .ph-wrap{padding:0 8px}
  .ph-g4{grid-template-columns:1fr}
  .ph-big-link{min-height:200px}
  .ph-big-title{font-size:.85rem}
  .ph-vcard{flex:0 0 130px}
  .ph-op-icon{width:36px;height:36px;font-size:13px}
  .ph-op-t{font-size:12.5px}
  .ph-sec-title{font-size:.85rem}
  .ph-hl4{gap:8px}
}

/* ═══════════════════════════════════════════════════════════
   FIX: Responsive — no empty white sides
   ═══════════════════════════════════════════════════════════ */
.ph-wrap {
  max-width: 100%;
  padding: 0 12px;
  box-sizing: border-box;
}
@media (min-width: 1280px) {
  .ph-wrap { max-width: 1260px; margin: 0 auto; }
}
@media (min-width: 1440px) {
  .ph-wrap { max-width: 1400px; margin: 0 auto; }
}

/* On medium screens — stretch hero to full width */
@media (max-width: 1260px) {
  .ph-hero-grid { grid-template-columns: 175px 1fr 260px 175px; }
}
@media (max-width: 1100px) {
  .ph-hero-grid { grid-template-columns: 1fr 1fr; }
  .ph-col-l, .ph-col-r { display: none; }
  .ph-2col { grid-template-columns: 1fr 230px; }
}
@media (max-width: 900px) {
  .ph-hero-grid { grid-template-columns: 1fr; }
  .ph-col-live { border-right: none; }
  .ph-2col { grid-template-columns: 1fr; }
  .ph-right { display: none; }
  .ph-g3 { grid-template-columns: repeat(2,1fr); }
  .ph-hl4 { grid-template-columns: repeat(2,1fr); }
  .ph-lead { grid-template-columns: 1fr; }
  .ph-side3 { grid-template-columns: repeat(2,1fr); }
  .ph-opinion-grid { grid-template-columns: 1fr; }
  .ph-g4 { grid-template-columns: repeat(2,1fr); }
}
@media (max-width: 540px) {
  .ph-wrap { padding: 0 8px; }
  .ph-g3 { grid-template-columns: 1fr; }
  .ph-hl4 { grid-template-columns: 1fr; }
  .ph-g4 { grid-template-columns: 1fr; }
  .ph-side3 { grid-template-columns: 1fr; }
  .ph-vcard { flex: 0 0 155px; }
  .ph-hero-grid { border-radius: 0; }
}

/* Main CSS container fix — also full width */
.main-header, .site-header {
  width: 100%;
}