html {
	font-size: 14px !important;
}

body {
	padding: 0;
	margin: 0 auto;
}

body, h1, h2, h3, h4, h5 h6, p, span, a, ul, li {
	font-family: sans-serif;
	font-size: 1rem;
	font-weight: 300;
	color: #2a2b37;
	text-decoration: none;
}

@media (max-width: 960px) {
	.col-md-6 {
		flex: 0 0 100% !important;
		max-width: 100% !important;
	}
}

a:hover {
	color: #b4967e;
}

footer a:hover {
	color: #b4967e !important;
}

.btn-primary {
	background: #fff;
	border: none;
	color: #2a2b37;
	border-radius: .5rem;
	padding: .75rem 1.5rem;
	font-weight: bold;
}

.btn-primary:hover {
	background: #2a2b37;
	color: #fff;
}

.btn-primary:active {
	background: #eee !important;
	color: #2a2b37 !important;
}

.btn-secondary {
	background: #f2ebe7;
	border: none;
	color: #2a2b37;
	border-radius: .5rem;
	padding: .75rem 1rem;
	font-weight: bold;
}

.btn-secondary:hover {
	background: #2a2b37;
	color: #fff;
}

.btn-secondary:active {
	background: #eee !important;
	color: #2a2b37 !important;
}

.modal-content {
	border-radius: 0 !important;
}

.bg-light {
	background: #f2ebe7;
}

.left-1 {
	left: 1rem;
}

.right-1 {
	right: 1rem;
}

/* Header */

header ul.nav a {
	font-size: 1rem;
}

header ul.nav a {
	color: #2a2b37;
}

.offcanvas-mobile-menu ul.nav a {
	color: #2a2b37;
	background: #f2ebe7;
	padding: 1rem;
	margin: 1rem;
	border-radius: .5rem;
	border: .5px solid #dadada;
}

.offcanvas-mobile-menu ul {
	margin-left: 0;
}

header ul.nav a:hover, .offcanvas-mobile-menu ul.nav a:hover {
	color: #2a2b37;
	text-decoration: underline;
	text-decoration-color: #2a2b37;
	text-underline-offset: 3px;
	text-decoration-thickness: 1px;
}

/* Home Banner */

.home-banner {
	position: relative;
	padding: 0;
}

.home-banner .banner-wrapper {
	position: relative;
}

.home-banner .banner-wrapper img {
	width: 100%;
	height: auto;
	object-fit: cover;
	object-position: center;
}

.home-banner .container {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;
}

.home-banner .banner h1 {
	font-size: 2.5rem;
	font-weight: bold;
}
	
.home-banner .banner p.banner-first  {
	font-size: 1.35rem;
	font-weight: 500;
	margin-top: 1.5rem;
}
	
.home-banner .banner p.banner-second {
	font-size: 1.35rem;
}
	
@media only screen and (max-width: 600px) {
	.home-banner .container {
		top: 5%;
		transform: translateX(-50%);
		text-align: center;
		padding: 0 .75rem;
	}
	
	.home-banner .banner a.btn {
		width: -webkit-fill-available;
		margin: 1rem 2.5rem;
		background: #2a2b37;
		color: #fff;
	}
	.home-banner .banner p.banner-first, .home-banner .banner p.banner-second  {
		font-size: 1.15rem;
	}
}

/* Home Trust Badges */

.trust-badges {
	margin-top: 1rem;
	margin-bottom: 1rem;
}

.trust-badges .row .col-4:nth-child(2) {
	border-left: 1px solid #f2ebe7;
	border-right: 1px solid #f2ebe7;
}

.trust-badges p {
	display: inline-flex;
    font-size: 1rem;
	margin-bottom: 0;
}

@media only screen and (max-width: 600px) {
	.trust-badges .row .col-4 {
		padding: 0 .35rem;
	}
	.trust-badges p {
		font-size: .95rem;
	}
}

/* Home Product Grid */

.product-grid .product-head p {
	text-align: center;
	font-size: 2rem;
	font-weight: 500;
}

