/**
 * Product Details Page - Container Width Override
 *
 * Purpose: Override Bootstrap's fixed container widths with 95% width on multiple page types
 * Scope: Product details, category, recently added, recently viewed, and account pages
 * Priority: Loaded last to ensure override
 *
 * Optimization: Consolidated media queries - all breakpoints use same 95% width
 */

/* Target multiple page types using body class - applies to all screen sizes */
.html-product-details-page .container,
.html-category-page .container,
.html-recently-added-products-page .container,
.html-recently-viewed-products-page .container,
.html-account-page .container,
.html-search-page .container,
.html-apply-vendor-page .container,
.html-news-list-page .container,
.html-blog-page .container,
.html-compare-products-page .container,
.html-contact-page .container,
.html-news-item-page .container,
.html-blogpost-page .container,
.html-email-a-friend-page .container {
  width: 95% !important;
  max-width: 95% !important;
}

/* Footer-only 95% width for specific pages (content stays default width) */
.html-login-page .footer .container,
.html-registration-page .footer .container,
.html-wishlist-page .footer .container,
.html-shopping-cart-page .footer .container,
.html-checkout-page .footer .container,
.html-order-completed-page .footer .container,
.html-order-details-page .footer .container,
.html-topic-page .footer .container,
.html-forums-main-page .footer .container {
  width: 95% !important;
  max-width: 95% !important;
}