/* ========================================
   SINGLE POST WIDGET - MAIN CSS
   Version: 2.2.0
   Modular Architecture
   ======================================== */

/* Base Styles */
@import url('modules/base.css');

/* Layout Modules */
@import url('modules/card-layout.css');
@import url('modules/hero-layout.css');
@import url('modules/minimal-layout.css');
@import url('modules/magazine-layout.css');
@import url('modules/sidebar-layout.css');
@import url('modules/promotion-layout.css');

/* Content Modules */
@import url('modules/related-content.css');
@import url('modules/post-details.css');

/* Special Layouts */
@import url('modules/construction.css');
@import url('_job-detail-layout.css');

/* Mobile Responsive */
@media (max-width: 768px) {
    .smg-post-title {
        font-size: 1.75rem;
    }

    .smg-post-subtitle {
        font-size: 1rem;
    }

    .smg-related-stores-list {
        grid-template-columns: 1fr;
    }

    .smg-construction-title {
        font-size: 1.75rem;
    }

    .smg-construction-meta {
        gap: 1rem;
    }

    .smg-gallery-grid {
        grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    }
}