.product-grid .products .product {
	text-align: center;
}

.product-grid .products .product p {
	margin: 1rem 0 0 0;
	font-size: 1.15rem;
	font-weight: 500;
}

@media only screen and (max-width: 600px) {
	.product-grid .products .product {
		padding: .7815rem;
	}
	.product-grid .products .product p {
		font-size: 1rem;
		margin: .5rem 0 0 0;
	}
}

/* Home Countdown */

.countdown .row {
    background: #f2ebe7;
	border: 1px solid #f2ebe7;
    padding: 1rem 0;
}

.countdown p {
	font-size: 1.5rem;
	margin: 0 auto;
}

.countdown p.discount {
	font-size: 2rem;
	font-weight: 500;
}

.countdown p.discount span {
	text-decoration: line-through;
	font-size: 1.75rem;
	font-weight: 300;
}

#countdown {
	display: flex;
	justify-content: center;
	gap: 15px;
	margin-top: 1rem;
}

#countdown .countdown-item .days, #countdown .countdown-item .hours, #countdown .countdown-item .minutes, #countdown .countdown-item .seconds {
	font-size: 2.5rem;
	font-weight: bold;
	padding: .5rem;
	background: #fff;
}

#countdown .countdown-item .countdown-label {
    position: relative;
}

@media only screen and (max-width: 600px) {
	.countdown {
		padding: 0 1.5rem;
	}
	.countdown p {
		font-size: 1.25rem;
	}
	.countdown p.discount {
		font-size: 1.75rem;
	}
}

/* Home Jumbotrons */

.jumbotrons .row .col-md-6 {
	margin: .5rem 0;
}

.jumbotrons .row .col-md-6:nth-child(1) {
	padding-left: 0;
}

.jumbotrons .row .col-md-6:nth-child(2) {
	padding-right: 0;
}

.jumbotrons .first-jumbotron {
	background: #f2ebe7;
	border: 1px solid #f2ebe7;
}

.jumbotrons .first-jumbotron p.head, .jumbotrons .second-jumbotron p.head {
	font-size: 1.35rem;
	font-weight: 500;
}

.jumbotrons .first-jumbotron .btn, .jumbotrons .second-jumbotron .btn {
	min-width: 10rem;
}

.jumbotrons .second-jumbotron {
	background: #fff0;
	border: 1px solid #f2ebe7;
}

@media only screen and (max-width: 600px) {
	.jumbotrons .row .col-md-6 {
		padding-left: .75rem !important;
		padding-right: .75rem !important;
	}
}

/* Home Text Content */

.home-text-content h2, .home-text-content h3, .home-text-content h4 {
	font-size: 1.35rem;
	font-weight: 500;
	margin: 1.5rem 0 1rem 0;
}

/* Home Accordion */

.accordion-button:not(.collapsed) {
	box-shadow: none;
	background-color: #fff0; 
	color: #2a2b37;
}

.accordion-button:focus {
	box-shadow: none;
}

.accordion-item {
	border-radius: 0 !important;
	border-left: none;
	border-right: none;
	border-top: none !important;
}

.accordion-item:last-of-type {
	border-bottom: none !important;
}

/* Footer */

.footer {
	background: #f8f8f8;
	padding: 5rem 0;
	margin-top: 5rem;
	border-top: 1px solid #f2ebe7;
	border-bottom: 1px solid #f2ebe7;
}

.footer p.footer-heading {
	font-weight: 500;
}

.footer p.footer-sub-heading {
	font-weight: 500;
	margin-bottom: .25rem;
}

.footer a.underline-link {
	text-decoration: underline;
	text-underline-offset: 2px;
	line-height: 2;
}

.footer ul.list-group li {
	background: transparent;
	border: none;
	padding-left: 0;
}

.footer-bottom {
	background: #f8f8f8;
	text-align: center;
	padding: 2rem 0;
}

.footer-social { 
	background: #f8f8f8;
}

.footer-social .row.social {
	display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: .5rem;
    position: relative;
    align-items: center;
    padding: .5rem 0;
}

