/*
 * Inline styles lifted verbatim out of product-details-skin-care-cream.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.
 */
header.sticky-header.dark-bg-menu {
			background: rgb(22 67 60);
			}
			li.nav_item_first a:hover {
			background: #62b877;
			}
			@media only screen and (max-width: 767px) {
			
			li.nav_item_first {
			display: grid;
			}
			
			
			.review-wrapper {
			display: inline-block;
			}
			.review-wrapper .wrapper {
			top: 0;
			background: #fff;
			}
			h2.avg-mark {
			font-size: 3em;
			}
			header.sticky-header.dark-bg-menu {
			top: 0px;
			}
			span.cart-count {
			line-height: 22px;
			}
			}