/* ================================================================
   PRIYO STORY — GLOBAL RESPONSIVE HARDENING
   Loaded on every page. Non-destructive: only prevents overflow
   and keeps media fluid. No layout is redesigned here.
   ================================================================ */

html{ -webkit-text-size-adjust:100%; }
html, body{ max-width:100%; }
/* clip — not hidden — so position:sticky keeps working on the sidebars */
html, body{ overflow-x:clip; }
@supports not (overflow-x: clip){
  body{ overflow-x:hidden; }
}

img, video, svg, iframe, canvas, embed, object{
  max-width:100%;
}

/* media inside a fixed-ratio box must keep filling it */
.photo,
.reel-card video, .reel-card img,
.mini-reel-card video, .mini-reel-card img,
.video-feed-thumb video, .video-feed-thumb img,
.post-video-wrap video, .post-video-wrap img,
.pc-frame .pc-cell img, .pc-video video,
.st-thumb, .st-media img, .st-media video{
  max-width:none;
}

/* long Bangla words / URLs should wrap, not push the layout */
p, h1, h2, h3, h4, h5, h6,
.post-text, .video-feed-title, .reel-creator-name, .mini-reel-name,
.trend-reel-title, .creator-name{
  overflow-wrap:anywhere;
  word-break:break-word;
}

/* inputs never exceed their container */
input, select, textarea, button{
  max-width:100%;
}

/* horizontal strips scroll cleanly on touch */
[class*="-row"][style*="overflow"], .feed-reels-row, .stories-row{
  -webkit-overflow-scrolling:touch;
}

/* comfortable tap targets on phones */
@media (max-width:700px){
  a, button, .nav-item, .video-tab-btn, .video-filter-btn{
    -webkit-tap-highlight-color:rgba(26,122,76,.14);
  }
}

/* very small phones */
@media (max-width:360px){
  body{ font-size:17px; }
}