.footer-social .row.social::before, .footer-social .row.social::after {
	content: "";
    flex: 1;
    height: 1px;
    background-color: #f2ebe7;
}

.footer-social .row.social::before {
	margin-right: 1rem;
}

.footer-social .row.social::after {
	margin-left: 1rem;
}

.footer-social .row.social a {
	width: auto;
	padding: 0;
}

.footer-copyright {
	background: #f8f8f8;
	text-align: center;
	padding: 2rem 0;
}

.footer-copyright a {
	margin: 0 1rem;
	font-size: .95rem;
	line-height: 2;
}

.footer-copyright p {
	font-size: .95rem;
	margin-top: 1rem;
}

.footer-copyright p span {
	font-size: .95rem;
}

.footer-copyright p a {
	font-weight: 500;
	margin: 0;
}

footer img {
	display: inline-flex;
}

@media only screen and (max-width: 600px) {
	.footer {
		border-bottom: none;
		padding: 0 2.5rem;
	}
	.footer .col-12 {
		border-bottom: 1px solid #f2ebe7;
		padding-top: 2.5rem;
		padding-bottom: 2.5rem;
	}
}

/* Product Area */

.btn-namensschild .btn-outline-primary {
	background: #fff;
	color: #2a2b37;
	width: 100%;
	font-size: .95rem;
	border: 1px solid #dadada;
	border-radius: .5rem;
	box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
	padding: .5rem .35rem;
	width: 135px;
}

.btn-namensschild .btn-outline-primary:hover {
	background: #fff;
	color: #2a2b37;
	border: 1px solid #2a2b37;
}

.btn-namensschild .btn-outline-primary:first-of-type {
    margin-right: .15rem;
}

.btn-namensschild .btn-outline-primary:last-of-type {
    margin-left: .15rem;
}

.btn-namensschild .btn-check:checked+.btn {
	background: #2a2b37;
	color: #fff;
	border: 1px solid #2a2b37;
}

.btn-variations {
	border: 1px solid transparent;
	padding: .5rem;
	margin: 0 .25rem;
	border-radius: 100% !important;
}

.btn-group-colors label:first-of-type {
	margin-left: 0;
}
	
.btn-variations img {
	width: 30px;
	height: 30px;
}

.btn-check:hover+.btn-variations {
	border: 1px solid #eee;
	border-radius: 100% !important;
}

.btn-check:checked+.btn-variations {
	border: 1px solid #2a2b37;
	border-radius: 100% !important;
}

.btn-buy {
	background: #2a2b37; 
	color: #fff;
	letter-spacing: 2px; 
	padding: 1rem 0;
	font-weight: 500;
	margin: 1.25rem 0 0 0;
	border-radius: .5rem;
}

.btn-buy:hover {
	background: #2a2b37e3;
}
	
.btn-buy:active span.total-price {
	color: #2a2b37;
}

.btn-buy:active img {
	filter: invert(1);
}
	
	

.display-namensschild {
	position: absolute;
    left: 18%;
	top: 70%;
	width: 19rem;
	height: 7rem;
	padding: 0;
	text-align: center;
	display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

#display-name {
	font-family: 'Hello Bella Bold';
	font-size: 1.15rem;
	line-height: 4rem;
	display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
}

#display-date {
	font-family: 'Hello Bella Bold';
	font-size: .75rem;
	line-height: 2;
	display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
}

@media only screen and (min-width: 1400px) {
	.display-namensschild {
		width: 19rem;
		height: 7rem;
	}
}

@media only screen and (max-width: 1399px) {
	.display-namensschild {
		width: 16rem;
		height: 6rem;
	}
}

@media only screen and (max-width: 600px) {
	.display-namensschild {
		width: 12.5rem;
		height: 5rem;
	}
	#display-name {
	font-size: .95rem;
	line-height: 2.5rem;
	}
	#display-date {
	font-size: .5rem;
	}
}

