/* FindKaro Feed (/feed) — every rule is scoped to .fk-feed so the main site is untouched. */
body.fk-feed-body{background:#fff}
html.fk-feed-lock,html.fk-feed-lock body{overflow:hidden}

.fk-feed{font-family:inherit;background:#fff;color:#212529;padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))}
.fk-feed p{font-size:16px;color:#444;line-height:1.7}
.fk-feed h1,.fk-feed h2,.fk-feed h3,.fk-feed h4,.fk-feed h5,.fk-feed h6{color:#343434;font-weight:600;line-height:1.7;font-family:inherit}
.fk-feed h6{font-size:16px}
.fk-feed a{text-decoration:none}
.fk-feed .view-more-btn{background:#fff;color:#000;padding:10px 20px;border:1px solid #ddd;border-radius:30px;cursor:pointer;font-size:16px;margin-top:10px;transition:all .2s ease-in-out}
.fk-feed .view-more-btn:hover{background:#ddd}



/* ---------- Category pills ---------- */
.fk-feed .fk-feed-cats{display:flex;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}
.fk-feed .fk-feed-cats::-webkit-scrollbar{display:none}
.fk-feed .news-slide{flex:0 0 auto;scroll-snap-align:start;margin:0 15px 0 0;background:#fff;padding:10px 24px;border:1px solid #ced4da;border-radius:30px;text-align:center}
.fk-feed .news-slide h6{margin:0;line-height:1.5}
.fk-feed .news-slide h6 a{font-size:16px;font-weight:450;color:#3c3c3c;transition:all .3s linear;white-space:nowrap}
.fk-feed .news-slide h6 a:hover{color:#8e44ad}
.fk-feed .news-slide.active{background:#8e44ad;border-color:#8e44ad}
.fk-feed .news-slide.active h6 a,.fk-feed .news-slide.active h6 a:hover{color:#fff}

/* ---------- Post cards ---------- */
@keyframes fkFeedIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
.fk-feed .news{margin-bottom:30px;border:1px solid #ddd;padding:24px;border-radius:15px;animation:fkFeedIn .5s cubic-bezier(.22,.61,.36,1) both}
.fk-feed .news>a{display:block;color:inherit}
.fk-feed .news .news-body{margin:15px 0 0}
.fk-feed .news h3{color:#271763;font-size:21px;font-weight:450}
.fk-feed .news .news-thumbnail,
.fk-feed .story-detail-thumbnail{display:block;overflow:hidden;border-radius:15px;padding:0;background:#ddd}
.fk-feed .news .news-thumbnail img,
.fk-feed .story-detail-thumbnail img{display:block;width:100%;height:auto;max-height:560px;object-fit:cover;border-radius:0}
.fk-feed .news .news-thumbnail img{opacity:0;transition:opacity .45s ease}
.fk-feed .news .news-thumbnail img.fk-loaded{opacity:1}
.fk-feed .news-categories{display:flex;align-items:center;justify-content:space-between;gap:15px}
.fk-feed .news-categories span{margin:3px 0 0}
.fk-feed .news-categories .bi-text-left{rotate:270deg;font-size:21px}
.fk-feed .btn-save{display:flex;align-items:center;justify-content:center;gap:4px;font-size:18px;color:#000;border:none;background:#fff;padding:0;box-shadow:none}
.fk-feed .btn-save.is-saved .bi-bookmark-fill{color:#271763}
.fk-feed .fk-feed-empty{animation:none}
.fk-feed .fk-feed-empty .news-body{margin:0}

/* ---------- Aside ---------- */
.fk-feed aside{position:sticky;top:80px}
.fk-feed .g-ads{background:#fff;border:1px solid #ddd;padding:24px;border-radius:15px;display:flex;align-items:center;justify-content:center}
.fk-feed .g-ads img{border-radius:15px;width:100%}

/* ---------- Skeleton ---------- */
.fk-feed .fk-skeleton{border:1px solid #ddd;padding:24px;border-radius:15px;margin-bottom:30px}
.fk-feed .fk-skel-block{position:relative;overflow:hidden;background:#e9e9ef;border-radius:15px}
.fk-feed .fk-skel-thumb{min-height:420px}
.fk-feed .fk-skel-line{height:20px;border-radius:6px;margin-top:18px}
.fk-feed .fk-skel-line.short{width:55%}
.fk-feed .fk-skel-block::after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.6) 50%,rgba(255,255,255,0) 100%);animation:fkFeedShimmer 1.3s infinite}
@keyframes fkFeedShimmer{100%{transform:translateX(100%)}}

/* ---------- Detail page ---------- */
.fk-feed .story-detail{background:#fff;overflow:hidden}
.fk-feed .story-detail-body{padding:15px 0 0}
.fk-feed .story-detail-body h1{color:#271763;font-size:30px;font-weight:600}
.fk-feed .story-detail-tagline{margin:7px 0 0;padding:0 0 7px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #b7b7b7}
.fk-feed .story-detail-dt ul{display:flex;flex-wrap:wrap;margin:0;padding:0}
.fk-feed .story-detail-dt ul li{list-style:none;color:#9e9e9e;font-size:14px;position:relative;padding:0 15px 0 0}
.fk-feed .story-detail-dt ul li::after{position:absolute;content:"";height:4px;width:4px;background:#000;border-radius:100%;top:9px;right:6px}
.fk-feed .story-detail-dt ul li:last-child::after{display:none}
.fk-feed .story-detail-bt{display:flex;align-items:center;justify-content:flex-end;gap:15px}
.fk-feed .user-profile{border-top:2px solid #aaa;border-bottom:2px solid #aaa;padding:10px 0;margin:24px 0 0;display:flex;align-items:center;justify-content:space-between}
.fk-feed .user-left-side{display:flex;align-items:center;gap:15px}
.fk-feed .user-icon{height:50px;width:50px;overflow:hidden;border-radius:100%}
.fk-feed .user-icon img{height:100%;width:100%;object-fit:cover}
.fk-feed .user-name h5{font-size:16px;margin:0;font-weight:600;color:#1c2565}
.fk-feed .user-name h6{font-size:14px;margin:0;font-weight:450;color:#444}
.fk-feed .user-content{margin:15px 0 0}
.fk-feed .user-content p{font-size:18px;font-weight:450}
.fk-feed .fk-feed-related{margin-top:40px}
.fk-feed .fk-feed-related h4{color:#1c2565;font-size:22px;margin-bottom:20px}

/* ---------- Toast + share popup ---------- */
.fk-feed .fk-toast{position:fixed;left:50%;bottom:30px;transform:translateX(-50%) translateY(10px);background:#271763;color:#fff;padding:10px 22px;border-radius:30px;font-size:14px;opacity:0;pointer-events:none;transition:opacity .25s ease,transform .25s ease;z-index:10000;box-shadow:0 6px 16px rgba(0,0,0,.2)}
.fk-feed .fk-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
.fk-feed .fk-share-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:9999;padding:15px}
.fk-feed .fk-share-box{background:#fff;border-radius:12px;width:100%;max-width:420px;padding:18px 20px;box-shadow:0 10px 40px rgba(0,0,0,.25)}
.fk-feed .fk-share-head{display:flex;align-items:center;justify-content:space-between;font-weight:600;color:#271763;margin-bottom:6px}
.fk-feed .fk-share-close{border:none;background:none;font-size:16px;color:#000;padding:0}
.fk-feed .fk-share-title{font-size:14px;color:#555;margin-bottom:14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.fk-feed .fk-share-links{display:flex;flex-wrap:wrap;gap:8px 18px;margin-bottom:15px}
.fk-feed .fk-share-links a{display:flex;flex-direction:column;align-items:center;gap:4px;color:#271763;font-size:12px;width:60px}
.fk-feed .fk-share-links a i{font-size:24px}
.fk-feed .fk-share-copy{display:flex;gap:8px}
.fk-feed .fk-share-copy input{flex:1;border:1px solid #ced4da;border-radius:6px;padding:6px 10px;font-size:13px;color:#555;min-width:0}
.fk-feed .fk-copy-link{border:none;background:#271763;color:#fff;border-radius:6px;padding:6px 14px;font-size:13px;white-space:nowrap}


@media (max-width:767.98px){
  .fk-feed .fk-toast{bottom:84px}
  .fk-feed .news h3,
  .fk-feed .story-detail-body h1{font-size:16px}
}

@media (max-width:575px){
  .fk-feed h1,.fk-feed h2,.fk-feed h3,.fk-feed h4,.fk-feed h5,.fk-feed h6{line-height:1.6}
  .fk-feed .news-slide{padding:8px 15px;margin:0 5px 0 0}
  .fk-feed .news-slide h6 a{font-size:14px}
  .fk-feed .news{margin-bottom:15px;padding:0}
  .fk-feed .news .news-body{padding:15px 15px 0;margin:0}
  .fk-feed .news-categories{padding:0 15px 15px;gap:20px}
  .fk-feed .news .news-thumbnail{border-radius:10px 10px 0 0;padding:0}
  .fk-feed .story-detail-thumbnail{border-radius:10px;padding:0}
  .fk-feed .news .news-thumbnail img,.fk-feed .story-detail-thumbnail img{max-height:300px;border-radius:0}
  .fk-feed .fk-feed-empty .news-body{padding:15px}
  .fk-feed .g-ads{padding:0;margin-top:15px}
  .fk-feed aside{position:static}
  .fk-feed .fk-skeleton{padding:0;margin-bottom:15px}
  .fk-feed .fk-skel-thumb{min-height:270px;border-radius:10px 10px 0 0}
  .fk-feed .fk-skel-line{margin:15px}
  .fk-feed .user-content p{font-size:16px}
}