body {
	overflow-x: hidden;
}
.category-head {
	height: 400px !important;
}
.category-head .cc-container .category-title-content {
  position: relative;
  z-index: 7 !important;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
}
.category-title-content h1 {
  font-size: 50px !important;
}
#rating-wrapper {
  width: fit-content;
  margin: 10px auto;
  display: flex;
  justify-content: start;
  align-items: center;
}
#rating-wrapper span i {
  color: gold;
  font-size: 20px;
}
#rating-wrapper b {
  color: #fff;
  margin-left: 10px;
}
.category-title-content img {
	margin-top: 10px;
}
#main-shop {
	width: 100%;
	margin: 0 auto;
}
.main-shop {
	width : 90% ;
	margin: 0 auto;
}

#popular-products {
	width: 100%;
	height: fit-content;
	display: flex;
	flex-direction: column;
	justify-content: start;
	margin: 40px auto 80px auto;
}
#product-label-wrapper {
	display: none !important;
}
#ultra-slider-wrapper .top-selling-item footer {
	height: 200px !important;
}
#ultra-slider-wrapper .top-selling-item footer h3 {
	font-size: 18px;
}
#ultra-slider-wrapper .top-selling-item footer p {
	margin: 0;
}
#popular-slider-shop-ultra {
	width: 100%;	
}

#popular-products > p, #popular-slider-shop-ultra > h2 , .wrap > p{
	text-align: center;
	text-transform: uppercase;
	font-size: 24px;
	color: #2085c7;
	letter-spacing: .1em;
	font-weight: 700;
	font-family: "Titillium Web",Arial,Helvetica,sans-serif;
}

.popular-section-row {
	width: 100%;
	display: flex;
	justify-content: start;
	align-items: center;
	margin-bottom: 20px;
	gap: 2%;
}

.popular-section-item {
	width: 32%;
	margin-bottom: 10px;
}
.popular-section-item a {
	width: 100%;
	height: 300px;
	display: flex;
	flex-direction: column;
	position: relative;
	text-decoration: none !important;
}
.popular-section-item img {
	width: 100%;
	min-height: 260px;
}

.popular-section-item a h2 {
	width: 100%;
	text-align: center;
	background: #fff;
	color: #000;
	font-weight: 200;
	font-size: 18px;
}
.ultra-btn-wrapper {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 30px 0 80px 0;
}
#toggle-popular-row, .shop-ultra-btn {
	width: fit-content;
	margin: 20px auto 0 auto;
	text-transform: uppercase;
	padding: 12px 30px;
	border: unset;
	background: var(--blue);
	color: #fff;
	border-radius: 4px;
	cursor: pointer;
	letter-spacing: .1em;
	font-family: "Titillium Web",Arial,Helvetica,sans-serif;
	font-weight: 600;
	font-size: 12px;
	text-decoration: none;	
}

#popular-section-two {
	display: none;
}

#ultra-slider-wrapper {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	position: relative;
}

#ultra-slider-navigate {
	width: 100%;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

#ultra-slider-navigate button {
	display: flex;
	background: unset;
	border: unset;
	cursor: pointer;
}

.owl-prev { order: 1 }
#dots { order: 2 }
.owl-next { order: 3 }

#dots {
	display: flex;
	align-items: center;
	
}

.owl-dot {
	background: var(--blue) !important;
	border-radius: 2px;
	width: 20px !important;
	height: 4px;
	margin: 0 3px;
}
.owl-dot.active {
	width: 40px !important;	
}

#ultra-slider-navigate svg { color: var(--blue) }

/* meta */

#meta-content-shop-ultra {
	background: #f4f4f4;
	margin-top: 30px;
}

#meta-content-shop-ultra h1 {
	font-size: 22px !important	
}
#meta-content-shop-ultra h2 {
	font-size: 18px !important;
}
#meta-content-shop-ultra h1, #meta-content-shop-ultra h2, #meta-content-shop-ultra h3  {
	color: #323b41;
}
#meta-content-shop-ultra h2 , #meta-content-shop-ultra h3 {
	padding-top: 30px;
}
#meta-content-shop-ultra .cc-container {
	padding: 60px 40px;
	overflow: unset !important;
}

#meta-content-shop-ultra p {
	font-size: 14px;
	font-weight: 400;
	font-family: "Titillium Web",Arial,Helvetica,sans-serif;
	line-height: 1.5;
	
}
#meta-content-shop-ultra a {
	color: var(--blue);
}
/* review */
#review-ultra {
	margin: 80px auto;
}
#cr-show-more-all-reviews {
	background: var(--blue);
	color: #fff;
	border: unset;
	border-radius: 4px;
}
.cr-rating-product-name {
	flex-direction: row-reverse;	
}
.cr-product-name-picture {
	flex-direction: column !important;
}

div.cr-all-reviews-shortcode ol li div.comment_container img.iv-comment-product-img, div.cr-all-reviews-shortcode ol li div.comment_container .iv-comment-product-img img {
	left: 0 !important;
}

.cr-all-reviews-shortcode ol.commentlist li .comment-text .cr-rating-product-name .cr-product-name-picture .cr-comment-productname-a {
	left: 0 !important;
}


/* card */
.product-labels {
	overflow: hidden;
}