@media only screen and (max-width: 400px) {
	.display-namensschild {
		width: 11.5rem;
		height: 4.5rem;
	}
	#display-name {
	font-size: .95rem;
	line-height: 2.5rem;
	}
	#display-date {
	font-size: .5rem;
	}
}

@media only screen and (max-width: 365px) {
	.display-namensschild {
		width: 11rem;
		height: 4rem;
	}
	#display-name {
	font-size: .95rem;
	line-height: 2.5rem;
	}
	#display-date {
	font-size: .5rem;
	}
}
	


.error-message {
	margin-top: .5rem;
	color: #dc3545;
	text-decoration: underline;
	text-decoration-color: #dc3545;
	text-underline-offset: 5px;
	text-decoration-thickness: .5px;
    text-align: center;
	width: 100%;
}

.error-message p {
	margin-bottom: 0;
	font-size: .85em;
    color: #fff;
}

.input-group-text {
	font-size: .8rem;
	font-weight: 300;
	padding: 0 0.5rem;
	background: #fff;
}

.form-select-stuck {
	border-radius: 0;
}

.form-select-stuck:focus, .form-control:focus {
	box-shadow: none;
	border-color: var(--bs-border-color);
}















	
	  .custom-floating label {
    display: none;
  }
  .custom-floating input::placeholder {
    opacity: 1 !important;
    color: #6c757d !important;
  }

  /* Focus olduğunda placeholder'ı gizle, label'ı göster */
  .custom-floating input:focus::placeholder {
    opacity: 0 !important;
  }
  .custom-floating input:focus ~ label {
    display: block;
    opacity: 1;
    transform: scale(.85) translateY(-0.5rem) translateX(.15rem);
  }

  /* Eğer input doluysa (placeholder kaybolduğunda) label göster */
  .custom-floating input:not(:placeholder-shown) ~ label {
    display: block;
    opacity: 1;
    transform: scale(.85) translateY(-0.5rem) translateX(.15rem);
  }
	
	.form-control:focus {
		box-shadow: none !important;
		border: 1px solid #dadada;
	}

	
	.form-floating [for=input-namensschild-name], .form-floating [for=input-namensschild-date] {
		padding: .75rem .75rem .25rem .75rem;	
		border: none;
		font-size: .95rem;
		height: 33px;
	}



		
			.form-floating input#input-namensschild-name, .form-floating input#input-namensschild-date {
		min-height: 3.5em;
		height: 3.5rem;
		font-size: 1rem;
		padding: .5rem .75rem .5rem .75rem;
		border: 1px solid #dadada;
		border-radius: 3px;
	}
		
			.form-floating input#input-namensschild-name:focus, .form-floating input#input-namensschild-date:focus {
		padding: 1.5rem .75rem .5rem .75rem;

	}
		
			.form-floating input#input-namensschild-name.has-value, .form-floating input#input-namensschild-date.has-value {
		padding: 1.5rem .75rem .5rem .75rem;

	}		

	
.product-heading h1 {
	letter-spacing: 2.5px;
}
		
	.product-heading, .product-variation-area, .product-buy-button  {
		padding: 1.15rem;
	}

