.download-studio-category-posts{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;padding:0}
.grid-view .post-item{width:calc(33.333% - 8px);background:var(--almas-glass-surface);backdrop-filter:blur(var(--almas-glass-blur)) saturate(var(--almas-glass-saturate));-webkit-backdrop-filter:blur(var(--almas-glass-blur)) saturate(var(--almas-glass-saturate));border:1px solid var(--almas-glass-border);padding:10px;border-radius: var(--almas-radius-element, 30px);box-shadow:0 6px 12px rgba(0,0,0,0.15);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;box-sizing:border-box;position:relative;contain:paint}
.list-view{flex-direction:column;align-items:center;gap:12px}
.list-view .post-item{width:100%;max-width:340px;background:var(--almas-glass-surface);backdrop-filter:blur(var(--almas-glass-blur)) saturate(var(--almas-glass-saturate));-webkit-backdrop-filter:blur(var(--almas-glass-blur)) saturate(var(--almas-glass-saturate));border:1px solid var(--almas-glass-border);padding:10px;border-radius: var(--almas-radius-element, 30px);box-shadow:0 6px 12px rgba(0,0,0,0.15);display:flex;flex-direction:column;align-items:stretch;margin-bottom:0;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;box-sizing:border-box;position:relative;contain:paint}
.post-item > *{position:relative;z-index:2}
@media (hover: hover){
.post-item:hover {box-shadow:0 12px 24px rgba(0,85,170,0.25);border-color:rgba(255,255,255,0.5);transform:translateY(-4px)}
}
.list-view .post-thumbnail{width:140px;height:140px;margin:0 auto 8px;overflow:hidden;border-radius: var(--almas-radius-image, 25px);}
.list-view .post-thumbnail img{width:100%;height:100%;object-fit:cover;border-radius: var(--almas-radius-image, 25px);}
.list-view .post-content{display:flex;flex-direction:column;align-items:flex-end}
.list-view .post-title{font-size:18px;margin:0 0 4px;text-align:right}
.list-view .post-excerpt{display:none}
.list-view .download-btn-container{margin-top:8px}
.list-view .download-btn{padding:8px 12px;font-size:13px;width:100%;display:block}
.post-thumbnail{width:100%;aspect-ratio:1 / 1;overflow:hidden;border-radius: var(--almas-radius-image, 25px);}
.post-thumbnail img{width:100%;height:100%;object-fit:cover;border-radius: var(--almas-radius-image, 25px);}
.post-title{margin:8px 0 4px;font-size:14px;font-weight:700;color:#333;text-align:center;text-shadow:0 1px 2px rgba(255,255,255,0.5);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word;max-height:none}
.post-link{text-decoration:none}
@media (hover: hover){
.post-link:hover .post-title {color:#333}
}
.post-excerpt{margin:4px 0;padding:8px 10px;background:rgba(255,255,255,0.1);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius: var(--almas-radius-element, 20px);font-size:11px;color:#333;line-height:1.6;text-align:right;border:1px solid rgba(255,255,255,0.15);box-shadow:inset 0 2px 6px rgba(0,0,0,0.05);display:block;overflow:hidden;word-break:break-word;box-sizing:border-box}
.download-btn-container{margin-top:8px}
.download-btn{display:block;width:100%;padding:8px 14px;background:#0d47a1 !important;border:1px solid rgba(255,255,255,0.2);color:#fff;border-radius: var(--almas-radius-button, 25px);text-decoration:none;font-size:13px;font-weight:700;text-align:center;transition:transform .3s ease,background-color .3s ease,border-color .3s ease,box-shadow .3s ease;box-shadow:0 4px 10px rgba(0,0,0,0.1)}
@media (hover: hover){
.download-btn:hover {background:#0a367a !important;border-color:rgba(255,255,255,0.5);box-shadow:0 6px 14px rgba(0,85,170,0.15);transform:translateY(-2px)}
}

.almas-sidebar-mode{gap:6px;padding:0}
.almas-sidebar-mode.list-view{display:flex;flex-direction:column;align-items:stretch}
.almas-sidebar-mode.grid-view .post-item{width:calc(50% - 3px)}
.almas-sidebar-mode.list-view .post-item{width:100%;max-width:none;flex-direction:column;align-items:stretch;padding:8px;border-radius: var(--almas-radius-element, 30px);gap:6px;margin-bottom:0;contain:content}
.almas-sidebar-mode.list-view .post-link{display:flex;flex-direction:row;align-items:center;gap:10px;width:100%}
.almas-sidebar-mode.list-view .post-thumbnail{width:50px;height:50px;margin:0;flex-shrink:0;border-radius: var(--almas-radius-image, 15px);}
.almas-sidebar-mode.list-view .post-title{font-size:12px;text-align:right;margin:0;text-shadow:none}
.almas-sidebar-mode .post-excerpt{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;font-size:10px;padding:6px 8px;margin:0;text-align:right;line-height:1.6;word-break:break-word;box-sizing:border-box}
.almas-sidebar-mode .download-btn-container{margin:0;width:100%}
.almas-sidebar-mode .download-btn{padding:6px;font-size:11px;width:100%;border-radius: var(--almas-radius-button, 25px);}

.almas-promoted-ad-item {border: 1px solid rgba(245, 158, 11, 0.4) !important;}
@media (hover: hover){
.almas-promoted-ad-item:hover {border-color: rgba(245, 158, 11, 0.8) !important;box-shadow: 0 12px 24px rgba(245, 158, 11, 0.15) !important;}
}
.almas-promoted-badge {position: absolute;top: 10px;right: 10px;background: #f59e0b;color: #fff;font-size: 10px;font-weight: 800;padding: 4px 10px;border-radius: 20px;z-index: 10;box-shadow: 0 4px 10px rgba(245, 158, 11, 0.3);pointer-events: none;}
.almas-ad-btn {background: #f59e0b !important;border-color: rgba(255,255,255,0.4) !important;color: #fff !important;}
@media (hover: hover){
.almas-ad-btn:hover {background: #d97706 !important;box-shadow: 0 6px 16px rgba(245, 158, 11, 0.4) !important;}
}

body.dark-mode .grid-view .post-item,
body.dark-mode .list-view .post-item{background:var(--almas-glass-surface);border-color:rgba(255,255,255,0.1);box-shadow:0 8px 16px rgba(0,0,0,0.3)}
body.dark-mode .almas-promoted-ad-item {border-color: rgba(245, 158, 11, 0.3) !important;}
@media (hover: hover){
body.dark-mode .almas-promoted-ad-item:hover {border-color: rgba(245, 158, 11, 0.6) !important;box-shadow: 0 12px 24px rgba(245, 158, 11, 0.1) !important;}
}
body.dark-mode .post-title{color:#f3f4f6;text-shadow:none}
body.dark-mode .post-excerpt{background:rgba(15,23,42,0.5);color:#d1d5db;border-color:rgba(255,255,255,0.05);box-shadow:inset 0 2px 6px rgba(0,0,0,0.2)}
@media (hover: hover){
body.dark-mode .post-item:hover {border-color:rgba(255,255,255,0.2);box-shadow:0 12px 24px rgba(0,0,0,0.4)}
}
@media (hover: hover){
body.dark-mode .post-link:hover .post-title {color:#60a5fa}
}

@media (max-width:1024px){
    .grid-view .post-item,
    .list-view .post-item,
    .almas-sidebar-mode .post-item,
    .post-excerpt{
        backdrop-filter:none !important;
        -webkit-backdrop-filter:none !important;
    }
    .grid-view .post-item,
    .list-view .post-item,
    .almas-sidebar-mode .post-item{
        background:var(--almas-glass-bg-solid) !important;
    }
    .grid-view .post-item{width:calc(33.333% - 8px);padding:10px}
    .post-title{font-size:15px}
    .post-excerpt{font-size:11px;padding:6px 8px}
    .download-btn{font-size:12px;padding:6px 12px}
    .post-thumbnail{aspect-ratio:1 / 1}
}
@media (max-width:768px){
    .grid-view .post-item{width:calc(50% - 6px);padding:8px;border-radius: var(--almas-radius-element, 30px);box-shadow:0 4px 10px rgba(0,0,0,0.15)}
    .download-studio-category-posts h3.post-title{font-size:12px !important;line-height:1.4 !important;margin:6px 0 4px !important}
    .download-studio-category-posts .post-excerpt{display:block !important;overflow:hidden !important;font-size:11px !important;padding:8px 10px !important;line-height:1.6 !important;text-align:right !important;word-break:break-word !important;box-sizing:border-box !important;backdrop-filter: none !important; -webkit-backdrop-filter: none !important;}
    .download-btn-container{margin-top:6px}
    .download-btn{font-size:12px;padding:8px 12px;border-radius: var(--almas-radius-button, 25px);backdrop-filter: none !important; -webkit-backdrop-filter: none !important;}
    .post-thumbnail img{border-radius: var(--almas-radius-image, 25px);}
    .post-thumbnail{aspect-ratio:1 / 1}
    .almas-promoted-badge { font-size: 9px; padding: 3px 6px; top: 6px; right: 6px; }
}
@media (max-width:400px){
    .grid-view .post-item{width:calc(50% - 6px)}
    .list-view .post-item{width:100%;max-width:300px}
    .list-view .post-thumbnail{width:120px;height:120px;margin:0 auto 8px}
    .list-view .post-content{width:100%}
    .list-view .download-btn-container{width:100%}
    .post-thumbnail{aspect-ratio:1 / 1}
}
@media (min-width:1025px){
    .grid-view .post-item{width:calc(16.666% - 10px)}
    .grid-view .post-item:nth-child(n+7){display:none}
}

