/* #5 Style 1 — shared (সব frontend page, .ns-blog-frontend scoped) */
/* ⭐ #5 Style 1 — Ultra-Pro (Modern Card · blue+navy+amber) — CSS only */
.ns-blog-frontend {--bd-accent:#2563eb;--bd-accent2:#1e40af;--bd-amber:#f59e0b;--bd-bg:#f6f8fb;--bd-card:#fff;--bd-line:#e8edf3;--bd-text:#0b1220;--bd-soft:#334155;--bd-muted:#64748b;--bd-radius:18px;--bd-shadow:0 10px 40px rgba(15,23,42,.08);--bd-shadow-sm:0 2px 12px rgba(15,23,42,.06)}
.ns-blog-frontend {background:var(--bd-bg)}
.ns-blog-frontend .ns-breadcrumb {background:transparent;padding:0}
.ns-blog-frontend .ns-breadcrumb .breadcrumb {padding:0;background:transparent}
.ns-blog-frontend .ns-breadcrumb .breadcrumb-item a {color:#fff;text-decoration:none;opacity:.85}
.ns-blog-frontend .ns-breadcrumb .breadcrumb-item.active {color:rgba(255,255,255,.7)}
.ns-blog-frontend .ns-breadcrumb .breadcrumb-item+.breadcrumb-item::before {color:rgba(255,255,255,.5)}
/* HERO banner */
.ns-blog-frontend .bd-hero {position:relative;border-radius:var(--bd-radius);overflow:hidden;box-shadow:var(--bd-shadow);margin-bottom:26px;min-height:300px;background:linear-gradient(135deg,#1e293b,#2563eb)}
.ns-blog-frontend .bd-hero>img {position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ns-blog-frontend .bd-hero .ov {position:relative;background:linear-gradient(180deg,rgba(11,18,32,.15),rgba(11,18,32,.85));padding:30px;min-height:300px;display:flex;flex-direction:column;justify-content:flex-end}
.ns-blog-frontend .bd-hero .cat {display:inline-flex;align-items:center;gap:7px;background:var(--bd-amber);color:#1a1200;font-weight:700;font-size:12px;padding:5px 14px;border-radius:30px;width:fit-content;text-transform:uppercase;letter-spacing:.4px;text-decoration:none}
.ns-blog-frontend .bd-hero h1 {color:#fff;font-size:clamp(1.4rem,3.4vw,2.3rem);font-weight:800;letter-spacing:-.5px;margin:14px 0 10px;max-width:820px;text-shadow:0 2px 20px rgba(0,0,0,.35)}
.ns-blog-frontend .bd-hero .hmeta {display:flex;flex-wrap:wrap;gap:16px;color:rgba(255,255,255,.92);font-size:13.5px}
.ns-blog-frontend .bd-hero .hmeta span {display:inline-flex;align-items:center;gap:7px}
.ns-blog-frontend .bd-hero .hmeta i {color:var(--bd-amber)}
/* article card */
.ns-blog-frontend .ns-detail-content {background:var(--bd-card);border:1px solid var(--bd-line);border-radius:var(--bd-radius);box-shadow:var(--bd-shadow-sm);padding:30px}
.ns-blog-frontend .bd-author {display:inline-flex;align-items:center;gap:8px;color:var(--bd-muted);font-size:13.5px;margin-bottom:14px}
.ns-blog-frontend .bd-author b {color:var(--bd-text)}
.ns-blog-frontend .bd-excerpt {background:linear-gradient(90deg,#eff6ff,transparent);border-left:4px solid var(--bd-accent);border-radius:12px;padding:15px 20px;color:var(--bd-soft);font-size:16.5px;font-style:italic;margin:0 0 22px}
/* action bar (like + share) */
.ns-blog-frontend .bd-actionbar {display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:16px 0;margin-bottom:22px;border-top:1px solid var(--bd-line);border-bottom:1px solid var(--bd-line)}
.ns-blog-frontend .bd-chip {display:inline-flex;align-items:center;gap:8px;background:var(--bd-bg);border:1px solid var(--bd-line);color:var(--bd-muted);font-size:13.5px;font-weight:600;padding:9px 16px;border-radius:30px}
.ns-blog-frontend .bd-chip i {color:var(--bd-accent)}
.ns-blog-frontend .like-btn {display:inline-flex;align-items:center;gap:8px;background:#fef2f2;border:1px solid #fecaca;color:#dc2626;border-radius:30px;padding:9px 18px;font-weight:700;cursor:pointer;transition:.15s}
.ns-blog-frontend .like-btn:hover, .ns-blog-frontend .like-btn.liked {background:#dc2626;color:#fff;border-color:#dc2626}
.ns-blog-frontend .like-btn i {color:inherit}
/* pill meta (fallback if used) */
.ns-blog-frontend .ns-meta-box {display:flex;flex-wrap:wrap;gap:10px;background:transparent;border:0;padding:0}
.ns-blog-frontend .ns-meta-box .meta-item {display:inline-flex;align-items:center;gap:6px;background:var(--bd-bg);border:1px solid var(--bd-line);color:var(--bd-muted);font-size:13px;padding:6px 12px;border-radius:30px}
.ns-blog-frontend .ns-meta-box .meta-item i {color:var(--bd-accent)}
.ns-blog-frontend .ns-meta-box .meta-item strong {color:var(--bd-text);font-weight:600}
/* gallery + media */
.ns-blog-frontend .ns-detail-content .carousel, .ns-blog-frontend .ns-detail-content .ratio, .ns-blog-frontend .ns-detail-content img.img-fluid {border-radius:14px;box-shadow:var(--bd-shadow-sm);overflow:hidden}
/* content typography */
.ns-blog-frontend .post-content {color:var(--bd-soft);font-size:16.5px}
.ns-blog-frontend .post-content h2, .ns-blog-frontend .post-content h3 {color:var(--bd-text);font-weight:800;margin-top:1.5em}
.ns-blog-frontend .post-content h2 {padding-left:15px;position:relative}
.ns-blog-frontend .post-content h2::before {content:"";position:absolute;left:0;top:5px;bottom:5px;width:5px;background:linear-gradient(var(--bd-accent),var(--bd-accent2));border-radius:4px}
.ns-blog-frontend .post-content img {border-radius:12px;max-width:100%;margin:14px 0}
.ns-blog-frontend .post-content a {color:var(--bd-accent)}
.ns-blog-frontend .post-content table {width:100%;border-collapse:collapse;margin:16px 0}
.ns-blog-frontend .post-content th, .ns-blog-frontend .post-content td {border:1px solid var(--bd-line);padding:10px}
.ns-blog-frontend .post-content th {background:var(--bd-bg)}
/* review section (review_system.php markup styled) */
.ns-blog-frontend .ns-detail-content .review-section, .ns-blog-frontend .ns-detail-content #reviews {margin-top:8px}
.ns-blog-frontend .ns-detail-content .review-item, .ns-blog-frontend .ns-detail-content .comment {background:var(--bd-bg);border:1px solid var(--bd-line);border-radius:14px;padding:16px;margin-bottom:12px}
.ns-blog-frontend .ns-detail-content .star, .ns-blog-frontend .ns-detail-content .rating, .ns-blog-frontend .ns-detail-content .fa-star {color:var(--bd-amber)}
/* sidebar widgets → cards */
.ns-blog-frontend .ns-detail-sidebar {position:sticky;top:16px}
.ns-blog-frontend .sidebar-widget {background:var(--bd-card);border:1px solid var(--bd-line);border-radius:var(--bd-radius);box-shadow:var(--bd-shadow-sm);padding:18px;margin-bottom:18px}
.ns-blog-frontend .sidebar-widget h6 {font-weight:800;color:var(--bd-text);border-bottom:2px solid var(--bd-bg);padding-bottom:10px;margin-bottom:14px;font-size:14.5px}
.ns-blog-frontend .sidebar-widget .badge, .ns-blog-frontend .sidebar-widget .tag {transition:.15s}
.ns-blog-frontend .sidebar-widget a.badge:hover {background:var(--bd-accent)!important;color:#fff!important}
/* related cards */
.ns-blog-frontend .bd-related-grid {display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px}
.ns-blog-frontend .bd-related-card {background:var(--bd-card);border:1px solid var(--bd-line);border-radius:14px;overflow:hidden;box-shadow:var(--bd-shadow-sm);transition:transform .18s,box-shadow .18s;text-decoration:none;color:inherit;display:block}
.ns-blog-frontend .bd-related-card:hover {transform:translateY(-6px);box-shadow:0 16px 40px rgba(37,99,235,.16)}
.ns-blog-frontend .bd-related-card img {width:100%;aspect-ratio:16/11;object-fit:cover;background:var(--bd-bg)}
.ns-blog-frontend .bd-related-card .bd-rc-body {padding:11px 13px}
.ns-blog-frontend .bd-related-card .bd-rc-title {font-size:13.5px;font-weight:700;color:var(--bd-text);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media(max-width:991px){.ns-blog-frontend .ns-detail-sidebar {position:static}}

/* #5 index — rating badge + Style 1 card polish (.ns-blog-frontend scoped) */
.ns-blog-frontend .ns-rate{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;color:#475569;font-weight:600}
.ns-blog-frontend .ns-rate-stars{color:#f59e0b;letter-spacing:1px}
.ns-blog-frontend .ns-rate b{color:#0b1220}
.ns-blog-frontend .ns-rate-cnt{color:#94a3b8;font-weight:500}
.ns-blog-frontend .ns-rate-none{color:#94a3b8;font-weight:500;font-style:italic}
.ns-blog-frontend .ns-rate-none i{color:#cbd5e1}
/* card rating badge (image overlay) */
.ns-blog-frontend .ns-ratebadge{position:absolute;top:10px;right:10px;background:rgba(15,23,42,.82);color:#fff;font-size:12px;font-weight:700;padding:4px 9px;border-radius:30px;display:inline-flex;align-items:center;gap:4px;backdrop-filter:blur(4px);z-index:2}
.ns-blog-frontend .ns-ratebadge i{color:#f59e0b;font-size:11px}
/* ns-card Style 1 lift */
.ns-blog-frontend .ns-card{background:#fff;border:1px solid var(--bd-line,#e8edf3);border-radius:16px;overflow:hidden;box-shadow:0 2px 12px rgba(15,23,42,.06);transition:transform .18s,box-shadow .18s}
.ns-blog-frontend .ns-card:hover{transform:translateY(-5px);box-shadow:0 16px 40px rgba(37,99,235,.15)}
.ns-blog-frontend .ns-card .card-img-wrapper{position:relative;aspect-ratio:16/11;overflow:hidden;background:var(--bd-bg,#f6f8fb)}
.ns-blog-frontend .ns-card .card-img-wrapper img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.ns-blog-frontend .ns-card:hover .card-img-wrapper img{transform:scale(1.06)}
.ns-blog-frontend .ns-card .card-badge{position:absolute;top:10px;left:10px;background:var(--bd-accent,#2563eb);color:#fff;font-size:11px;font-weight:700;padding:3px 10px;border-radius:30px;z-index:2}
.ns-blog-frontend .ns-card .card-title{font-size:14px;font-weight:700;line-height:1.4;margin:0}