/*
 * Exact fix for Loveus page.php:
 *
 * <div class="sidebar-page-container">
 *   <div class="auto-container">  <-- theme max-width:1200px
 *     <div class="row">
 *       <div class="content-side ...">
 *         <article>
 *           <div class="blog-post-detail">
 *             ...
 *
 * JS adds body.vishwas-redesign-inner-page only when .vsr-site exists.
 */

body.vishwas-redesign-inner-page .sidebar-page-container{
	width:100% !important;
	max-width:none !important;
	padding:0 0 54px !important;
	margin:0 !important;
}

body.vishwas-redesign-inner-page .sidebar-page-container > .auto-container{
	position:relative !important;
	width:100% !important;
	max-width:none !important;
	padding-left:0 !important;
	padding-right:0 !important;
	margin-left:0 !important;
	margin-right:0 !important;
}

body.vishwas-redesign-inner-page .sidebar-page-container > .auto-container > .row{
	width:100% !important;
	max-width:none !important;
	margin-left:0 !important;
	margin-right:0 !important;
}

body.vishwas-redesign-inner-page .sidebar-page-container .content-side{
	width:100% !important;
	max-width:none !important;
	flex:0 0 100% !important;
	padding-left:0 !important;
	padding-right:0 !important;
	margin:0 !important;
}

body.vishwas-redesign-inner-page article.page,
body.vishwas-redesign-inner-page .blog-post-detail,
body.vishwas-redesign-inner-page .blog-post-detail .inner,
body.vishwas-redesign-inner-page .blog-post-detail .content,
body.vishwas-redesign-inner-page .vsr-site{
	width:100% !important;
	max-width:none !important;
	margin-left:0 !important;
	margin-right:0 !important;
	padding-left:0 !important;
	padding-right:0 !important;
}

/* Background/hero sections are genuinely full width */
body.vishwas-redesign-inner-page .vsr-hero,
body.vishwas-redesign-inner-page .vsr-cta,
body.vishwas-redesign-inner-page .vsr-band,
body.vishwas-redesign-inner-page .vsr-section{
	width:100% !important;
	max-width:none !important;
	margin-left:0 !important;
	margin-right:0 !important;
}

/* Content inside each redesign section gets a small professional gutter only */
body.vishwas-redesign-inner-page .vsr-shell{
	width:calc(100% - 48px) !important;
	max-width:none !important;
	margin-left:auto !important;
	margin-right:auto !important;
	padding-left:0 !important;
	padding-right:0 !important;
}

/* Contact section specifically */
body.vishwas-redesign-inner-page .vsr-contact-grid,
body.vishwas-redesign-inner-page .vsr-map,
body.vishwas-redesign-inner-page .vsr-grid,
body.vishwas-redesign-inner-page .vsr-projects,
body.vishwas-redesign-inner-page .vsr-doc-grid,
body.vishwas-redesign-inner-page .vsr-gallery{
	width:100% !important;
	max-width:none !important;
}

/* Keep cards/form comfortably readable on a very wide monitor */
body.vishwas-redesign-inner-page .vsr-contact-grid{
	grid-template-columns:minmax(320px,.72fr) minmax(520px,1.28fr) !important;
	gap:26px !important;
}

/* Remove default bottom spacing from the page template wrapper */
body.vishwas-redesign-inner-page .blog-post-detail{
	margin-bottom:0 !important;
}

/* Prevent old width CSS from re-boxing the redesign */
body.vishwas-redesign-inner-page .sidebar-page-container .vsr-shell{
	max-width:none !important;
}

/* Tablet/mobile */
@media(max-width:1023px){
	body.vishwas-redesign-inner-page .vsr-shell{
		width:calc(100% - 32px) !important;
	}
	body.vishwas-redesign-inner-page .vsr-contact-grid{
		grid-template-columns:1fr !important;
	}
}

@media(max-width:767px){
	body.vishwas-redesign-inner-page .vsr-shell{
		width:calc(100% - 22px) !important;
	}
	body.vishwas-redesign-inner-page .sidebar-page-container{
		padding-bottom:38px !important;
	}
}