/*
 * Inline styles lifted verbatim out of product-details-vedobi-body-lotion.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: #c64421;}
					.ratingW li.on .star, .ratingW li.on .star:before, .ratingW li.on .star:after {
					border-bottom: .7em solid #c64421;
					}
					
					.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;
					border: 1px solid #c64421;
					background: #c64421;
					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 #c64421;
					box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
					}
					
					textarea.feedback-area {
					border: 1px solid #c64421;
					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: #c64421;
					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: #c64421;
					font-weight: 600;
					}
					.user-part p {
					margin: 0;
					font-size: 12px;
					}
					
					@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) {
					
					.review-wrapper {
					background: #fff;
					padding: 0 15px 80px;
					}
					
					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-show {
					width: 100%;
					margin-left: 0;
					}
					.review-wrapper .wrapper {
					padding: 80px 15px 15px;
					box-shadow;rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
					}
					.c-comment-container {
					width: 100%;
					}
					.c-comment-container .c-comment-body:first-child {
					margin-top: 0;
					}
					}

header.sticky-header.dark-bg-menu {
			background: rgb(198 68 33);
			}
			li.nav_item_first a{ font-weight: 400;}
			li.nav_item_first a:hover {
			background: #fb5336;
			}
			@media only screen and (max-width: 767px) {
			li.nav_item_first {
			display: grid;
			}
			
			
			}
			
			@media only screen and (max-width: 540px) {
			
			.wrapper, .review-left, .review-right {
			width: 100%;
			}
			
			.review-left {
			position: relative;
			top: 0;
			}
			.review-comment-section {
			width: 100%;
			border-left: none;
			padding-left: 0;
			margin-top: 30px;
			}
			.review-comment-body {
			padding-left: 0;
			}
			.review-comment-author span.review-comment-date {
			margin-left: 0;
			clear: both;
			}
			
			.social-review-section {
			display: block;
			flex-wrap: initial;
			align-items: initial;
			justify-content: initial;
			padding: 15px;
			}
			
			.review-wrapper {
			display: inline-block;
			}
			
			.review-wrapper .wrapper {
			top: 0;
			background: #fff;
			box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
			margin-bottom: 40px;
			}
			h2.avg-mark {
			font-size: 3em;
			}
			header.sticky-header.dark-bg-menu {
			top: 0px;
			}
			span.cart-count {
			line-height: 22px;
			}
			
			}
			
			@media only screen and (max-width: 414px) {
			.verify-review {
			padding: 0;
			}
			
			section.categories.full-width-container .row.d-flex {
			margin: 0;
			}
			}