@import url('css/bootstrap.min.css');
@import url('css/animate.css');
@import url('css/font-awesome.min.css');
@import url('css/simple-line-icons.css');
@import url('css/pe-icon-7-stroke.min.css');
@import url('css/owl.carousel.css');
@import url('css/owl.transitions.css');
@import url('css/flexslider.css');
@import url('css/jquery-ui.css');
@import url('css/revolution-slider.css');
@import url('css/quick_view_popup.css');
@import url('css/blog.css');
@import url('css/shortcode.css');
@import url('css/shortcodes/shortcodes.css');
@import url('css/shortcodes/featured-box.css');
@import url('css/shortcodes/pricing-table.css');
@import url('css/shortcodes/tooltip.css');
@import url('css/shortcodes/post.css');
@import url('css/style.css');
@import url('css/responsive.css');


/* ===== MEDIA LIBRARY MODULE ===== */
.home-media-block{margin:42px 0 8px;padding:26px;border-radius:28px;background:linear-gradient(180deg,#f8fbff 0%,#ffffff 100%);border:1px solid #dbeafe;box-shadow:0 18px 40px rgba(15,76,129,.08)}
.home-media-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;flex-wrap:wrap}
.home-media-kicker{display:inline-flex;padding:6px 12px;border-radius:999px;background:#e0f2fe;color:#0369a1;font-weight:700;font-size:12px;letter-spacing:.04em;text-transform:uppercase}
.home-media-head h2{margin:10px 0 8px;font-size:30px;line-height:1.2}
.home-media-head p{margin:0;color:#64748b;max-width:820px}
.home-media-albums-grid,.home-media-items-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.home-media-items-grid{margin-top:18px}
.home-media-album-card,.home-media-item-card{background:#fff;border:1px solid #e2e8f0;border-radius:22px;overflow:hidden;box-shadow:0 10px 26px rgba(15,23,42,.06)}
.home-media-album-thumb,.home-media-item-thumb{display:block;position:relative;background:#f8fafc}
.home-media-album-thumb img,.home-media-item-thumb img{width:100%;height:220px;object-fit:cover;display:block;transition:transform .35s ease}
.home-media-album-card:hover img,.home-media-item-card:hover img{transform:scale(1.04)}
.home-media-album-body,.home-media-item-body{padding:16px 18px}
.home-media-album-body h3,.home-media-item-body h4{margin:0 0 8px;font-size:18px;line-height:1.35}
.home-media-meta{color:#64748b;font-size:13px}
.home-media-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:58px;height:58px;border-radius:999px;background:rgba(15,76,129,.88);display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;box-shadow:0 10px 20px rgba(15,76,129,.28)}
.home-media-desc{color:#475569;line-height:1.7}
.cms-pagination-wrap{display:flex;justify-content:center;margin:22px 0 8px}.cms-pagination{display:flex;gap:10px;list-style:none;padding:0;margin:0;flex-wrap:wrap}.cms-pagination li a{display:flex;align-items:center;justify-content:center;min-width:42px;height:42px;padding:0 14px;border-radius:999px;background:#fff;border:1px solid #bfdbfe;color:#0f4c81;font-weight:700;box-shadow:0 8px 18px rgba(15,76,129,.07)}.cms-pagination li.active a{background:#0f4c81;color:#fff;border-color:#0f4c81}.cms-pagination li.disabled a{opacity:.45;pointer-events:none}
.media-page-grid{margin-top:20px}
@media (max-width: 1100px){.home-media-albums-grid,.home-media-items-grid{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media (max-width: 820px){.home-media-albums-grid,.home-media-items-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.home-media-head h2{font-size:24px}}
@media (max-width: 560px){.home-media-block{padding:18px;border-radius:20px}.home-media-albums-grid,.home-media-items-grid{grid-template-columns:1fr}.home-media-album-thumb img,.home-media-item-thumb img{height:210px}}