#ultra-slider-wrapper .top-selling-item {
  width: 100%;
  text-decoration: none;
  position: relative;
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
  border-radius: 12px;
  background: #f4f4f4;
  transition: box-shadow .15s ease,-webkit-box-shadow .15s ease;
  overflow: hidden;
  box-sizing: border-box;
}
#ultra-slider-wrapper .top-selling-item:hover {
  box-shadow: 0 0 11px rgba(0,0,0,.1)
}
#ultra-slider-wrapper .top-selling-item header {
  height: 300px;
  overflow: hidden;
  border-radius: 12px 12px 0 0;
  border-top: 2px solid #e6e6e6;
  border-right: 2px solid #e6e6e6;
  border-left: 2px solid #e6e6e6;

}
#ultra-slider-wrapper .top-selling-item header a {
  width: 100%;
  height: 100%;
  display: flex;
	position:relative;
}
.product-labels-item p {
	font-size: 14px !important;
}
.product-labels-item i {
	font-size: 16px !important;
}
#ultra-slider-wrapper .top-selling-item header img {
  width: 100% !important;
  height: auto;
  min-height: 300px;
}
#ultra-slider-wrapper .top-selling-item footer {
  width: 100%;
  height: 240px;
  position: relative;
  padding: 0 16px;
  transition: bottom .3s ease-in-out;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  border-top: 2px solid #e6e6e6;
  border-right: 2px solid #e6e6e6;
  border-left: 2px solid #e6e6e6;
}

        .card-colors {
            width: 100%;
            height: auto;
            display: flex;
            padding: 12px 0;
            justify-content: center;
        }

        .card-colors-item {
            width: 32px;
            height: 32px;
            border-radius: 50%;
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            margin: 0 2px;
            padding: 2px;
            border: 2px solid transparent;
        }
        .card-colors-item img {
            width: 30px !important;
            height: 30px;
            border-radius: 50%;
            margin: 0 auto;
            cursor: pointer;
        }
.card-colors-item:last-child {
    border: 2px solid #d6d6d6 !important;
}

.card-colors-item .more-items {
  width: 36px;
  height: 36px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  color: #000 !important;
  font-weight: 500;
  font-size: 14px;
  text-decoration: none !important;
}

.selected-color-carousel {
  border: 2px solid #ca4b4b;
}

#ultra-slider-wrapper .top-selling-item footer h3 {
  width: 100%;
  min-height: 30px;
  color: #000;
  font-size: 16px;
  margin: 0;
  text-align: left;
}
#ultra-slider-wrapper .top-selling-item footer p {
  color: #32802f !important;
}
#ultra-slider-wrapper .top-selling-item footer p span {
  color: #32802f !important;
}

        .select-btn-carousel {
            width: 100%;
            text-align: center;
            background-color: #2085c7;
            border: 2px solid #2085c7;
            color: #fff;
            display: flex;
            justify-content: center;
            padding: 16px 0;
            text-decoration: none !important;
            font-weight: 900;
        }

#ultra-slider-wrapper .star-rating {
  display: flex;
            justify-content: start;
            margin-top: 9px;
}

#ultra-slider-wrapper .star-rating span {
  color: #f90; /* Color for filled stars */
}

#ultra-slider-wrapper .star-rating .empty-star {
  color: #f90; /* Color for empty stars */
}

#ultra-slider-wrapper .star-rating .half-star {
  color: #f90; /* Color for half stars */
}

/* Optional: Adjust spacing between stars */
#ultra-slider-wrapper .star-rating span {
            font-size: 1em !important; /* Adjust size as needed */
  margin-right: 2px; /* Space between stars */
}
#ultra-slider-wrapper p, #ultra-slider-wrapper h3 { text-decoration: none }

#ultra-slider-wrapper .owl-nav {
  width: 100%;
  position: absolute;
  bottom: 0;
display: flex !important;
}
#ultra-slider-wrapper .owl-prev, #ultra-slider-wrapper .owl-next {
  display: flex;
  color: #ff5722;
  font-size: 25px;
  position: absolute;
}
#ultra-slider-wrapper .owl-prev { left: -30px }
#ultra-slider-wrapper .owl-next { right: -30px } 

#ultra-slider-wrapper .owl-prev i { margin-right: 20px }
#ultra-slider-wrapper .owl-next i { margin-left: 20px } 

#ultra-slider-wrapper .owl-dots {
  width: fitt-content;
  height: auto;
  display: flex;
  justify-content: center;
}

#ultra-slider-wrapper .owl-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin: 0 3px;
  background: #eb462f;
  margin-top: 20px;
}
#ultra-slider-wrapper #discount-product {
  display: flex !important;
  left: 10px !important;
  top: 12px !important;
}

#ultra-slider-wrapper .review-count {
  position: absolute;
  bottom: 0;
  right: 32px;
  color: #f90 !important;
}

@media only screen and ( max-width: 1200px ) {
	#main-shop {
 		width: 90%;
	}

}

@media only screen and ( max-width: 850px ) {
	.popular-section-item a { height: 250px !important }
	.popular-section-item img { min-height: 210px !important }
}

@media only screen and ( max-width: 768px) {
	.popular-section-row { flex-wrap: wrap }
	.popular-section-item { width: 48% !important }
	.popular-section-item:nth-child(3) {
		margin: 10px auto !important;
	}
    /* #ultra-slider-wrapper { padding-top: 106px !important ;} */
	.category-title-content { top: 260px !important;padding: 20px 0 !important }
	.category-title-content h1 { font-size: 40px !important; }
	.category-title-content img { max-width: 200px !important }
	
}
@media only screen and ( max-width:550px ) {
	.popular-section-item { width: 90% !important; margin: 0 auto 16px auto }
	.popular-section-item a { height: 280px }
	.popular-section-item img { min-width: 240px }
	
}

@media only screen and ( max-width: 480px ) {
	.category-title-content { top: 250px !important; }
	.owl-dot { width: 10px !important }
	.owl-dot.active { width: 20px !important }
	
	.crstar-rating-svg { width: 100%!important }
	.crstar-rating-svg { top: -40px !important }
}