/* =========================================================
   Per-content full-width layout
   ========================================================= */

/* Posts and pages: use the complete theme content width instead of 980px. */
body.shahin-layout-full-width .content-body-section .content-container {
    max-width: var(--container);
}

body.shahin-layout-full-width .content-body-section .content-featured-image,
body.shahin-layout-full-width .content-body-section .content-card,
body.shahin-layout-full-width .content-body-section .post-navigation-box {
    width: 100%;
    max-width: none;
}

/* Products: remove the store sidebar and let the product area occupy the row. */
body.single-product.shahin-layout-full-width .shahin-commerce-layout {
    grid-template-columns: minmax(0, 1fr) !important;
}

body.single-product.shahin-layout-full-width .shahin-commerce-sidebar {
    display: none !important;
}

body.single-product.shahin-layout-full-width .shahin-commerce-content {
    width: 100%;
    max-width: none;
}

/* Keep full-width content safely inside the viewport on small screens. */
@media (max-width: 640px) {
    body.shahin-layout-full-width .content-body-section .content-container,
    body.single-product.shahin-layout-full-width .shahin-commerce-content {
        min-width: 0;
    }
}