.review-summary a.reviews {
	width: fit-content; 
	display: flow; 
	float: right; 
}
	
	.product-variation-area {
		margin: 0 .5rem;
		border-radius: .5rem;
		box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
		border: .5px solid #dadada;
	}
	
	@media only screen and (max-width: 600px) {
		.product-heading h1 {
	letter-spacing: 1.35px;
			text-align: center;
}
		.review-summary a.reviews {
	float: unset; 
}
	
	.product-area .row.product-images {
		display: flex;
		flex-wrap: nowrap;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		scroll-behavior: smooth;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
	}

	.product-area .row.product-images::-webkit-scrollbar {
		display: none;
	}
	
	.product-area .row.product-images .col {
		flex: 0 0 100%;
		scroll-snap-align: start;
		padding: 0;
	}
	
	.product-area .carousel-dots {
		display: flex;
		justify-content: center;
		gap: .5rem;
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		bottom: 1rem;
	}
	
	.product-area .carousel-dots .dot {
		width: 25px;
		height: 3px;
		background: #ccc;
		transition: background 0.3s;
	}
	
	.product-area .carousel-dots .dot.active {
		background: #333;
	}


.input-group-namensschild.fixed {
  position: fixed;
  top: 0;
  left: 0;
	width: 100%;
	z-index: 9999;
  background: #2a2b37;
	padding: .75rem;
}
		
			}

	.featured-review {
		display: flex;
		align-items: center;
		gap: .75rem;
		padding: .75rem;
		background: #f2ebe7;
		border-radius: .5rem;
	}
	
	.featured-review .profiles {
		display: flex;
		flex-shrink: 0;
	}
	
	.featured-review .profiles img {
		border-radius: 100%;
		background: #fff5;
		padding: .1rem;
	}
	
	.featured-review .profiles img:nth-child(2) {
		margin-left: -.5rem;
	}
	
	.featured-review .review p {
		margin-bottom: 0;
		font-size: .95rem;

	}
	
	.featured-review .review p span {
		font-weight: 500;
		font-size: .95rem;
	}
	

	
	.review-summary .review-stars {
		display: inline; 
		background: #debb8a21; 
		padding: 0rem .25rem .15rem; 
		border-radius: .15rem;
	}
	.review-summary .review-stars span {
		font-weight: bold; 
		margin-left: .25rem; 
		font-size: .95rem;
	}
	.review-summary .review-total {
		margin-left: .5rem; 
		display: inline; 
		padding: 0rem .25rem .15rem;
	}
	.review-summary .review-total span {
		color: #333; 
		font-weight: 300; 
		font-size: .95rem;
	}
	    
	.review-summary .review-total span img {
		transform: translateY(-2px);
	}
	
	
	
	
	
	.product-title p, .product-title span {
		font-size: 1.3rem;
		font-weight: 500;
		line-height: 1.25;
		margin-bottom: 0;
	}
	
	
	.product-price span.regular-price {
		font-size: 1rem;
		font-weight: 300;
		color: #2a2b37d1;
		text-decoration: line-through;
	}
	
	.product-price span.price {
		font-size: 1.5rem;
		font-weight: 300;
		margin-left: .75rem;
	}
	
	.product-price .info-tooltip {
		display: inline-block;
		background: #f2ebe7;
		padding: .25rem .75rem;
		border-radius: .5rem;
		margin-left: 1.25rem;
		font-weight: 300;
		font-size: .95rem;
		transform: translateY(-2px);
	}
	
	.product-price .info-tooltip:before {
		content: "";
		position: absolute;
		left: -10px;
		top: 50%;
		transform: translateY(-50%);
		border-width: 10px 20px 10px 0;
		border-style: solid;
		border-color: transparent #f2ebe7 transparent transparent;
	}
	
	.product-price .info-tooltip span.piece-price {
		font-weight: 500;
		font-size: .95rem;
	}
	
	.product-price span.versand {
		display: block;
		font-size: .95rem;
		text-decoration: underline;
		text-underline-offset: 5px;
		text-decoration-thickness: 1px;
	}
	
	.total-price {
		color: #fff;
		letter-spacing: 2px;
		font-weight: 500;
	}
	
	
	
