/*
Theme Name: Jannah Inspired
Theme URI: https://yourwebsite.com
Author: Your Name
Author URI: https://yourwebsite.com
Description: A fully functional, mobile-optimized WordPress theme inspired by Jannah
Version: 2.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: jannah-inspired
Tags: blog, news, two-columns, right-sidebar, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/

/* Reset and Base Styles */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

:root {
    --primary-color: #e74c3c;
    --secondary-color: #2c3e50;
    --text-color: #333;
    --light-bg: #f8f9fa;
    --white: #ffffff;
    --border-color: #e1e1e1;
    --font-main: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;
    --font-heading: 'Georgia', serif;
}

body {
    font-family: var(--font-main);
    line-height: 1.6;
    color: var(--text-color);
    background: var(--white);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Container */
.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

/* Typography */
h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-heading);
    color: var(--secondary-color);
    margin-bottom: 15px;
    line-height: 1.3;
}

a {
    color: var(--primary-color);
    text-decoration: none;
    transition: all 0.3s ease;
}

a:hover {
    color: var(--secondary-color);
}

img {
    max-width: 100%;
    height: auto;
}

/* Header Styles */
.site-header {
    background: var(--white);
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    position: sticky;
    top: 0;
    z-index: 1000;
}

.header-top {
    background: var(--secondary-color);
    color: var(--white);
    padding: 8px 0;
    font-size: 14px;
}

.header-main {
    padding: 20px 0;
}

.header-main .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.site-branding {
    flex: 0 0 auto;
}

.site-title {
    font-size: 32px;
    margin: 0;
}

.site-title a {
    color: var(--secondary-color);
    text-decoration: none;
}

.site-description {
    font-size: 14px;
    color: #666;
    margin: 5px 0 0;
}

/* Navigation */
.main-navigation {
    background: var(--primary-color);
}

.main-navigation ul {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
}

.main-navigation li {
    position: relative;
}

.main-navigation a {
    color: var(--white);
    padding: 15px 20px;
    display: block;
    text-decoration: none;
    transition: background 0.3s;
}

.main-navigation a:hover,
.main-navigation .current-menu-item a {
    background: rgba(0,0,0,0.2);
}

/* Mobile Menu Toggle */
.menu-toggle {
    display: none;
    background: transparent;
    border: none;
    color: var(--white);
    font-size: 24px;
    padding: 10px;
    cursor: pointer;
}

/* Main Content Area */
.site-content {
    padding: 40px 0;
}

.content-area {
    float: left;
    width: 70%;
    padding-right: 30px;
}

.widget-area {
    float: right;
    width: 30%;
}

/* Posts Grid */
.post-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 30px;
    margin-bottom: 40px;
}

.post-card {
    background: var(--white);
    border: 1px solid var(--border-color);
    border-radius: 8px;
    overflow: hidden;
    transition: transform 0.3s, box-shadow 0.3s;
}

.post-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

.post-thumbnail {
    position: relative;
    overflow: hidden;
}

.post-thumbnail img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    transition: transform 0.3s;
}

.post-card:hover .post-thumbnail img {
    transform: scale(1.1);
}

.post-content {
    padding: 20px;
}

.post-title {
    font-size: 20px;
    margin-bottom: 10px;
}

.post-meta {
    font-size: 13px;
    color: #666;
    margin-bottom: 15px;
}

.post-excerpt {
    color: #555;
    line-height: 1.6;
}

.read-more {
    display: inline-block;
    margin-top: 15px;
    padding: 8px 20px;
    background: var(--primary-color);
    color: var(--white);
    border-radius: 4px;
    text-decoration: none;
    transition: background 0.3s;
}

.read-more:hover {
    background: var(--secondary-color);
    color: var(--white);
}

/* Single Post */
.single-post {
    background: var(--white);
    padding: 30px;
    border-radius: 8px;
    border: 1px solid var(--border-color);
}

.single-post .post-thumbnail {
    margin-bottom: 20px;
}

.single-post .post-title {
    font-size: 32px;
}

/* Widgets */
.widget {
    background: var(--white);
    border: 1px solid var(--border-color);
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 30px;
}

