/*
 * Inline styles lifted verbatim out of product-details-foming-face-wash.blade.php by tools/blade-to-jsx.mjs.
 *
 * It lived inline in the template, so it loads after the shared stylesheets and keeps the
 * same precedence here. Edit the Blade original and re-run the port rather than editing
 * this file, or the two versions drift silently — which is the whole thing this rebuild
 * is trying to avoid.
 */
section.review-wrapper-container {
					background: url(../assets/images/bg.png);
					background-size: cover;
					padding-bottom: 50px;
					/*background: linear-gradient(90deg, rgba(238, 132, 132, 0.5074404761904762) 3%, rgb(241 144 116) 56%, rgb(240 138 111) 80%);*/
					}
					
					h2.avg-mark { color: #2f549b;}
					.ratingW li.on .star, .ratingW li.on .star:before, .ratingW li.on .star:after {
					border-bottom: .7em solid #2f549b;
					}		
					
					
					input.submit-review {
					padding: 0;
					border: 1px solid #2f549b;
					background: #2f549b;
					width: 100%;
					text-transform: uppercase;
					}
					
					.avg-rating p.text-dark {
					font-weight: 600;
					font-size: 18px;
					}
					input.user_field {
					padding: 10px;
					height: 40px;
					margin: 10px 0;
					border-radius: 5px;
					border: 1px solid #2f549b;
					box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
					}
					
					textarea.feedback-area {
					border: 1px solid #2f549b;
					padding: 10px;
					margin: 10px 0 15px 0;
					box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
					}
					
					
					
					.review-show {
					float: left;
					width: calc(75% - 15px);
					margin-left: 15px;
					}
					.c-comment-container {
					display: block;
					float: left;
					width: 33.33%;
					padding: 0 15px;
					box-sizing: border-box;
					}
					.c-comment-body {
					background: #fff;
					padding: 15px;
					box-sizing: border-box;
					margin: 25px 0;
					overflow: auto;
					border-radius: 15px;
					box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
					}
					.c-comment-body h3 {
					margin: 5px 0 0;
					font-size: 18px;
					color: #2f549b;
					font-weight: 600;
					}
					.c-comment-body p {
					margin: 10px 0;
					font-size: 15px;
					}
					.c-user {
					float: left;
					width: 100%;
					margin: 10px 0 0;
					display: flex;
					align-items: center;
					}
					.c-user img {
					float: left;
					width: 40px;
					border-radius: 50%;
					margin: 0 15px 0 0;
					}
					.user-part h4 {
					margin: 0;
					font-size: 14px;
					color: #2f549b;
					font-weight: 600;
					}
					.user-part p {
					margin: 0;
					font-size: 12px;
					}
					
					
					.review-wrapper {
					padding-bottom: 0;
					display: flex;
					overflow: initial;
					align-items: flex-start;
					}
					.review-wrapper .wrapper {
					top: 100px;
					position: sticky;
					}
					
					input.submit-review {
					padding: 0;
					}
					
					@media only screen and (min-width: 840px) {
					.review-wrapper .wrapper {
					background: #fff;
					box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
					padding: 20px;
					margin-top: 30px;
					height: 100vh;
					margin-bottom: 25px;
					border-radius: 15px;
					}
					}
					
					@media only screen and (max-width: 840px) {
					
					section.review-wrapper-container {
					background-size: cover;
					}
					
					h2.avg-mark {
					font-size: 3em;
					}
					input.user_field {
					width: 48.5%;
					margin: 1% 1.5% 1% 0;
					float: left;
					}
					input.user_field + input.user_field {
					margin: 1% 0% 1% 1.5%;
					}
					.review-wrapper {
					padding: 0;
					display: inline-block;
					background: #fff;
					}
					.review-show {
					width: 100%;
					margin-left: 0;
					}
					.review-wrapper .wrapper {
					padding: 15px;
					box-shadow;rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
					width: 100%;
					background: #fff;
					top: 40px;
					}
					.c-comment-container {
					width: 100%;
					}
					.c-comment-container .c-comment-body:first-child {
					margin-top: 0;
					}
					}

header.sticky-header.dark-bg-menu {
			background: #2f549b;
			}
			li.nav_item_first a:hover {
			background: #4e79cb;
			}
			@media only screen and (max-width: 767px) {
			
			li.nav_item_first {
			display: grid;
			}
			
			.review-wrapper {
			display: inline-block;
			}
			
			h2.avg-mark {
			font-size: 3em;
			}
			header.sticky-header.dark-bg-menu {
			top: 0px;
			}
			span.cart-count {
			line-height: 22px;
			}
			}