.quantity-selector {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

.quantity-btn {
  width: 35px;
  height: 35px;
  background: #2a2b37;
  border: 1px solid #2a2b37;
  border-radius: 2rem;
  font-size: 13px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  user-select: none;
	color: #fff;
}


.quantity-input {
  width: 35px;
  height: 35px;
  text-align: center;
  border: none;
  border-radius: 0;
  -moz-appearance: textfield;
  font-size: 13px;
}
	
.quantity-input:focus-visible {
	border-bottom: 1px solid #2a2b37;
	outline: none;
	}

.quantity-input::-webkit-outer-spin-button,
.quantity-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
	
.input-group-namensschild {
  transition: all 0.3s ease;
}
p.variation-head {
	margin-bottom: 1.15rem;
	margin-top: 1.15rem;
	font-size: 1rem;
}

.variation-color p.variation-head, .variation-color p.variation-head span.colorName {
	margin-bottom: 1.15rem;
	margin-top: 0;
	font-size: 1rem;
}
	
	

	@media only screen and (min-width: 600px) {
			.review-summary {
		text-align: right; 
	}
		.main-image, .custom-image {
  transition: opacity 0.15s ease, visibility 0.15s ease;
}

.main-image.hidden, .custom-image.hidden {
  opacity: 0;
  visibility: hidden;
  height: 0;
  overflow: hidden;
}

		.product-page {
					background: linear-gradient(90deg, #ffffff 0%, #ffffff 50%, transparent 50%, transparent 100%), linear-gradient(90deg, transparent 0%, transparent 50%, #f2ebe754 50%, #f2ebe754 100%);
			padding-top: 1.5rem;

		}
		
		.product-page .mt-3.review-summary {
			margin-top: -4.18rem !important;
			
		}
		
		.product-page .mt-3 {
			margin-top: 1.5rem !important;
			
		}
		
		.product-variation-area {
			margin-top: .35rem !important;
			margin-bottom: .35rem !important;

			
		}
		
			.product-title p, .product-title span {
		font-size: 1.75rem;

	}
.btn-namensschild .btn-outline-primary {
		width: 100%;
		}
	.product-area .row.product-images .col {
		border-radius: .5rem;
		padding: 0;
	}
	
	.product-area .row.product-images .col img {
		border-radius: .5rem;
		border: 1px solid #dadada;
	}
	
	.product-area .row-cols-2.product-images {
		margin-top: 1rem;
	}
	
	.product-area .row-cols-2.product-images .col.first-image {
		padding-right: .5rem;
	}
	
	.product-area .row-cols-2.product-images .col.second-image {
		padding-left: .5rem;
	}
	
	.product-variation-area {
		background: #fff5;
	}
	.product-area .right-area {
		padding: 0 2.5rem;
	}
	
	.product-area .left-area {
		padding: 0 2.75rem;
	}
	
	.product-area .right-sticky {
		position: sticky;
		top: 2.5rem;
	}
		


		
			.product-price span.regular-price {
		font-size: 1.25rem;

	}
	
	.product-price span.price {
		font-size: 1.75rem;
	}
	
	.product-price .info-tooltip {

		font-size: 1.1rem;
	}
			.product-price .info-tooltip span.piece-price {
		font-size: 1.1rem;
	}
	
	.product-price span.versand {
		font-size: 1rem;
	}
			.featured-review .review p {
		font-size: 1rem;
	}
	
	.featured-review .review p span {
		font-size: 1rem;
	}
		
			.review-summary, .review-summary .review-total {

		display: block;
	}

	.review-summary .review-stars span {

		font-size: 1rem;
	}

	.review-summary .review-total span {

		font-size: 1rem;
	}
		
	}
	

/* Product Bottom */

.accordions #accordionProductDetails .accordion-item, .accordions #accordionProductDetails .accordion-header, .accordions #accordionProductDetails .accordion-button {
	background: #fff0;
}

.accordions #accordionProductDetails .accordion-button {
	font-size: 1rem;
	font-weight: 300;
	letter-spacing: 1px;
}

.accordions #accordionProductDetails .accordion-button img {
	margin-right: 1rem;
}

#accordionProductDetails .accordion-body p.head {
	font-size: 1.05rem;
	font-weight: bold;
}

#accordionProductDetails .accordion-body ul li span, #accordionProductDetails .accordion-body p span {
	font-weight: bold;
}

/* Product Text Content */

.product-text-content #collapseProductTextContent .card {
	height: 500px;
	overflow-y: scroll;
}

.product-text-content #collapseProductTextContent h2 {
	font-size: 1.25rem;
	font-weight: bold;
	margin-bottom: 1rem;
	margin-top: 1rem;
} 