.widget-title {
    font-size: 18px;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 2px solid var(--primary-color);
}

.widget ul {
    list-style: none;
}

.widget ul li {
    padding: 8px 0;
    border-bottom: 1px solid #f0f0f0;
}

.widget ul li:last-child {
    border-bottom: none;
}

/* Search Form */
.search-form {
    display: flex;
    gap: 10px;
}

.search-form input[type="search"] {
    flex: 1;
    padding: 10px;
    border: 1px solid var(--border-color);
    border-radius: 4px;
    font-size: 14px;
}

.search-form button {
    padding: 10px 20px;
    background: var(--primary-color);
    color: var(--white);
    border: none;
    border-radius: 4px;
    cursor: pointer;
    transition: background 0.3s;
}

.search-form button:hover {
    background: var(--secondary-color);
}

/* Comments */
.comments-area {
    margin-top: 40px;
    padding-top: 30px;
    border-top: 1px solid var(--border-color);
}

.comment-list {
    list-style: none;
}

.comment {
    padding: 20px 0;
    border-bottom: 1px solid #f0f0f0;
}

.comment-author {
    font-weight: bold;
    margin-bottom: 10px;
}

/* Footer */
.site-footer {
    background: var(--secondary-color);
    color: var(--white);
    padding: 40px 0 20px;
    margin-top: 40px;
}

.footer-widgets {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 30px;
    margin-bottom: 30px;
}

.footer-widget {
    padding: 20px;
}

.footer-bottom {
    text-align: center;
    padding-top: 20px;
    border-top: 1px solid rgba(255,255,255,0.1);
    font-size: 14px;
}

/* Back to Top Button */
.back-to-top {
    position: fixed;
    bottom: 30px;
    right: 30px;
    background: var(--primary-color);
    color: var(--white);
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: none;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 999;
    transition: background 0.3s;
    text-decoration: none;
}

.back-to-top:hover {
    background: var(--secondary-color);
}

.back-to-top.visible {
    display: flex;
}

/* Pagination */
.pagination {
    text-align: center;
    margin-top: 40px;
}

.pagination .page-numbers {
    display: inline-block;
    padding: 8px 15px;
    margin: 0 5px;
    background: var(--white);
    border: 1px solid var(--border-color);
    border-radius: 4px;
    color: var(--text-color);
}

.pagination .current {
    background: var(--primary-color);
    color: var(--white);
    border-color: var(--primary-color);
}

/* Mobile Responsive Styles */
@media (max-width: 768px) {
    .menu-toggle {
        display: block;
    }
    
    .main-navigation ul {
        display: none;
        flex-direction: column;
    }
    
    .main-navigation ul.active {
        display: flex;
    }
    
    .main-navigation li {
        width: 100%;
    }
    
    .main-navigation a {
        padding: 12px 20px;
    }
    
    .content-area,
    .widget-area {
        float: none;
        width: 100%;
        padding-right: 0;
    }
    
    .site-content {
        padding: 20px 0;
    }
    
    .post-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    
    .single-post {
        padding: 20px;
    }
    
    .single-post .post-title {
        font-size: 24px;
    }
    
    .header-main .container {
        flex-direction: column;
        align-items: flex-start;
    }
    
    .site-title {
        font-size: 24px;
    }
}

@media (max-width: 480px) {
    .container {
        padding: 0 15px;
    }
    
    .post-content {
        padding: 15px;
    }
    
    .post-title {
        font-size: 18px;
    }
    
    .back-to-top {
        bottom: 20px;
        right: 20px;
        width: 40px;
        height: 40px;
    }
}

/* Print Styles */
@media print {
    .site-header,
    .site-footer,
    .widget-area,
    .back-to-top {
        display: none;
    }
    
    .content-area {
        width: 100%;
        float: none;
    }
}
/* =========================================================
   Jannah-style Magazine Homepage
   ========================================================= */
