.hd-blog-container{max-width:504px!important;margin:0 auto!important;background-color:transparent!important;direction:rtl!important;font-family:"IRANSansX","IRANSans",Tahoma,sans-serif!important;box-sizing:border-box!important;padding:0!important;}.hd-blog-container *{box-sizing:border-box!important;}.hd-search-box{margin-bottom:24px!important;padding:0 4px!important;}.hd-search-box form{position:relative!important;display:flex!important;align-items:center!important;background:#fff!important;border-radius:20px!important;border:1px solid #f0f0f0!important;overflow:hidden!important;box-shadow:0 8px 24px rgba(0,0,0,0.03)!important;transition:box-shadow 0.3s ease,border-color 0.3s ease!important;}.hd-search-box form:focus-within{box-shadow:0 12px 32px rgba(0,0,0,0.06)!important;border-color:#e0e0e0!important;}.hd-search-box input{flex-grow:1!important;border:none!important;padding:16px 20px!important;font-family:inherit!important;font-size:14px!important;color:#333!important;background:transparent!important;outline:none!important;box-shadow:none!important;}.hd-search-box button{background:transparent!important;border:none!important;padding:0 20px!important;color:#888!important;cursor:pointer!important;display:flex!important;transition:color 0.2s ease!important;}.hd-search-box button svg{width:22px!important;height:22px!important;}.hd-category-slider{display:flex!important;gap:8px!important;overflow-x:auto!important;padding:0 4px 12px 4px!important;margin-bottom:24px!important;scrollbar-width:none!important;-ms-overflow-style:none!important;}.hd-category-slider::-webkit-scrollbar{display:none!important;}.hd-cat-item{white-space:nowrap!important;padding:10px 20px!important;background:#fff!important;color:#666!important;border:1px solid #f0f0f0!important;border-radius:24px!important;font-size:13px!important;font-weight:600!important;text-decoration:none!important;transition:all 0.2s ease!important;box-shadow:0 4px 12px rgba(0,0,0,0.02)!important;cursor:pointer!important;}.hd-cat-item.active{background:var(--bn-color-primary,#befa00)!important;color:var(--bn-color-on-primary,#111111)!important;border-color:var(--bn-color-primary,#befa00)!important;font-weight:600!important;box-shadow:0 6px 16px rgba(var(--bn-color-primary-rgb,190,250,0),0.2)!important;}.hd-posts-grid{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:16px!important;padding:0 4px!important;}.hd-post-card{background:#ffffff!important;border-radius:24px!important;overflow:hidden!important;text-decoration:none!important;display:flex!important;flex-direction:column!important;border:1px solid #f4f4f4!important;transition:all 0.3s cubic-bezier(0.25,0.8,0.25,1)!important;box-shadow:0 6px 16px rgba(0,0,0,0.03)!important;}.hd-post-card:active{transform:scale(0.98)!important;}.hd-post-thumb{width:100%!important;aspect-ratio:16 / 10!important;background-color:#f8f8f8!important;overflow:hidden!important;}.hd-post-thumb img{width:100%!important;height:100%!important;object-fit:cover!important;transition:transform 0.5s ease!important;}.hd-post-content{padding:16px!important;display:flex!important;flex-direction:column!important;flex-grow:1!important;}.hd-post-cat{align-self:flex-start!important;background:rgba(var(--bn-color-primary-rgb,190,250,0),0.2)!important;color:#506a00!important;font-size:11px!important;font-weight:600!important;padding:4px 10px!important;border-radius:8px!important;margin-bottom:12px!important;}.hd-post-title{font-size:13px!important;font-weight:600!important;color:#222!important;line-height:1.7!important;margin:0 0 16px 0!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;flex-grow:1!important;}.hd-post-meta{display:flex!important;flex-wrap:wrap!important;gap:12px!important;font-size:11px!important;color:#888!important;font-weight:600!important;margin-top:auto!important;}.hd-meta-item{display:flex!important;align-items:center!important;gap:4px!important;}.hd-meta-item svg{width:14px!important;height:14px!important;color:#aaa!important;}.hd-load-more-wrapper{text-align:center!important;margin-top:36px!important;padding:0 4px!important;}.hd-load-more-btn{background:#222!important;color:#fff!important;font-family:inherit!important;font-size:14px!important;font-weight:600!important;border:none!important;padding:14px 28px!important;border-radius:16px!important;cursor:pointer!important;transition:all 0.3s ease!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;width:100%!important;box-shadow:0 8px 24px rgba(34,34,34,0.2)!important;}.hd-load-more-btn:active{transform:scale(0.98)!important;}.hd-end-msg{font-size:13px!important;color:#999!important;font-weight:600!important;margin-top:20px!important;}.hd-spinner{border:2px solid rgba(255,255,255,0.3)!important;border-top-color:#fff!important;border-radius:50%!important;width:16px!important;height:16px!important;animation:hd-spin 1s linear infinite!important;}@keyframes hd-spin{to{transform:rotate(360deg);}}.hd-skeleton{background:linear-gradient(110deg,#f0f0f0 8%,#fafafa 18%,#f0f0f0 33%)!important;border-radius:5px!important;background-size:200% 100%!important;animation:1.5s shine linear infinite!important;}.hd-skeleton-text{border-radius:6px!important;}@keyframes shine{to{background-position-x:-200%;}}.hd-no-posts{grid-column:1 / -1!important;text-align:center!important;padding:60px 20px!important;background:#fff!important;border-radius:24px!important;border:1px dashed #e0e0e0!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:16px!important;box-shadow:0 8px 24px rgba(0,0,0,0.02)!important;}.hd-no-posts p{color:#666!important;margin:0!important;font-size:14px!important;font-weight:600!important;}.hd-btn-reset{background:#222!important;color:#fff!important;padding:10px 20px!important;border-radius:12px!important;text-decoration:none!important;font-size:13px!important;font-weight:600!important;border:none!important;cursor:pointer!important;transition:0.2s!important;}.hd-carousel-container{max-width:504px!important;margin:0 auto!important;direction:rtl!important;font-family:"IRANSansX","IRANSans",sans-serif!important;}.hd-carousel-header{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-bottom:16px!important;}.hd-carousel-header-title{font-size:14px!important;font-weight:600!important;color:#222!important;margin:0!important;}.hd-carousel-header-link{font-size:12px!important;font-weight:600!important;color:#0073e6!important;text-decoration:none!important;background:transparent!important;padding:4px 8px!important;border-radius:8px!important;transition:0.2s!important;}.hd-blog-carousel-wrapper{display:flex!important;overflow-x:auto!important;gap:14px!important;padding:4px 16px 20px 16px!important;scrollbar-width:none!important;-ms-overflow-style:none!important;scroll-snap-type:x mandatory!important;}.hd-blog-carousel-wrapper::-webkit-scrollbar{display:none!important;}.hd-carousel-card{flex:0 0 calc(65% - 14px)!important;scroll-snap-align:start!important;background:#ffffff!important;border-radius:20px!important;overflow:hidden!important;text-decoration:none!important;border:1px solid #f4f4f4!important;box-shadow:0 6px 16px rgba(0,0,0,0.03)!important;display:flex!important;flex-direction:column!important;transition:transform 0.3s ease,box-shadow 0.3s ease!important;}.hd-carousel-card:active{transform:scale(0.97)!important;}@media (min-width:768px){.hd-carousel-card{flex:0 0 calc(45% - 14px)!important;}}.hd-carousel-thumb{width:100%!important;aspect-ratio:4 / 3!important;background-color:#f8f8f8!important;overflow:hidden!important;}.hd-carousel-thumb img{width:100%!important;height:100%!important;object-fit:cover!important;transition:transform 0.5s ease!important;}.hd-carousel-content{padding:14px!important;flex-grow:1!important;display:flex!important;flex-direction:column!important;}.hd-carousel-card .hd-post-cat{background:rgba(var(--bn-color-primary-rgb,190,250,0),0.2)!important;color:#506a00!important;font-size:10px!important;padding:3px 8px!important;border-radius:6px!important;margin-bottom:8px!important;align-self:flex-start!important;font-weight:600!important;}.hd-carousel-title{font-size:12px!important;font-weight:600!important;color:#222!important;line-height:1.7!important;margin:0!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;}.hd-carousel-last-card{background:#fafafa!important;border-color:#eee!important;justify-content:center!important;align-items:center!important;}.hd-last-card-content{text-align:center!important;color:#0073e6!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important;padding:20px!important;gap:12px!important;}.hd-view-all-circle{width:48px!important;height:48px!important;background:#fff!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:0 6px 16px rgba(0,0,0,0.06)!important;color:#0073e6!important;transition:0.3s ease!important;}.hd-last-card-content h3{font-size:12px!important;font-weight:600!important;margin:0!important;}@media (max-width:400px){.hd-posts-grid{grid-template-columns:1fr!important;}.hd-post-thumb{aspect-ratio:16 / 8!important;}}.hd-is-hidden{display:none!important;}.hd-is-loading{opacity:0.7!important;pointer-events:none!important;}.hd-skeleton-card{pointer-events:none!important;}.hd-skeleton-cat-line{width:30%!important;height:20px!important;margin-bottom:12px!important;}.hd-skeleton-title-line{width:100%!important;height:18px!important;margin-bottom:8px!important;}.hd-skeleton-title-line-short{width:80%!important;margin-bottom:16px!important;}.hd-skeleton-meta{display:flex!important;gap:10px!important;}.hd-skeleton-meta-line{width:40%!important;height:14px!important;}.hd-skeleton-meta-line-short{width:30%!important;}
/* Benira UX polish: preserve featured-image aspect ratio and smoother carousel drag. */
.hd-category-slider,.hd-blog-carousel-wrapper{-webkit-overflow-scrolling:touch!important;overscroll-behavior-inline:contain!important;scroll-behavior:smooth!important;cursor:grab!important;user-select:none!important;}
.hd-category-slider.is-dragging,.hd-blog-carousel-wrapper.is-dragging{cursor:grabbing!important;scroll-behavior:auto!important;scroll-snap-type:none!important;}
.hd-post-thumb,.hd-carousel-thumb{aspect-ratio:16/9!important;display:flex!important;align-items:center!important;justify-content:center!important;background:var(--bn-color-surface,#f8fafc)!important;}
.hd-post-thumb img,.hd-carousel-thumb img{width:100%!important;height:100%!important;object-fit:contain!important;background:var(--bn-color-surface,#f8fafc)!important;}
@media (max-width:400px){.hd-post-thumb{aspect-ratio:16/9!important;}}

/* Benira UX hotfix 2: featured images keep their own ratio without letterbox gaps, with clean card corners. */
.hd-post-card,.hd-carousel-card{overflow:hidden!important;}
.hd-post-thumb,.hd-carousel-thumb{aspect-ratio:var(--hd-thumb-ratio,16/9)!important;display:block!important;line-height:0!important;background:#f8f8f8!important;margin:0!important;padding:0!important;overflow:hidden!important;}
.hd-post-thumb{border-radius:24px 24px 0 0!important;}
.hd-carousel-thumb{border-radius:20px 20px 0 0!important;}
.hd-post-thumb img,.hd-carousel-thumb img{width:100%!important;height:100%!important;display:block!important;object-fit:cover!important;background:transparent!important;margin:0!important;padding:0!important;border-radius:0!important;}
.hd-blog-carousel-wrapper{scroll-snap-type:none!important;scroll-padding-inline:0!important;}
.hd-blog-carousel-wrapper.is-dragging{scroll-snap-type:none!important;}
@media (max-width:400px){.hd-post-thumb{aspect-ratio:var(--hd-thumb-ratio,16/9)!important;}}

/* Benira final hotfix: make article category badges interactive without visual changes. */
.hd-post-cat[data-cat]{cursor:pointer!important;}
.hd-post-cat[data-cat]:focus-visible{outline:2px solid rgba(0,123,255,.28)!important;outline-offset:2px!important;}

/* Benira focus guardrails: blog category controls use a high-contrast keyboard indicator. */
.hd-post-cat[data-cat]:focus-visible {
    outline: 2px solid var(--bn-color-text,#0f172a) !important;
    outline-offset: 2px !important;
}