.product-text-content #collapseProductTextContent h3 {
	font-size: 1.15rem;
	font-weight: bold;
	margin-bottom: 1rem;
	margin-top: .5rem;
} 
	
.product-text-content #collapseProductTextContent h4 {
	font-size: 1.05rem;
	font-weight: bold;
	margin-bottom: 1rem;
	margin-top: .25rem;
} 

/* Reviews Area */

	
	.review-area {
		background: #f2ebe754; 
		border-radius: .5rem;
		padding: 1.5rem;
		margin-top: 2.5rem;
	}
	
	.inner-area {
		background: #fff; 
		border-radius: .5rem; 
		padding: .5rem 1.5rem; 
		height: 100%; 
		align-items: center; 
		display: grid ;
	}
	
	.average-rating {
		margin-bottom: 0; 
		text-align: center; 
		font-size: 2.25rem; 
		font-weight: bold;
	}
	
	.average-rating span {
		font-size: 2rem; 
		font-weight: bold; 
		color: #0009;
	}
	
	.featured-area .review-stars {
		text-align: center;
	}
	
	.featured-area .review-stars span {
		margin-bottom: 0; 
		font-weight:500; 
		font-size: 1.15rem; 
		color: #0009; t
		ext-align: center;
		margin-top: 1rem;
		display: block;
	}

	.rating-bar .inner-area {
		padding: .5rem 1.5rem; 
	}

	
	.rating-bars .row {
		 align-items: center;
		margin: .25rem 0;
	}	
	
	.rating-bars .col-2 {
		display: flex;
	}
	
	.rating-bars .col-2 span {
		font-weight: 500; 
		font-size: 1rem; 
		margin-right: .5rem;
	}
	
	.rating-bars .col-10 {
		position: relative;
	}
	
	.rating-bars .col-10 .progress {
		height: 7px;
		width: 90%;
	}
	
	.rating-bars .col-10 span {
		color: #000; 
		position: absolute;
		right: 5px; 
		top: -5px; 
		font-size: .75rem;
	}
	
	.rating-bars .col-10 .progress .progress-bar {
		background: #debb8a; 
		color: #000;
	}
	
	
	.rating-bars .col-10 .progress .progress-bar.five {
		width: 76.56%;
	}
	
	.rating-bars .col-10 .progress .progress-bar.four {
		width: 18.75%;
	}
	
	.rating-bars .col-10 .progress .progress-bar.three {
		width: 4.69%;
	}
	
	
	.review-area p.review-area-head {
		margin-bottom: 0; 
		font-size: 1.15rem; 
		font-weight: bold;
	}
	
	.featured-review-row .col-2 p {
		font-weight: 500; 
		font-size: 1rem; 
		margin-bottom: 0;
	}
	
	.featured-review-row .col-2 span {
		font-weight: 300; 
		font-size: .95rem;
	}
	
	.featured-review-row .col-10 .review-stars {
		margin-top: 1rem;
	}
	
		.featured-review-row .review-head {
		margin-top: -1.5rem; 
		margin-bottom: .25rem; 
		font-weight: 500; 
		font-size: 1.15rem;
	}
	
				.featured-review-row .user-info p.user-name {
				font-size: .95rem;
					margin-bottom:0 ;
		}
	
			.featured-review-row .user-info span.review-date {
				font-size: .95rem;
		}
	.featured-review-stars {
		text-align: end;
		margin-top: 1.5rem;
	}
	
	@media only screen and (max-width: 600px) {
		
		.featured-review-row .review-head {
			margin-top: 0;
		}

		
		.featured-area .inner-area {
		padding: .5rem 1.5rem;
		}
		
		.featured-review-row .user-info {
			display: flex;
			align-items: center;
		}
		
		.featured-review-row .user-info p.user-name {
			margin-bottom: 2rem;
			margin-left: 1.25rem;
		}

		.featured-review-row .user-info span.review-date {
			position: absolute;
			top: .5rem;
			right: 1.5rem;
		}
		
		.featured-review-stars {
			position: absolute;
			top: 2.5rem;
			left: 6.5rem;
		}
		
}