body.home { background:#f5f5f5; }
body.home .site-header { position:relative; box-shadow:none; }
.header-top { background:#202020; padding:7px 0; }
.header-top-content { display:flex; align-items:center; justify-content:space-between; min-height:24px; }
.header-main { background:#fff; padding:25px 0; }
.header-main .container { min-height:72px; }
.site-title { font-family:Arial,Helvetica,sans-serif; font-weight:900; letter-spacing:-1.5px; font-size:42px; }
.site-title a { color:#111; }
.site-description { color:#9a9a9a; }
.site-logo img, .custom-logo { max-height:72px; width:auto; }
.main-navigation { background:#242424; border-bottom:3px solid var(--primary-color); }
.main-navigation .container { display:flex; align-items:center; }
.main-navigation a { font-size:14px; font-weight:700; padding:17px 18px; }
.main-navigation a:hover,.main-navigation .current-menu-item>a { background:var(--primary-color); }
.header-search .search-form input[type="search"] { min-width:260px; border-radius:2px; }
.header-search .search-form button { border-radius:2px; font-weight:700; }

.ji-home { padding:0 0 35px; }
.ji-hero-wrap { background:#fff; padding:30px 0; }
.ji-hero-grid { display:grid; grid-template-columns:2fr 1fr 1fr; grid-template-rows:225px 225px; gap:4px; }
.ji-hero-card { position:relative; overflow:hidden; min-height:220px; background-position:center; background-size:cover; }
.ji-hero-1 { grid-row:1 / span 2; }
.ji-hero-2 { grid-column:2 / span 2; }
.ji-card-link,.ji-card-shade { position:absolute; inset:0; }
.ji-card-link { z-index:3; }
.ji-card-shade { background:linear-gradient(to bottom,rgba(0,0,0,.04) 20%,rgba(0,0,0,.85) 100%); z-index:1; }
.ji-card-content { position:absolute; left:0; right:0; bottom:0; z-index:2; padding:22px; color:#fff; }
.ji-card-content h2 { color:#fff; font-family:Arial,Helvetica,sans-serif; font-size:21px; line-height:1.25; margin:8px 0 7px; text-shadow:0 1px 2px rgba(0,0,0,.2); }
.ji-hero-1 .ji-card-content h2 { font-size:30px; }
.ji-category-badge { display:inline-block; background:var(--primary-color); color:#fff; font-size:11px; font-weight:800; text-transform:uppercase; padding:5px 8px; border-radius:2px; }
.ji-meta { color:#999; font-size:12px; line-height:1.5; }
.ji-card-content .ji-meta { color:#e6e6e6; }
.ji-meta span { margin:0 5px; }

.ji-main-section { padding:35px 0 0; }
.ji-layout { display:grid; grid-template-columns:minmax(0,2.1fr) minmax(280px,.9fr); gap:30px; align-items:start; }
.ji-content-column { min-width:0; }
.ji-news-block,.ji-side-card,.ji-home-sidebar .widget { background:#fff; border:1px solid #e9e9e9; box-shadow:0 1px 2px rgba(0,0,0,.025); padding:22px; margin-bottom:30px; border-radius:2px; }
.ji-section-head { display:flex; align-items:center; gap:12px; margin-bottom:22px; }
.ji-section-head h3 { margin:0; font-family:Arial,Helvetica,sans-serif; font-size:19px; font-weight:800; white-space:nowrap; }
.ji-section-head h3 a { color:#222; }
.ji-head-line { height:3px; background:var(--primary-color); flex:1; }
.ji-view-all { font-size:12px; color:#777; white-space:nowrap; }
.ji-trending-grid,.ji-category-grid { display:grid; grid-template-columns:1.15fr .85fr; gap:20px 24px; }
.ji-lead-story,.ji-category-feature { grid-row:1 / span 5; }
.ji-thumb img,.ji-category-feature img { width:100%; height:260px; object-fit:cover; display:block; margin-bottom:15px; }
.ji-story-body h2,.ji-category-feature h2 { font-family:Arial,Helvetica,sans-serif; font-size:22px; line-height:1.3; margin:6px 0 7px; }
.ji-story-body h2 a,.ji-category-feature h2 a,.ji-mini-story h4 a,.ji-side-post h4 a { color:#222; }
.ji-story-body h2 a:hover,.ji-category-feature h2 a:hover,.ji-mini-story h4 a:hover,.ji-side-post h4 a:hover { color:var(--primary-color); }
.ji-story-body p,.ji-category-feature p { font-size:14px; color:#666; margin:10px 0 0; }
.ji-category-text { color:var(--primary-color); text-transform:uppercase; font-size:11px; font-weight:800; }
.ji-mini-story { display:grid; grid-template-columns:110px 1fr; gap:13px; align-items:start; padding-bottom:14px; border-bottom:1px solid #eee; }
.ji-mini-story:last-child { border-bottom:0; }
.ji-mini-thumb img { width:110px; height:72px; object-fit:cover; display:block; }
.ji-mini-story h4,.ji-side-post h4 { margin:0 0 6px; font-family:Arial,Helvetica,sans-serif; font-size:14px; line-height:1.35; }

.ji-home-sidebar { min-width:0; }
.ji-side-tabs { display:flex; gap:25px; border-bottom:1px solid #eee; margin:-2px 0 18px; padding-bottom:12px; font-size:14px; }
.ji-side-tabs strong { color:var(--primary-color); border-bottom:2px solid var(--primary-color); padding-bottom:11px; margin-bottom:-13px; }
.ji-side-tabs span { color:#777; font-weight:700; }
.ji-side-post { display:grid; grid-template-columns:90px 1fr; gap:12px; padding:0 0 14px; margin:0 0 14px; border-bottom:1px solid #eee; }
.ji-side-post:last-child { border-bottom:0; margin-bottom:0; padding-bottom:0; }
.ji-side-post img { width:90px; height:65px; object-fit:cover; display:block; }
.ji-side-post span { font-size:11px; color:#999; }
.ji-subscribe { text-align:center; background:#fafafa; }
.ji-mail-icon { display:flex; width:52px; height:52px; margin:0 auto 12px; align-items:center; justify-content:center; border-radius:50%; background:var(--primary-color); color:#fff; font-size:22px; }
.ji-subscribe h3 { margin:0 0 8px; font-family:Arial,Helvetica,sans-serif; font-size:19px; }
.ji-subscribe p { color:#777; font-size:13px; margin:0 0 15px; }
.ji-subscribe input { width:100%; padding:11px; border:1px solid #ddd; margin-bottom:8px; }
.ji-subscribe button { width:100%; border:0; background:var(--primary-color); color:#fff; padding:11px; font-weight:800; cursor:pointer; }

.site-footer { background:#1f1f1f; color:#aaa; padding-top:50px; }
.site-footer a { color:#ddd; }
.site-footer .widget-title { color:#fff; font-family:Arial,Helvetica,sans-serif; border-bottom-color:var(--primary-color); }
.footer-bottom { color:#888; }

@media (max-width: 980px) {
  .ji-hero-grid { grid-template-columns:1.5fr 1fr; grid-template-rows:260px 220px; }
  .ji-hero-1 { grid-row:1; }
  .ji-hero-2 { grid-column:2; }
  .ji-hero-3,.ji-hero-4 { grid-row:2; }
  .ji-hero-3 { grid-column:1; }
  .ji-hero-4 { grid-column:2; }
  .ji-layout { grid-template-columns:1fr; }
  .ji-home-sidebar { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
  .ji-home-sidebar .widget { grid-column:1 / -1; }
}
@media (max-width: 768px) {
  .header-search { display:none; }
  .header-main .container { align-items:center; }
  .main-navigation .container { display:block; }
  .ji-hero-wrap { padding:15px 0; }
  .ji-hero-grid { display:grid; grid-template-columns:1fr 1fr; grid-template-rows:310px 180px 180px; }
  .ji-hero-1 { grid-column:1 / -1; grid-row:1; }
  .ji-hero-2 { grid-column:1 / -1; grid-row:2; }
  .ji-hero-3 { grid-column:1; grid-row:3; }
  .ji-hero-4 { grid-column:2; grid-row:3; }
  .ji-hero-1 .ji-card-content h2 { font-size:25px; }
  .ji-card-content { padding:16px; }
  .ji-card-content h2 { font-size:17px; }
  .ji-trending-grid,.ji-category-grid { grid-template-columns:1fr; }
  .ji-lead-story,.ji-category-feature { grid-row:auto; }
  .ji-home-sidebar { display:block; }
}
@media (max-width: 520px) {
  .ji-hero-grid { grid-template-columns:1fr; grid-template-rows:290px 180px 180px 180px; }
  .ji-hero-1,.ji-hero-2,.ji-hero-3,.ji-hero-4 { grid-column:1; }
  .ji-hero-1 { grid-row:1; }.ji-hero-2{grid-row:2}.ji-hero-3{grid-row:3}.ji-hero-4{grid-row:4}
  .ji-card-content h2,.ji-hero-1 .ji-card-content h2 { font-size:19px; }
  .ji-news-block,.ji-side-card,.ji-home-sidebar .widget { padding:16px; }
  .ji-mini-story { grid-template-columns:92px 1fr; }
  .ji-mini-thumb img { width:92px; height:65px; }
  .ji-thumb img,.ji-category-feature img { height:220px; }
}
.ji-breaking-bar { background:#fff; border-bottom:1px solid #eee; font-size:12px; }
.ji-breaking-bar .container { display:flex; align-items:center; min-height:38px; overflow:hidden; }
.ji-breaking-bar strong { background:var(--primary-color); color:#fff; align-self:stretch; display:flex; align-items:center; padding:0 14px; margin-right:16px; text-transform:uppercase; font-size:11px; letter-spacing:.3px; }
.ji-breaking-text { display:flex; gap:26px; white-space:nowrap; overflow:hidden; }
.ji-breaking-text a { color:#555; }
.ji-breaking-text a:hover { color:var(--primary-color); }
@media(max-width:768px){.ji-breaking-text a:nth-child(n+2){display:none}.ji-breaking-bar strong{padding:0 10px;margin-right:10px}}


/* Theme Options Enhancements */
.ji-share-buttons{margin:18px 0;padding:12px 14px;background:#f7f7f7;border-radius:5px;display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.ji-share-buttons a{font-weight:600;text-decoration:none}
.ji-author-box{display:flex;gap:16px;margin:28px 0;padding:20px;border:1px solid #eee;border-radius:6px;background:#fff}
.ji-author-box img{border-radius:50%;width:72px;height:72px}
.ji-author-box p{margin:6px 0 0}
.ji-related{margin:30px 0}.ji-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.ji-related-grid img{width:100%;height:130px;object-fit:cover}.ji-related-grid h4{margin:8px 0;font-size:16px}.ji-views{margin-left:10px}.ji-social-options{margin-top:8px;font-size:12px}.ji-ad-slot img{max-width:100%;height:auto}
@media(max-width:767px){.ji-related-grid{grid-template-columns:1fr}.footer-widgets{grid-template-columns:1fr!important}}

/* PunsGalaxy-inspired IFVOD homepage */
.pg-home{background:#f7f7f8;padding:18px 0 40px}.pg-trending{display:flex;background:#fff;border:1px solid #eee;margin-bottom:18px;min-height:42px;align-items:center;overflow:hidden}.pg-trending>b{background:var(--primary-color);color:#fff;padding:13px 18px;text-transform:uppercase;font-size:12px}.pg-trending-links{display:flex;gap:28px;padding:0 16px;white-space:nowrap;overflow:hidden}.pg-trending-links a{font-size:13px;color:#333}.pg-hero{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:230px 230px;gap:4px;margin-bottom:28px}.pg-hero-card{position:relative;background-size:cover;background-position:center;overflow:hidden}.pg-h1{grid-row:1/3}.pg-h2{grid-column:2/4}.pg-cover,.pg-overlay{position:absolute;inset:0}.pg-cover{z-index:3}.pg-overlay{background:linear-gradient(transparent 20%,rgba(0,0,0,.85));z-index:1}.pg-hero-text{position:absolute;z-index:2;left:20px;right:20px;bottom:18px;color:#fff}.pg-hero-text span{background:var(--primary-color);font-size:10px;font-weight:800;text-transform:uppercase;padding:5px 7px}.pg-hero-text h2{color:#fff;font-size:19px;line-height:1.25;margin:9px 0 5px}.pg-h1 .pg-hero-text h2{font-size:30px}.pg-hero-text small{color:#ddd}.pg-layout{display:grid;grid-template-columns:minmax(0,2.15fr) minmax(270px,.85fr);gap:28px}.pg-section,.pg-widget,.pg-sidebar .widget{background:#fff;border:1px solid #e9e9e9;padding:22px;margin-bottom:26px}.pg-title{display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid #222;margin-bottom:20px}.pg-title h3{font-size:18px;margin:0;background:#222;color:#fff;padding:9px 13px}.pg-title a{font-size:12px;color:#777}.pg-category-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:16px 22px}.pg-feature{grid-row:1/5}.pg-feature img{width:100%;height:255px;object-fit:cover}.pg-feature h2{font-size:22px;line-height:1.3;margin:10px 0 5px}.pg-feature p{color:#666;font-size:14px}.pg-meta,.pg-list small{font-size:11px;color:#999}.pg-list{display:grid;grid-template-columns:105px 1fr;gap:12px;padding-bottom:12px;border-bottom:1px solid #eee}.pg-list img{width:105px;height:72px;object-fit:cover}.pg-list h4{font-size:14px;line-height:1.35;margin:0}.pg-list a,.pg-feature a,.pg-latest a,.pg-side a{color:#222}.pg-latest{display:grid;grid-template-columns:220px 1fr;gap:18px;padding:0 0 18px;margin-bottom:18px;border-bottom:1px solid #eee}.pg-latest img{width:220px;height:135px;object-fit:cover}.pg-latest h3{font-size:19px;margin:2px 0 7px}.pg-latest p{font-size:13px;color:#666}.pg-widget>h3{font-size:17px;border-bottom:3px solid var(--primary-color);padding-bottom:10px;margin-top:0}.pg-side{display:grid;grid-template-columns:90px 1fr;gap:12px;padding:12px 0;border-bottom:1px solid #eee}.pg-side img{width:90px;height:65px;object-fit:cover}.pg-side h4{font-size:13px;line-height:1.35;margin:0}.pg-sub{text-align:center}.pg-sub input{width:100%;padding:11px;border:1px solid #ddd;margin:8px 0}.pg-sub button{width:100%;border:0;background:var(--primary-color);color:#fff;padding:11px;font-weight:700}
@media(max-width:900px){.pg-layout{grid-template-columns:1fr}.pg-hero{grid-template-columns:1.4fr 1fr;grid-template-rows:250px 190px 190px}.pg-h1{grid-row:1}.pg-h2{grid-column:2}.pg-h3{grid-column:1}.pg-h4{grid-column:2}.pg-h5{display:none}}
@media(max-width:600px){.pg-home{padding-top:8px}.pg-trending-links a:nth-child(n+2){display:none}.pg-hero{grid-template-columns:1fr;grid-template-rows:270px repeat(2,170px)}.pg-h1,.pg-h2,.pg-h3{grid-column:1!important;grid-row:auto}.pg-h4,.pg-h5{display:none}.pg-h1 .pg-hero-text h2{font-size:22px}.pg-category-grid{grid-template-columns:1fr}.pg-feature{grid-row:auto}.pg-latest{grid-template-columns:115px 1fr}.pg-latest img{width:115px;height:90px}.pg-latest p{display:none}.pg-section,.pg-widget,.pg-sidebar .widget{padding:15px}}

/* IFVODTV Home Final Layout v1.4 */
body.home .site-content, body.home #primary{max-width:none!important;width:100%!important}
body.home .pg-home>.container{max-width:1280px!important;width:calc(100% - 40px)!important;margin:auto!important}
body.home .pg-hero{grid-template-columns:minmax(0,1.65fr) minmax(0,1fr) minmax(0,1fr)!important;grid-template-rows:260px 260px!important;gap:6px!important}
body.home .pg-layout{grid-template-columns:minmax(0,2.25fr) 320px!important;align-items:start!important}
body.home .pg-main{min-width:0!important}
body.home .pg-sidebar{min-width:0!important}
body.home .pg-section{box-shadow:0 2px 10px rgba(0,0,0,.035)}
body.home .pg-feature img{height:300px!important}
body.home .pg-hero-card{min-height:0!important}
body.home .pg-hero-text h2{font-family:Arial,Helvetica,sans-serif!important}
@media(max-width:900px){
 body.home .pg-home>.container{width:calc(100% - 24px)!important}
 body.home .pg-layout{grid-template-columns:1fr!important}
 body.home .pg-sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
 body.home .pg-sidebar>*{margin-bottom:0}
}
@media(max-width:600px){
 body.home .pg-home>.container{width:calc(100% - 16px)!important}
 body.home .pg-sidebar{display:block}
}

/* Full magazine inner pages v2.0 */
.pg-inner{background:#f7f7f8;padding:24px 0 45px}.pg-inner>.container,.pg-inner .container{max-width:1280px}
.pg-inner-grid{display:grid;grid-template-columns:minmax(0,2.2fr) 320px;gap:30px;align-items:start}
.pg-article-area,.pg-archive-area{min-width:0}.pg-article,.pg-archive-area{background:#fff;border:1px solid #e8e8e8;padding:30px}
.pg-breadcrumb{font-size:12px;color:#999;margin-bottom:20px}.pg-breadcrumb a{color:#777}.pg-cat-badge,.pg-small-cat{display:inline-block;background:var(--primary-color);color:#fff!important;text-transform:uppercase;font-size:10px;font-weight:800;padding:5px 8px}
.pg-single-title{font-size:38px;line-height:1.18;margin:12px 0;color:#202020}.pg-single-meta{display:flex;gap:16px;flex-wrap:wrap;color:#888;font-size:12px;border-bottom:1px solid #eee;padding-bottom:16px;margin-bottom:15px}
.pg-single-image{margin:20px 0}.pg-single-image img{width:100%;height:auto;display:block}.pg-prose{font-size:17px;line-height:1.85;color:#333}.pg-prose h2{font-size:28px;margin-top:32px}.pg-prose h3{font-size:22px;margin-top:26px}.pg-prose img{max-width:100%;height:auto}.pg-prose a{color:var(--primary-color);text-decoration:underline}
.pg-tags{border-top:1px solid #eee;padding-top:18px;margin-top:25px}.pg-author{display:flex;gap:18px;padding:22px;background:#f7f7f7;margin:25px 0}.pg-author img{border-radius:50%;width:80px;height:80px}.pg-author h3{margin:2px 0}.pg-author p{margin:4px 0;color:#666}
.pg-post-nav{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:25px 0}.pg-post-nav>div{border:1px solid #eee;padding:15px}.pg-post-nav>div:last-child{text-align:right}.pg-post-nav small{display:block;color:#999;margin-bottom:5px}.pg-related{margin-top:30px}.pg-related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.pg-related-grid img{width:100%;height:120px;object-fit:cover}.pg-related-grid h4{font-size:14px;line-height:1.35;margin:8px 0}.pg-related-grid a{color:#222}
.pg-archive-head{background:#fff;border:1px solid #e8e8e8;padding:22px 26px;margin-bottom:24px}.pg-archive-head h1{margin:0 0 5px;font-size:27px}.pg-archive-head p{margin:0;color:#777}
.pg-archive-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.pg-archive-card{border-bottom:1px solid #eee;padding-bottom:20px}.pg-archive-img{display:block;margin-bottom:12px}.pg-archive-img img{width:100%;height:210px;object-fit:cover}.pg-archive-card h2{font-size:20px;line-height:1.3;margin:8px 0}.pg-archive-card h2 a{color:#222}.pg-archive-card p{font-size:13px;color:#666}.pg-pagination{margin-top:25px}
.pg-sidebar .widget{background:#fff;border:1px solid #e8e8e8;padding:20px;margin-bottom:22px}.pg-sidebar .widget-title{font-size:16px;border-bottom:3px solid var(--primary-color);padding-bottom:9px}
@media(max-width:900px){.pg-inner-grid{grid-template-columns:1fr}.pg-related-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.pg-inner{padding-top:10px}.pg-article,.pg-archive-area{padding:16px}.pg-single-title{font-size:28px}.pg-archive-grid{grid-template-columns:1fr}.pg-related-grid{grid-template-columns:1fr 1fr}.pg-post-nav{grid-template-columns:1fr}.pg-post-nav>div:last-child{text-align:left}}