/******************************************************************
  Template Name: Ogani
  Description:  Ogani eCommerce  HTML Template
  Author: Colorlib
  Author URI: https://colorlib.com
  Version: 1.0
  Created: Colorlib
******************************************************************/

/*------------------------------------------------------------------
[Table of contents]

1.  Template default CSS
	1.1	Variables
	1.2	Mixins
	1.3	Flexbox
	1.4	Reset
2.  Helper Css
3.  Header Section
4.  Hero Section
5.  Service Section
6.  Categories Section
7.  Featured Section
8.  Latest Product Section
9.  Contact
10.  Footer Style
-------------------------------------------------------------------*/

/*----------------------------------------*/
/* Template default CSS
/*----------------------------------------*/
html {
  scroll-behavior: smooth;
}

html,
body {
	height: 100%;
	font-family: "Century Gothic", CenturyGothic,AppleGothic, sans-serif;

	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	color: #111111;
	font-weight: 400;
	font-family: "Century Gothic", CenturyGothic,AppleGothic, sans-serif;


}

h1 {
	font-size: 70px;
}

h2 {
	font-size: 40px;
}

.product-container h3{
	font-size: 22px!important;
}

h3 {
	font-size: 14px;
}

h4 {
	font-size: 24px;
}

h5 {
	font-size: 20px;
}

h6 {
	font-size: 22px;
}

a {
	/*font-size: 20px;*/
}

label {
	font-size: 20px;
}

p {
	font-size: 20px;
	font-family: "Century Gothic", CenturyGothic,AppleGothic, sans-serif;
	
	color: #6f6f6f;
	font-weight: 400;
	line-height: 26px;
	margin: 0 0 15px 0;
}

img {
	max-width: 100%;
}

input:focus,
select:focus,
button:focus,
textarea:focus {
	outline: none;
}

/*a:hover,
a:focus {
	text-decoration: none;
	outline: none;
	color: #fff;
}*/

ul,
ol {
	padding: 0;
	margin: 0;
}

/*---------------------
  Helper CSS
-----------------------*/

.section-title {
	margin-bottom: 50px;
	text-align: center;
}

.section-title h2 {
	color: #1c1c1c;
	font-weight: 700;
	position: relative;
}

.section-title h2:after {
	position: absolute;
	left: 0;
	bottom: -15px;
	right: 0;
	height: 4px;
	width: 80px;
	background: #681730;
	content: "";
	margin: 0 auto;
}

.set-bg {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
}

.set-bg0 {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
}

.spad {
	/*padding-top: 100px;*/
	padding-bottom: 100px;
}

.text-white h1,
.text-white h2,
.text-white h3,
.text-white h4,
.text-white h5,
.text-white h6,
.text-white p,
.text-white span,
.text-white li,
.text-white a {
	color: #fff;
}

/* buttons */

.primary-btn {
	display: inline-block;
	font-size: 14px;
	padding: 10px 28px 10px;
	color: #ffffff;
	text-transform: uppercase;
	font-weight: 700;
	background: #7fad39;
	letter-spacing: 2px;
}

.site-btn {
	font-size: 14px;
	color: #ffffff;
	font-weight: 800;
	text-transform: uppercase;
	display: inline-block;
	padding: 7px 15px 6px;
	background: #681730;
	border: none;
	border-radius: 10px;
}

/* Preloder */

#preloder {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 999999;
	background: #000;
}

.loader {
	width: 40px;
	height: 40px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -13px;
	margin-left: -13px;
	border-radius: 60px;
	animation: loader 0.8s linear infinite;
	-webkit-animation: loader 0.8s linear infinite;
}

@keyframes loader {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
		border: 4px solid #f44336;
		border-left-color: transparent;
	}
	50% {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
		border: 4px solid #673ab7;
		border-left-color: transparent;
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
		border: 4px solid #f44336;
		border-left-color: transparent;
	}
}

@-webkit-keyframes loader {
	0% {
		-webkit-transform: rotate(0deg);
		border: 4px solid #f44336;
		border-left-color: transparent;
	}
	50% {
		-webkit-transform: rotate(180deg);
		border: 4px solid #673ab7;
		border-left-color: transparent;
	}
	100% {
		-webkit-transform: rotate(360deg);
		border: 4px solid #f44336;
		border-left-color: transparent;
	}
}

/* Navbar */
.navbar {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0px 6% 0 4%;
  background: #fff;
}

.navbar .logo {
  font-size: 24px;
  font-weight: bold;
  color: #333;
  margin-left: 10px;
}




.navbar .menu {
  display: flex;
  list-style: none;
  gap: 30px;
  justify-content: flex-end;
}

.navbar .menu li a {
  text-decoration: none;
  color: #333;
  font-weight: 500;
}

.navbar .menu li a:hover {
  color: #681730;
}

.navbar .icons {
  display: flex;
  gap: 15px;
  font-size: 18px;
  cursor: pointer;
      left: -30px;
}

.navbar .icons a{
  display: flex;
  gap: 30px;
  font-size: 18px;
  cursor: pointer;
  color: #681730;
}



/* Hero Section */
.hero {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 60px 5%;
}

.hero-text {
  max-width: 500px;
      margin-top: 100px;
    margin-bottom: 150px;
}

.hero-text h1 {
  font-size: 55px;
  line-height: 1.4;
}

.hero-text h1 .green {
  color: #d3a85b;
  font-weight: bold;
}

.hero-text h1 .red {
  color: #a02040;
  font-weight: bold;
}

.hero-text p {
  margin: 20px 0;
  font-size: 16px;
  color: #555;
}

.stats {
  display: flex;
  gap: 40px;
  margin: 20px 0;
}

.stats div {
  font-size: 25px;
  font-weight: bold;
      margin-left: 70px;
}

.search-box {
  display: flex;
  margin-top: 20px;
}

.search-box1 {
  display: flex;
  margin-top: 20px;
      margin-left: 470px;
    margin-bottom: -50px;
}

.search-box input {
  padding: 12px;
  width: 300px;
  border: 1px solid #ddd;
  border-radius: 5px 0 0 5px;
  outline: none;
}

.search-box1 input {
  padding: 12px;
  width: 300px;
  border: 1px solid #ddd;
  border-radius: 5px 0 0 5px;
  outline: none;
}

.search-box button {
  background: #fff;
  border: 1px solid #ddd;
  border-left: none;
  padding: 12px 15px;
  cursor: pointer;
  border-radius: 0 5px 5px 0;
}

.search-box1 button {
  background: #fff;
  border: 1px solid #ddd;
  border-left: none;
  padding: 12px 15px;
  cursor: pointer;
  border-radius: 0 5px 5px 0;
}

.search-box input {
	border-radius: 0px;
}

.search-box1 input {
	border-radius: 0px;
}

.categories-btn {
  margin-top: 20px;
  display: inline-block;
  background: #681730;
  color: #fff;
  padding: 12px 25px;
  border-radius: 30px;
  text-decoration: none;
  font-weight: bold;
  transition: 0.3s;
}


/* Mobile Responsiveness */
@media (max-width: 768px) {
  .search-box1 {
    width: 90%; /* Adjust width on smaller screens */
    margin-left: 2%;
    margin-right: 5%;
    margin-bottom: 20px;
  }

  .search-box1 input {
    width: 80%; /* Adjust input width on smaller screens */
  }

  .search-box1 button {
    width: 20%; /* Adjust button width on smaller screens */
  }
}

.categories-btn:hover {
  background: #681730;
}

.hero img {
  width: 800px;
  max-width: 100%;
}

@media (max-width: 900px) {
  .hero {
    flex-direction: column;
    text-align: center;
  }
  .hero img {
    margin-top: 30px;
  }
}

/*---------------------
  Categories
-----------------------*/

.categories__item {
	height: 270px;
	position: relative;
}

.categories__item h5 {
	position: absolute;
	left: 0;
	width: 100%;
	padding: 0 20px;
	bottom: 20px;
	text-align: center;
}

.categories__item h5 a {
	font-size: 18px;
	color: #1c1c1c;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 2px;
	padding: 12px 0 10px;
	background: #ffffff;
	display: block;
}

.categories__slider .col-lg-3 {
	max-width: 100%;
}

.categories__slider.owl-carousel .owl-nav button {
	font-size: 50px;
	color: #1c1c1c;
	height: 70px;
	width: 0px;
	line-height: 70px;
	text-align: center;
	/*border: 1px solid #ebebeb;*/
	position: absolute;
	left: -35px;
	top: 50%;
	-webkit-transform: translateY(-35px);
	/*background: #ffffff;*/
}

.categories__slider.owl-carousel .owl-nav button.owl-next {
	left: auto;
	right: -35px;
}

/*---------------------
  Featured
-----------------------*/

.featured {
	padding-top: 80px;
	padding-bottom: 40px;
}

.featured__controls {
	text-align: center;
	margin-bottom: 50px;
}

.featured__controls ul li {
	list-style: none;
	font-size: 20px;
	color: #1c1c1c;
	display: inline-block;
	margin-right: 25px;
	position: relative;
	cursor: pointer;
}

.featured__controls ul li.active:after {
	opacity: 1;
}

.featured__controls ul li:after {
	position: absolute;
	left: 0;
	bottom: -2px;
	width: 100%;
	height: 2px;
	background: #681730;
	content: "";
	opacity: 0;
}

.featured__controls ul li:last-child {
	margin-right: 0;
}

.featured__item {
	margin-bottom: 50px;
}

.featured__item:hover .featured__item__pic .featured__item__pic__hover {
	bottom: 20px;
}

.featured__item__pic {
	height: 270px;
	position: relative;
	overflow: hidden;
	background-position: center center;
}

.featured__item__pic__hover {
	position: absolute;
	left: 0;
	bottom: -50px;
	width: 100%;
	text-align: center;
	-webkit-transition: all, 0.5s;
	-moz-transition: all, 0.5s;
	-ms-transition: all, 0.5s;
	-o-transition: all, 0.5s;
	transition: all, 0.5s;
	/*grace*/
	margin-left:32px;
}

.featured__item__pic__hover li {
	list-style: none;
	display: inline-block;
	margin-right: 6px;
}

.featured__item__pic__hover li:last-child {
	margin-right: 0;
}

.featured__item__pic__hover li:hover a {
	background: #681730;
	border-color: #7fad39;
}

.featured__item__pic__hover li:hover a i {
	color: #ffffff;
	transform: rotate(360deg);
}

.featured__item__pic__hover li a {
	font-size: 14px;
	color: #1c1c1c;
	/*grace*/
	height: 30px;
	width: 30px;
	/*grace*/

	line-height: 40px;
	text-align: center;
	border: 1px solid #ebebeb;
	background: #ffffff;
	display: block;
	border-radius: 50%;
	-webkit-transition: all, 0.5s;
	-moz-transition: all, 0.5s;
	-ms-transition: all, 0.5s;
	-o-transition: all, 0.5s;
	transition: all, 0.5s;
}



.featured__item__pic__hover li a i {
	position: relative;
	transform: rotate(0);
	-webkit-transition: all, 0.3s;
	-moz-transition: all, 0.3s;
	-ms-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
}

.featured__item__text {
	text-align: center;
	padding-top: 15px;
}

.featured__item__text h6 {
	margin-bottom: 10px;
}

.featured__item__text h6 a {
	color: #252525;
}

.featured__item__text h5 {
	color: #252525;
	font-weight: 700;
}

/*---------------------
  Latest Product
-----------------------*/

.latest-product {
	padding-top: 80px;
	padding-bottom: 0;
}

.latest-product__text h4 {
	font-weight: 700;
	color: #1c1c1c;
	margin-bottom: 45px;
}

.latest-product__slider.owl-carousel .owl-nav {
	position: absolute;
	right: 20px;
	top: -75px;
}

.latest-product__slider.owl-carousel .owl-nav button {
	height: 30px;
	width: 30px;
	background: #F3F6FA;
	border: 1px solid #e6e6e6;
	font-size: 14px;
	color: #636363;
	margin-right: 10px;
	line-height: 30px;
	text-align: center;
}

.latest-product__slider.owl-carousel .owl-nav button span {
	font-weight: 700;
}

.latest-product__slider.owl-carousel .owl-nav button:last-child {
	margin-right: 0;
}

.latest-product__item {
	margin-bottom: 20px;
	overflow: hidden;
	display: block;
}

.latest-product__item__pic {
	float: left;
	margin-right: 26px;
}

.latest-product__item__pic img {
	height: 110px;
	width: 110px;
}

.latest-product__item__text {
	overflow: hidden;
	padding-top: 10px;
	margin-right: 245px;
}

.latest-product__item__text h6 {
	color: #252525;
	margin-bottom: 8px;
}

.latest-product__item__text span {
	font-size: 18px;
	display: block;
	color: #252525;
	font-weight: 700;
}

/*---------------------
  Form BLog
-----------------------*/

.from-blog {
	padding-top: 50px;
	padding-bottom: 50px;
}

.from-blog .blog__item {
	margin-bottom: 30px;
}

.from-blog__title {
	margin-bottom: 70px;
}
/* Reset list styles */
.cat-row-list,
.cat-row-list ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* Main row container */
.cat-row-list {
  display: flex;
  justify-content: space-around; /* adjust spacing */
  background-color: #f5f5f5;
  padding: 12px 24px;
}

/* Each item in the row */
.cat-row-item {
  position: relative;
}

/* Main item link */
.cat-row-link {
  display: block;
  padding: 10px 15px;
  color: #333;
  text-decoration: none;
  font-weight: 600;
}

/* Hover / focus style of main link */
.cat-row-link:hover,
.cat-row-link:focus {
  background-color: #e0e0e0;
  color: #000;
}

/* Subcategory dropdown list, hidden by default */
.subcat-list {
  position: absolute;
  top: 100%;
  left: 0;
  background-color: #fff;
  border: 1px solid #ccc;
  min-width: 150px;
  display: none;
  z-index: 100;
}

/* Subcategory links */
.subcat-list li a {
  display: block;
  padding: 8px 12px;
  text-decoration: none;
  color: #333;
}

/* Hover effect for subcat links */
.subcat-list li a:hover,
.subcat-list li a:focus {
  background-color: #f0f0f0;
  color: #000;
}

/* Show dropdown when hovering over parent list item */
.cat-row-item:hover .subcat-list,
.cat-row-item:focus-within .subcat-list {
  display: block;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .cat-row-list {
    flex-wrap: wrap;
  }
  .cat-row-item {
    flex: 1 1 45%;
    text-align: center;
    margin-bottom: 10px;
  }
  .subcat-list {
    left: auto;
    right: 0;
  }
}

/*---------------------
  Breadcrumb
-----------------------*/

/* Breadcrumb section */
.breadcrumb-section {
  width: 100%;
  padding: 15px 0;
  background-color: #D3A85B;
}

@media only screen and (max-width: 767px) {
.breadcrumb-section {
  width: 100%;
  padding: 15px 0;
  background-color: #D3A85B;
  margin-top:42px;
}
}
/* Container aligned with navbar logo */
.breadcrumb-container {
  padding: 0 5% 0 5%;       /* same as navbar padding */
  display: flex;
  justify-content: space-between; /* breadcrumb left, shop dropdown right */
  align-items: center;            /* keep same row alignment */
}

/* Breadcrumb links */
.breadcrumb__option {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.breadcrumb__option a {
  font-size: 16px;
  color: #000;
  font-weight: 700;
  text-decoration: none;
}

.breadcrumb__option a:not(:last-child):after {
  content: "\f054";          
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  color: #000;
  margin: 0 8px;
}

.breadcrumb__option span {
  font-size: 16px;
  color: #000;
  font-weight: 700;
}

/* Shop dropdown */
.shop-dropdown {
  position: relative;
}

.shop-btn {
  background: #d3a85b;
  border: none;
  padding: 8px 15px;
  font-weight: 600;
  cursor: pointer;
  border-radius: 4px;
}

.shop-menu {
  position: absolute;
  top: 100%;
  left: 0;
  background: #fff;
  list-style: none;
  margin: 0;
  padding: 0;
  display: none;
  box-shadow: 0px 4px 8px rgba(0,0,0,0.15);
  border-radius: 4px;
}

.shop-menu li a {
  display: block;
  padding: 10px;
  color: #333;
  text-decoration: none;
}

.shop-menu li a:hover {
  background: #f2f2f2;
}

.shop-dropdown:hover .shop-menu {
  display: block;
}

/*---------------------
  Sidebar
-----------------------*/

.sidebar__item {
	margin-bottom: 35px;
}

.sidebar__item.sidebar__item__color--option {
	overflow: hidden;
}

.sidebar__item h4 {
	color: #1c1c1c;
	font-weight: 700;
	margin-bottom: 25px;
}

.sidebar__item ul li {
	list-style: none;
}

.sidebar__item ul li a {
	font-size: 16px;
	color: #1c1c1c;
	line-height: 39px;
	display: block;
}

.sidebar__item .latest-product__text {
	position: relative;
}

.sidebar__item .latest-product__text h4 {
	margin-bottom: 45px;
}

.sidebar__item .latest-product__text .owl-carousel .owl-nav {
	right: 0;
}

.price-range-wrap .range-slider {
	margin-top: 20px;
}

.price-range-wrap .range-slider .price-input {
	position: relative;
}

.price-range-wrap .range-slider .price-input:after {
	position: absolute;
	left: 38px;
	top: 13px;
	height: 1px;
	width: 5px;
	background: #dd2222;
	content: "";
}

.price-range-wrap .range-slider .price-input input {
	font-size: 16px;
	color: #dd2222;
	font-weight: 700;
	max-width: 20%;
	border: none;
	display: inline-block;
}

.price-range-wrap .price-range {
	border-radius: 0;
}

.price-range-wrap .price-range.ui-widget-content {
	border: none;
	background: #ebebeb;
	height: 5px;
}

.price-range-wrap .price-range.ui-widget-content .ui-slider-handle {
	height: 13px;
	width: 13px;
	border-radius: 50%;
	background: #ffffff;
	border: none;
	-webkit-box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.2);
	outline: none;
	cursor: pointer;
}

.price-range-wrap .price-range .ui-slider-range {
	background: #dd2222;
	border-radius: 0;
}

.price-range-wrap .price-range .ui-slider-range.ui-corner-all.ui-widget-header:last-child {
	background: #dd2222;
}

.sidebar__item__color {
	float: left;
	width: 40%;
}

.sidebar__item__color.sidebar__item__color--white label:after {
	border: 2px solid #333333;
	background: transparent;
}

.sidebar__item__color.sidebar__item__color--gray label:after {
	background: #E9A625;
}

.sidebar__item__color.sidebar__item__color--red label:after {
	background: #D62D2D;
}

.sidebar__item__color.sidebar__item__color--black label:after {
	background: #252525;
}

.sidebar__item__color.sidebar__item__color--blue label:after {
	background: #249BC8;
}

.sidebar__item__color.sidebar__item__color--green label:after {
	background: #3CC032;
}

.sidebar__item__color label {
	font-size: 16px;
	color: #333333;
	position: relative;
	padding-left: 32px;
	cursor: pointer;
}

.sidebar__item__color label input {
	position: absolute;
	visibility: hidden;
}

.sidebar__item__color label:after {
	position: absolute;
	left: 0;
	top: 5px;
	height: 14px;
	width: 14px;
	background: #222;
	content: "";
	border-radius: 50%;
}

.sidebar__item__size {
	display: inline-block;
	margin-right: 16px;
	margin-bottom: 10px;
}

.sidebar__item__size label {
	font-size: 12px;
	color: #6f6f6f;
	display: inline-block;
	padding: 8px 25px 6px;
	background: #f5f5f5;
	cursor: pointer;
	margin-bottom: 0;
}

.sidebar__item__size label input {
	position: absolute;
	visibility: hidden;
}

/*---------------------
  Shop Grid
-----------------------*/

.product {
	/*padding-top: 80px;*/
	padding-bottom: 0px;
}

.product__discount {
	padding-bottom: 50px;
}

.product__discount__title {
	text-align: left;
	margin-bottom: 65px;
}

.product__discount__title h2 {
	display: inline-block;
}

.product__discount__title h2:after {
	margin: 0;
	width: 100%;
}

.product__discount__item:hover .product__discount__item__pic .product__item__pic__hover {
	bottom: 20px;
}

.product__discount__item__pic {
	height: 270px;
	position: relative;
	overflow: hidden;
}

.product__discount__item__pic .product__discount__percent {
	height: 45px;
	width: 45px;
	background: #dd2222;
	border-radius: 50%;
	font-size: 14px;
	color: #ffffff;
	line-height: 45px;
	text-align: center;
	position: absolute;
	left: 15px;
	top: 15px;
}

.product__item__pic__hover {
	position: absolute;
	left: 0;
	bottom: -50px;
	width: 100%;
	text-align: center;
	-webkit-transition: all, 0.5s;
	-moz-transition: all, 0.5s;
	-ms-transition: all, 0.5s;
	-o-transition: all, 0.5s;
	transition: all, 0.5s;
}

.product__item__pic__hover li {
	list-style: none;
	display: inline-block;
	margin-right: 6px;
}

.product__item__pic__hover li:last-child {
	margin-right: 0;
}

.product__item__pic__hover li:hover a {
	background: #7fad39;
	border-color: #7fad39;
}

.product__item__pic__hover li:hover a i {
	color: #ffffff;
	transform: rotate(360deg);
}

.product__item__pic__hover li a {
	font-size: 16px;
	color: #1c1c1c;
	height: 40px;
	width: 40px;
	line-height: 40px;
	text-align: center;
	border: 1px solid #ebebeb;
	background: #ffffff;
	display: block;
	border-radius: 50%;
	-webkit-transition: all, 0.5s;
	-moz-transition: all, 0.5s;
	-ms-transition: all, 0.5s;
	-o-transition: all, 0.5s;
	transition: all, 0.5s;
}

.product__item__pic__hover li a i {
	position: relative;
	transform: rotate(0);
	-webkit-transition: all, 0.3s;
	-moz-transition: all, 0.3s;
	-ms-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
}

.product__discount__item__text {
	text-align: center;
	padding-top: 20px;
}

.product__discount__item__text span {
	font-size: 14px;
	color: #b2b2b2;
	display: block;
	margin-bottom: 4px;
}

.product__discount__item__text h5 {
	margin-bottom: 6px;
}

.product__discount__item__text h5 a {
	color: #1c1c1c;
}

.product__discount__item__text .product__item__price {
	font-size: 18px;
	color: #1c1c1c;
	font-weight: 700;
}

.product__discount__item__text .product__item__price span {
	display: inline-block;
	font-weight: 400;
	text-decoration: line-through;
	margin-left: 10px;
}

.product__discount__slider .col-lg-4 {
	max-width: 100%;
}

.product__discount__slider.owl-carousel .owl-dots {
	text-align: center;
	margin-top: 30px;
}

.product__discount__slider.owl-carousel .owl-dots button {
	height: 12px;
	width: 12px;
	border: 1px solid #b2b2b2;
	border-radius: 50%;
	margin-right: 12px;
}

.product__discount__slider.owl-carousel .owl-dots button.active {
	background: #707070;
	border-color: #6f6f6f;
}

.product__discount__slider.owl-carousel .owl-dots button:last-child {
	margin-right: 0;
}

.filter__item {
	padding-top: 45px;
	border-top: 1px solid #ebebeb;
	padding-bottom: 20px;
}

.filter__sort {
	margin-bottom: 15px;
}

.filter__sort span {
	font-size: 16px;
	color: #6f6f6f;
	display: inline-block;
}

.filter__sort .nice-select {
	background-color: #fff;
	border-radius: 0;
	border: none;
	display: inline-block;
	float: none;
	height: 0;
	line-height: 0;
	padding-left: 18px;
	padding-right: 30px;
	font-size: 16px;
	color: #1c1c1c;
	font-weight: 700;
	cursor: pointer;
}

.filter__sort .nice-select span {
	color: #1c1c1c;
}

.filter__sort .nice-select:after {
	border-bottom: 1.5px solid #1c1c1c;
	border-right: 1.5px solid #1c1c1c;
	height: 8px;
	margin-top: 0;
	right: 16px;
	width: 8px;
	top: -5px;
}

.filter__sort .nice-select.open .list {
	opacity: 1;
	pointer-events: auto;
	-webkit-transform: scale(1) translateY(0);
	-ms-transform: scale(1) translateY(0);
	transform: scale(1) translateY(0);
}

.filter__sort .nice-select .list {
	border-radius: 0;
	margin-top: 0;
	top: 15px;
}

.filter__sort .nice-select .option {
	line-height: 30px;
	min-height: 30px;
}

.filter__found {
	text-align: center;
	margin-bottom: 15px;
}

.filter__found h6 {
	font-size: 16px;
	color: #b2b2b2;
}

.filter__found h6 span {
	color: #1c1c1c;
	font-weight: 700;
	margin-right: 5px;
}

.filter__option {
	text-align: right;
	margin-bottom: 15px;
}

.filter__option span {
	font-size: 24px;
	color: #b2b2b2;
	margin-right: 10px;
	cursor: pointer;
	-webkit-transition: all, 0.3s;
	-moz-transition: all, 0.3s;
	-ms-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
}

.filter__option span:last-child {
	margin: 0;
}

.filter__option span:hover {
	color: #7fad39;
}

.product__item {
	margin-bottom: 50px;
}

.product__item:hover .product__item__pic .product__item__pic__hover {
	bottom: 20px;
}

.product__item__pic {
	height: 270px;
	position: relative;
	overflow: hidden;
}

.product__item__pic__hover {
	position: absolute;
	left: 0;
	bottom: -50px;
	width: 100%;
	text-align: center;
	-webkit-transition: all, 0.5s;
	-moz-transition: all, 0.5s;
	-ms-transition: all, 0.5s;
	-o-transition: all, 0.5s;
	transition: all, 0.5s;
}

.product__item__pic__hover li {
	list-style: none;
	display: inline-block;
	margin-right: 6px;
}

.product__item__pic__hover li:last-child {
	margin-right: 0;
}

.product__item__pic__hover li:hover a {
	background: #681730;
	border-color: #681730;
}

.product__item__pic__hover li:hover a i {
	color: #ffffff;
	transform: rotate(360deg);
}

.product__item__pic__hover li a {
	font-size: 16px;
	color: #1c1c1c;
	height: 40px;
	width: 40px;
	line-height: 40px;
	text-align: center;
	border: 1px solid #ebebeb;
	background: #ffffff;
	display: block;
	border-radius: 50%;
	-webkit-transition: all, 0.5s;
	-moz-transition: all, 0.5s;
	-ms-transition: all, 0.5s;
	-o-transition: all, 0.5s;
	transition: all, 0.5s;
}

.product__item__pic__hover li a i {
	position: relative;
	transform: rotate(0);
	-webkit-transition: all, 0.3s;
	-moz-transition: all, 0.3s;
	-ms-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
}

.product__item__text {
	text-align: center;
	padding-top: 15px;
}

.product__item__text h6 {
	margin-bottom: 10px;
}

.product__item__text h6 a {
	color: #252525;
}

.product__item__text h5 {
	color: #252525;
	font-weight: 700;
}

.product__pagination,
.blog__pagination {
	padding-top: 25px;
    margin-left: 475px;
}

.product__pagination a,
.blog__pagination a {
	display: inline-block;
	width: 30px;
	height: 30px;
	border: 1px solid #b2b2b2;
	font-size: 14px;
	color: #000;
	font-weight: 700;
	line-height: 28px;
	text-align: center;
	margin-right: 16px;
	-webkit-transition: all, 0.3s;
	-moz-transition: all, 0.3s;
	-ms-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
}

.product__pagination a:hover,
.blog__pagination a:hover {
	background: #681730;
	border-color: #681730;
	color: #ffffff;
}

.product__pagination a:last-child,
.blog__pagination a:last-child {
	margin-right: 0;
}

/*---------------------
  Shop Details
-----------------------*/

.product-details {
	padding-top: 80px;
}

.product__details__pic__item {
	margin-bottom: 20px;
}

.product__details__pic__item img {
	min-width: 100%;
}

.product__details__pic__slider img {
	cursor: pointer;
}

.product__details__pic__slider.owl-carousel .owl-item img {
	width: auto;
}

.product__details__text h3 {
	color: #252525;
	font-weight: 700;
	margin-bottom: 16px;
}

.product__details__text .product__details__rating {
	font-size: 14px;
	margin-bottom: 12px;
}

.product__details__text .product__details__rating i {
	margin-right: -2px;
	color: #EDBB0E;
}

.product__details__text .product__details__rating span {
	color: #dd2222;
	margin-left: 4px;
}

.product__details__text .product__details__price {
	font-size: 30px;
	color: #dd2222;
	font-weight: 600;
	margin-bottom: 15px;
}

.product__details__text p {
	margin-bottom: 45px;
}

.product__details__text .primary-btn {
	padding: 16px 28px 14px;
	margin-right: 6px;
	margin-bottom: 5px;
}

.product__details__text .heart-icon {
	display: inline-block;
	font-size: 16px;
	color: #6f6f6f;
	padding: 13px 16px 13px;
	background: #f5f5f5;
}

.product__details__text ul {
	border-top: 1px solid #ebebeb;
	padding-top: 40px;
	margin-top: 50px;
}

.product__details__text ul li {
	font-size: 16px;
	color: #1c1c1c;
	list-style: none;
	line-height: 36px;
}

.product__details__text ul li b {
	font-weight: 700;
	width: 170px;
	display: inline-block;
}

.product__details__text ul li span samp {
	color: #dd2222;
}

.product__details__text ul li .share {
	display: inline-block;
}

.product__details__text ul li .share a {
	display: inline-block;
	font-size: 15px;
	color: #1c1c1c;
	margin-right: 25px;
}

.product__details__text ul li .share a:last-child {
	margin-right: 0;
}

.product__details__quantity {
	display: inline-block;
	margin-right: 6px;
}

.pro-qty {
	width: 140px;
	height: 50px;
	display: inline-block;
	position: relative;
	text-align: center;
	background: #f5f5f5;
	margin-bottom: 5px;
}

.pro-qty input {
	height: 100%;
	width: 100%;
	font-size: 16px;
	color: #6f6f6f;
	width: 50px;
	border: none;
	background: #f5f5f5;
	text-align: center;
}

.pro-qty .qtybtn {
	width: 35px;
	font-size: 16px;
	color: #6f6f6f;
	cursor: pointer;
	display: inline-block;
}

.product__details__tab {
	padding-top: 85px;
}

.product__details__tab .nav-tabs {
	border-bottom: none;
	justify-content: center;
	position: relative;
}

.product__details__tab .nav-tabs:before {
	position: absolute;
	left: 0;
	top: 12px;
	height: 1px;
	width: 370px;
	background: #ebebeb;
	content: "";
}

.product__details__tab .nav-tabs:after {
	position: absolute;
	right: 0;
	top: 12px;
	height: 1px;
	width: 370px;
	background: #ebebeb;
	content: "";
}

.product__details__tab .nav-tabs li {
	margin-bottom: 0;
	margin-right: 65px;
}

.product__details__tab .nav-tabs li:last-child {
	margin-right: 0;
}

.product__details__tab .nav-tabs li a {
	font-size: 16px;
	color: #999999;
	font-weight: 700;
	border: none;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	padding: 0;
}

.product__details__tab .product__details__tab__desc {
	padding-top: 44px;
}

.product__details__tab .product__details__tab__desc h6 {
	font-weight: 700;
	color: #333333;
	margin-bottom: 26px;
}

.product__details__tab .product__details__tab__desc p {
	color: #666666;
}

/*---------------------
  Shop Details
-----------------------*/

.related-product {
	padding-bottom: 30px;
}

.related__product__title {
	margin-bottom: 70px;
}


/* -------------------------
   Shop Cart Section
-------------------------- */
.shoping-cart {
    padding-top: 50px;
    padding-bottom: 50px;
    font-family: Arial, sans-serif;
    background-color: #fefefe;
}

/* Top Info Bar */
.cart-info-bar {
    display: flex;
    justify-content: space-between;
    background-color: #d3a85b; /* light gold for identification */
    padding: 12px 20px;
    border-radius: 8px;
    margin-bottom: 20px;
    font-weight: 600;
    color: #681730;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2); /* black shadow */
}

.cart-info-left span {
    margin-right: 20px;
}

/* Cart Wrapper */
.cart-wrapper {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

/* Left Column */
.cart-left {
    flex: 2;
    background-color: #d3a85b; /* white background */
    padding: 20px;
    border-radius: 8px;
    margin-bottom: 60px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2); /* black shadow */
}

/* Right Column */
.cart-right {
    flex: 1;
    background-color: #d3a85b; /* white background */
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2); /* black shadow */
    height: fit-content;
    margin-top: 20.5px;
}

/* Cart Table */
.shoping_cart_table table {
    width: 100%;
    text-align: center;
    border-collapse: collapse;
    background-color: #fff; /* white table background */
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

.shoping_carttable th, .shopingcart_table td {
    padding: 15px 10px;
    color: #681730;
}

.shoping_carttable th.shoping_product {
    text-align: left;
}

.shoping_carttable td.shopingcart_item {
    text-align: left;
    background-color: #fff; /* white row */
    border-radius: 5px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2); /* black shadow */
    margin-bottom: 5px;
}

.shoping_carttable td.shopingcart_item img {
    width: 80px;
    height: 80px;
    margin-right: 15px;
    vertical-align: middle;
    border-radius: 5px;
}

/* Quantity Buttons */
.pro-qty {
    display: flex;
    align-items: center;
    gap: 5px;
}

.pro-qty input {
    width: 40px;
    text-align: center;
    border: 1px solid #681730;
    border-radius: 4px;
    height: 30px;
    color: #681730;
    background-color: #fff;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2); /* black shadow */
}

/* Plus Minus Button Circle */
.qtybtn {
    width: 30px;
    height: 30px;
    border-radius: 50%; /* perfect circle */
    background-color: #681730; /* maroon */
    border: none;
    color: #fff; /* text white */
    font-size: 18px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2); /* black shadow */
}

.qtybtn:hover {
    background-color: #9b244f;
}

/* Remove Button */
.shoping_cartitem_close span {
    cursor: pointer;
    font-size: 20px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2); /* black shadow */
}

/* Cart Buttons */
.primary-btn {
    background-color: #681730;
    color: #fff;
    padding: 8px 20px;
    text-decoration: none;
    border-radius: 30px;
    font-weight: 600;
    margin-top: 20px;
    display: inline-block;
    transition: 0.3s;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2); /* black shadow */
}

.primary-btn:hover {
    background-color: #9b244f;
}

.cart-btn-right {
    float: right;
}

/* Order Summary */
.shoping__checkout {
    background-color: #fff; /* white summary */
    padding: 10px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2); /* black shadow */
}

.shoping__checkout h5 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 15px;
}

.shoping__checkout ul {
    list-style: none;
    padding: 10px;
    margin-bottom: 15px;
    background-color: #fff; /* white items inside summary */
    border-radius: 5px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2); /* black shadow */
}

.shoping__checkout ul li {
    display: flex;
    justify-content: space-between;
    padding: 8px 0;
    border-bottom: 1px solid #f2e6ec;
}

/* Responsive */
@media (max-width: 992px){
    .cart-wrapper { flex-direction: column; }
    .cart-btn-right { float: none; margin-top: 10px; }
    .cart-info-bar { flex-direction: column; gap: 5px; }
}
/*---------------------
  Checkout
-----------------------*/

.checkout {
	padding-top: 80px;
	padding-bottom: 60px;
}

.checkout h6 {
	color: #999999;
	text-align: center;
	background: #f5f5f5;
	border-top: 1px solid #6AB963;
	padding: 12px 0 12px;
	margin-bottom: 75px;
}

.checkout h6 span {
	font-size: 16px;
	color: #6AB963;
	margin-right: 5px;
}

.checkout h6 a {
	text-decoration: underline;
	color: #999999;
}

.checkout__form h4 {
	color: #1c1c1c;
	font-weight: 700;
	border-bottom: 1px solid #e1e1e1;
	padding-bottom: 20px;
	margin-bottom: 25px;
}

.checkout__form p {
	column-rule: #b2b2b2;
}

.checkout__input {
	margin-bottom: 24px;
}

.checkout__input p {
	color: #1c1c1c;
	margin-bottom: 20px;
}

.checkout__input p span {
	color: #dd2222;
}

.checkout__input input {
	width: 100%;
	height: 46px;
	border: 1px solid #ebebeb;
	padding-left: 20px;
	font-size: 16px;
	color: #b2b2b2;
	border-radius: 4px;
}

.checkout__input input.checkout__input__add {
	margin-bottom: 20px;
}

.checkout__input input::placeholder {
	color: #b2b2b2;
}

.checkout__input__checkbox {
	margin-bottom: 10px;
}

.checkout__input__checkbox label {
	position: relative;
	font-size: 16px;
	color: #1c1c1c;
	padding-left: 40px;
	cursor: pointer;
}

.checkout__input__checkbox label input {
	position: absolute;
	visibility: hidden;
}

.checkout__input__checkbox label input:checked~.checkmark {
	background: #7fad39;
	border-color: #7fad39;
}

.checkout__input__checkbox label input:checked~.checkmark:after {
	opacity: 1;
}

.checkout__input__checkbox label .checkmark {
	position: absolute;
	left: 0;
	top: 4px;
	height: 16px;
	width: 14px;
	border: 1px solid #a6a6a6;
	content: "";
	border-radius: 4px;
}

.checkout__input__checkbox label .checkmark:after {
	position: absolute;
	left: 1px;
	top: 1px;
	width: 10px;
	height: 8px;
	border: solid white;
	border-width: 3px 3px 0px 0px;
	-webkit-transform: rotate(127deg);
	-ms-transform: rotate(127deg);
	transform: rotate(127deg);
	content: "";
	opacity: 0;
}

.checkout__order {
	background: #f5f5f5;
	padding: 40px;
	padding-top: 30px;
}

.checkout__order h4 {
	color: #1c1c1c;
	font-weight: 700;
	border-bottom: 1px solid #e1e1e1;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

.checkout__order .checkout__order__products {
	font-size: 18px;
	color: #1c1c1c;
	font-weight: 700;
	margin-bottom: 10px;
}

.checkout__order .checkout__order__products span {
	float: right;
}

.checkout__order ul {
	margin-bottom: 12px;
}

.checkout__order ul li {
	font-size: 16px;
	color: #6f6f6f;
	line-height: 40px;
	list-style: none;
}

.checkout__order ul li span {
	font-weight: 700;
	float: right;
}

.checkout__order .checkout__order__subtotal {
	font-size: 18px;
	color: #1c1c1c;
	font-weight: 700;
	border-bottom: 1px solid #e1e1e1;
	border-top: 1px solid #e1e1e1;
	padding-bottom: 15px;
	margin-bottom: 15px;
	padding-top: 15px;
}

.checkout__order .checkout__order__subtotal span {
	float: right;
}

.checkout__order .checkout__input__checkbox label {
	padding-left: 20px;
}

.checkout__order .checkout__order__total {
	font-size: 18px;
	color: #1c1c1c;
	font-weight: 700;
	border-bottom: 1px solid #e1e1e1;
	padding-bottom: 15px;
	margin-bottom: 25px;
}

.checkout__order .checkout__order__total span {
	float: right;
	color: #dd2222;
}

.checkout__order button {
	font-size: 18px;
	letter-spacing: 2px;
	width: 100%;
	margin-top: 10px;
}

/*---------------------
  Blog
-----------------------*/

.blog__item {
	margin-bottom: 60px;
}

.blog__item__pic img {
	min-width: 100%;
}

.blog__item__text {
	padding-top: 25px;
}

.blog__item__text ul {
	margin-bottom: 15px;
}

.blog__item__text ul li {
	font-size: 16px;
	color: #b2b2b2;
	list-style: none;
	display: inline-block;
	margin-right: 15px;
}

.blog__item__text ul li:last-child {
	margin-right: 0;
}

.blog__item__text h5 {
	margin-bottom: 12px;
}

.blog__item__text h5 a {
	font-size: 20px;
	color: #1c1c1c;
	font-weight: 700;
}

.blog__item__text p {
	margin-bottom: 25px;
}

.blog__item__text .blog__btn {
	display: inline-block;
	font-size: 14px;
	color: #1c1c1c;
	text-transform: uppercase;
	letter-spacing: 1px;
	border: 1px solid #b2b2b2;
	padding: 14px 20px 12px;
	border-radius: 25px;
}

.blog__item__text .blog__btn span {
	position: relative;
	top: 1px;
	margin-left: 5px;
}

.blog__pagination {
	padding-top: 5px;
	position: relative;
}

.blog__pagination:before {
	position: absolute;
	left: 0;
	top: -29px;
	height: 1px;
	width: 100%;
	background: #000000;
	opacity: 0.1;
	content: "";
}

/*---------------------
  Blog Sidebar
-----------------------*/

.blog__sidebar {
	padding-top: 50px;
}

.blog__sidebar__item {
	margin-bottom: 50px;
}

.blog__sidebar__item h4 {
	color: #1c1c1c;
	font-weight: 700;
	margin-bottom: 25px;
}

.blog__sidebar__item ul li {
	list-style: none;
}

.blog__sidebar__item ul li a {
	font-size: 16px;
	color: #666666;
	line-height: 48px;
	-webkit-transition: all, 0.3s;
	-moz-transition: all, 0.3s;
	-ms-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
}

.blog__sidebar__item ul li a:hover {
	color: #7fad39;
}

.blog__sidebar__search {
	margin-bottom: 50px;
}

.blog__sidebar__search form {
	position: relative;
}

.blog__sidebar__search form input {
	width: 100%;
	height: 46px;
	font-size: 16px;
	color: #6f6f6f;
	padding-left: 15px;
	border: 1px solid #e1e1e1;
	border-radius: 20px;
}

.blog__sidebar__search form input::placeholder {
	color: #6f6f6f;
}

.blog__sidebar__search form button {
	font-size: 16px;
	color: #6f6f6f;
	background: transparent;
	border: none;
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	padding: 0px 18px;
}

.blog__sidebar__recent .blog__sidebar__recent__item {
	display: block;
}

.blog__sidebar__recent .blog__sidebar__recent__item:last-child {
	margin-bottom: 0;
}

.blog__sidebar__recent__item {
	overflow: hidden;
	margin-bottom: 20px;
}

.blog__sidebar__recent__item__pic {
	float: left;
	margin-right: 20px;
}

.blog__sidebar__recent__item__text {
	overflow: hidden;
}

.blog__sidebar__recent__item__text h6 {
	font-weight: 700;
	color: #333333;
	line-height: 20px;
	margin-bottom: 5px;
}

.blog__sidebar__recent__item__text span {
	font-size: 12px;
	color: #999999;
	text-transform: uppercase;
}

.blog__sidebar__item__tags a {
	font-size: 16px;
	color: #6f6f6f;
	background: #f5f5f5;
	display: inline-block;
	padding: 7px 26px 5px;
	margin-right: 6px;
	margin-bottom: 10px;
}

/*---------------------
  Blog Details Hero
-----------------------*/

.blog-details-hero {
	height: 350px;
	display: flex;
	align-items: center;
}

.blog__details__hero__text {
	text-align: center;
}

.blog__details__hero__text h2 {
	font-size: 46px;
	color: #ffffff;
	font-weight: 700;
	margin-bottom: 10px;
}

.blog__details__hero__text ul li {
	font-size: 16px;
	color: #ffffff;
	list-style: none;
	display: inline-block;
	margin-right: 45px;
	position: relative;
}

.blog__details__hero__text ul li:after {
	position: absolute;
	right: -26px;
	top: 0;
	content: "|";
}

.blog__details__hero__text ul li:last-child {
	margin-right: 0;
}

.blog__details__hero__text ul li:last-child:after {
	display: none;
}

/*---------------------
  Blog Details
-----------------------*/

.related-blog {
	padding-top: 70px;
	padding-bottom: 10px;
}

.related-blog-title {
	margin-bottom: 70px;
}

.blog-details {
	padding-bottom: 75px;
	border-bottom: 1px solid #e1e1e1;
}

.blog__details__text {
	margin-bottom: 45px;
}

.blog__details__text img {
	margin-bottom: 30px;
}

.blog__details__text p {
	font-size: 18px;
	line-height: 30px;
}

.blog__details__text h3 {
	color: #333333;
	font-weight: 700;
	line-height: 30px;
	margin-bottom: 30px;
}

.blog__details__author__pic {
	float: left;
	margin-right: 15px;
}

.blog__details__author__pic img {
	height: 92px;
	width: 92px;
	border-radius: 50%;
}

.blog__details__author__text {
	overflow: hidden;
	padding-top: 30px;
}

.blog__details__author__text h6 {
	color: #1c1c1c;
	font-weight: 700;
}

.blog__details__author__text span {
	font-size: 16px;
	color: #6f6f6f;
}

.blog__details__widget ul {
	margin-bottom: 5px;
}

.blog__details__widget ul li {
	font-size: 16px;
	color: #6f6f6f;
	list-style: none;
	line-height: 30px;
}

.blog__details__widget ul li span {
	color: #1c1c1c;
	font-weight: 700;
}

.blog__details__widget .blog__details__social a {
	display: inline-block;
	font-size: 20px;
	color: #6f6f6f;
	margin-right: 24px;
	-webkit-transition: all, 0.3s;
	-moz-transition: all, 0.3s;
	-ms-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
}

.blog__details__widget .blog__details__social a:hover {
	color: #7fad39;
}

.blog__details__widget .blog__details__social a:last-child {
	margin-right: 0;
}

/*---------------------
  Footer
-----------------------*/
.foot {
        margin-left: -49px;
    width: 300px;
    height: 250px;
}

.footer {
    background: #000;
    padding-top: 40px; /* Reduced from 70px */
    padding-bottom: 20px; /* Reduced from 0px */
    border-radius: 80px 80px 0px 0px;
    margin-top: 40px;
}

.footer__about {
    margin-bottom: 15px; /* Reduced from 30px */
}

.footer__about ul li {
    font-size: 16px;
    color: #fff;
    line-height: 36px;
    list-style: none;
}

.footer__about__logo {
        margin-bottom: -101px;
    margin-top: -101px;/* Reduced from 15px */
}

.footer__about__logo a {
    display: inline-block;
}

.footer__widget {
    margin-bottom: 20px; /* Reduced from 30px */
    overflow: hidden;
}

.footer__widget h6 {
    color: #fff;
    font-weight: 700;
    margin-bottom: 10px;
}

.footer__widget ul {
    width: 50%;
    float: left;
}

.footer__widget ul li {
    list-style: none;
}

.footer__widget ul li a {
    color: #fff;
    font-size: 14px;
    line-height: 32px;
}

.footer__widget p {
    font-size: 14px;
    color: #fff;
    margin-bottom: 20px; /* Reduced from 30px */
}

.footer__widget form {
    position: relative;
    margin-bottom: 20px; /* Reduced from 30px */
}

.footer__widget form input {
    width: 95%;
    font-size: 16px;
    padding-left: 20px;
    color: #000;
    height: 46px;
    border: 1px;
}

.footer__widget form input::placeholder {
    color: #fff;
}

.footer__widget form button {
    position: absolute;
    right: 0;
    top: 0;
    padding: 0 26px;
    height: 100%;
}

.footer__widget .footer__widget__social a {
    display: inline-block;
    height: 41px;
    width: 41px;
    font-size: 16px;
    color: #404040;
    border: 1px solid #ededed;
    border-radius: 50%;
    line-height: 38px;
    text-align: center;
    background: #ffffff;
    -webkit-transition: all, 0.3s;
    -moz-transition: all, 0.3s;
    -ms-transition: all, 0.3s;
    -o-transition: all, 0.3s;
    transition: all, 0.3s;
    margin-right: 10px;
}

.footer__widget .footer__widget__social a:last-child {
    margin-right: 0;
}

.footer__widget .footer__widget__social a:hover {
    background: #681730;
    color: black;
    border-color: #ffffff;
}

.footer__copyright {
    border-top: 1px solid #d3a85b;
    padding: 10px 0; /* Reduced from 15px */
    overflow: hidden;
    margin-top: 10px; /* Reduced from 20px */
}

.footer__copyright__text {
    font-size: 14px;
    color: #fff;
    float: left;
    line-height: 25px;
}

.footer__copyright__payment {
    float: right;
}

/*---------------------
  Contact
-----------------------*/

.contact {
	padding-top: 80px;
	padding-bottom: 50px;
}

.contact__widget {
	margin-bottom: 30px;
}

.contact__widget span {
	font-size: 36px;
	color: #681730;
}

.contact__widget h4 {
	color: #1c1c1c;
	font-weight: 700;
	margin-bottom: 6px;
	margin-top: 18px;
}

.contact__widget p {
	color: #666666;
	margin-bottom: 0;
}

/*---------------------
  Map
-----------------------*/

.map {
	height: 500px;
	position: relative;
}

.map iframe {
	width: 100%;
}

.map .map-inside {
	position: absolute;
	left: 50%;
	top: 160px;
	-webkit-transform: translateX(-175px);
	-ms-transform: translateX(-175px);
	transform: translateX(-175px);
}

.map .map-inside i {
	font-size: 48px;
	color: #7fad39;
	position: absolute;
	bottom: -75px;
	left: 50%;
	-webkit-transform: translateX(-18px);
	-ms-transform: translateX(-18px);
	transform: translateX(-18px);
}

.map .map-inside .inside-widget {
	width: 350px;
	background: #ffffff;
	text-align: center;
	padding: 23px 0;
	position: relative;
	z-index: 1;
	-webkit-box-shadow: 0 0 20px 5px rgba(12, 7, 26, 0.15);
	box-shadow: 0 0 20px 5px rgba(12, 7, 26, 0.15);
}

.map .map-inside .inside-widget:after {
	position: absolute;
	left: 50%;
	bottom: -30px;
	-webkit-transform: translateX(-6px);
	-ms-transform: translateX(-6px);
	transform: translateX(-6px);
	border: 12px solid transparent;
	border-top: 30px solid #ffffff;
	content: "";
	z-index: -1;
}

.map .map-inside .inside-widget h4 {
	font-size: 22px;
	font-weight: 700;
	color: #1c1c1c;
	margin-bottom: 4px;
}

.map .map-inside .inside-widget ul li {
	list-style: none;
	font-size: 16px;
	color: #666666;
	line-height: 26px;
}

/*---------------------
  Contact Form
-----------------------*/

.contact__form__title {
	margin-bottom: 50px;
	text-align: center;
}

.contact__form__title h2 {
	color: #1c1c1c;
	font-weight: 700;
}

.contact-form {
	padding-top: 80px;
	padding-bottom: 80px;
}

.contact-form form input {
	width: 100%;
	height: 50px;
	font-size: 16px;
	color: #6f6f6f;
	padding-left: 20px;
	margin-bottom: 30px;
	border: 1px solid #ebebeb;
	border-radius: 4px;
}

.contact-form form input::placeholder {
	color: #6f6f6f;
}

.contact-form form textarea {
	width: 100%;
	height: 150px;
	font-size: 16px;
	color: #6f6f6f;
	padding-left: 20px;
	margin-bottom: 24px;
	border: 1px solid #ebebeb;
	border-radius: 4px;
	padding-top: 12px;
	resize: none;
}

.contact-form form textarea::placeholder {
	color: #6f6f6f;
}

.contact-form form button {
	font-size: 18px;
	letter-spacing: 2px;
}

/*--------------------------------- Responsive Media Quaries -----------------------------*/

@media only screen and (min-width: 1200px) {
	.container {
		max-width: 1170px;
	}
}

/* Medium Device = 1200px */

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.header__menu ul li {
		margin-right: 45px;
	}
	.hero__search__form {
		width: 490px;
	}
	.hero__categories__all {
		padding: 10px 25px 10px 20px;
	}
	.hero__categories ul {
		padding-left: 20px;
	}
	.latest-product__slider.owl-carousel .owl-nav {
		right: 0;
	}
	.product__details__tab .nav-tabs:before {
		width: 265px;
	}
	.product__details__tab .nav-tabs:after {
		width: 265px;
	}
	.shoping__discount form input {
		width: 240px;
	}
}

/* Tablet Device = 768px */

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.hero__categories {
		margin-bottom: 30px;
	}
	.hero__search__form {
		width: 485px;
	}
	.categories__slider.owl-carousel .owl-nav button {
		left: -20px;
	}
	.categories__slider.owl-carousel .owl-nav button.owl-next {
		right: -20px;
	}
	.filter__sort .nice-select {
		padding-left: 5px;
		padding-right: 28px;
	}
	.product__details__quantity {
		margin-bottom: 10px;
	}
	.product__details__text .primary-btn {
		margin-bottom: 10px;
	}
	.product__details__tab .nav-tabs:before {
		width: 150px;
	}
	.product__details__tab .nav-tabs:after {
		width: 150px;
	}
	.blog__details__author {
		overflow: hidden;
		margin-bottom: 25px;
	}
	.humberger__open {
		display: block;
		font-size: 22px;
		color: #1c1c1c;
		height: 35px;
		width: 35px;
		line-height: 33px;
		text-align: center;
		border: 1px solid #1c1c1c;
		cursor: pointer;
		position: absolute;
		right: 15px;
		top: 22px;
	}
	.header .container {
		position: relative;
	}
	.humberger__menu__wrapper {
		width: 300px;
		background: #ffffff;
		position: fixed;
		left: -300px;
		top: 0;
		height: 100%;
		overflow-y: auto;
		z-index: 99;
		padding: 30px;
		padding-top: 50px;
		opacity: 0;
		display: block;
		-webkit-transition: all, 0.6s;
		-moz-transition: all, 0.6s;
		-ms-transition: all, 0.6s;
		-o-transition: all, 0.6s;
		transition: all, 0.6s;
	}
	.humberger__menu__wrapper.show__humberger__menu__wrapper {
		opacity: 1;
		left: 0;
	}
	.humberger__menu__logo {
		margin-bottom: 30px;
	}
	.humberger__menu__logo a {
		display: inline-block;
	}
	.humberger__menu__contact {
		padding: 10px 0 13px;
	}
	.humberger__menu__contact ul li {
		font-size: 14px;
		color: #1c1c1c;
		position: relative;
		line-height: 30px;
		list-style: none;
	}
	.humberger__menu__contact ul li i {
		color: #252525;
		margin-right: 5px;
	}
	.humberger__menu__cart ul {
		display: inline-block;
		margin-right: 25px;
	}
	.humberger__menu__cart ul li {
		list-style: none;
		display: inline-block;
		margin-right: 15px;
	}
	.humberger__menu__cart ul li:last-child {
		margin-right: 0;
	}
	.humberger__menu__cart ul li a {
		position: relative;
	}
	.humberger__menu__cart ul li a i {
		font-size: 18px;
		color: #1c1c1c;
	}
	.humberger__menu__cart ul li a span {
		height: 13px;
		width: 13px;
		background: #7fad39;
		font-size: 10px;
		color: #ffffff;
		line-height: 13px;
		text-align: center;
		font-weight: 700;
		display: inline-block;
		border-radius: 50%;
		position: absolute;
		top: 0;
		right: -12px;
	}
	.humberger__menu__cart .header__cart__price {
		font-size: 14px;
		color: #6f6f6f;
		display: inline-block;
	}
	.humberger__menu__cart .header__cart__price span {
		color: #252525;
		font-weight: 700;
	}
	.humberger__menu__cart {
		margin-bottom: 25px;
	}
	.humberger__menu__widget {
		margin-bottom: 20px;
	}
	.humberger__menu__widget .header__top__right__language {
		margin-right: 20px;
	}
	.humberger__menu__nav {
		display: none;
	}
	.humberger__menu__wrapper .header__top__right__social {
		display: block;
		margin-right: 0;
		margin-bottom: 20px;
	}
	.humberger__menu__wrapper .slicknav_btn {
		display: none;
	}
	.humberger__menu__wrapper .slicknav_nav .slicknav_item a {
		border-bottom: none !important;
	}
	.humberger__menu__wrapper .slicknav_nav {
		display: block !important;
	}
	.humberger__menu__wrapper .slicknav_menu {
		background: transparent;
		padding: 0;
		margin-bottom: 30px;
	}
	.humberger__menu__wrapper .slicknav_nav ul {
		margin: 0;
	}
	.humberger__menu__wrapper .slicknav_nav a {
		color: #1c1c1c;
		font-size: 16px;
		font-weight: 600;
		margin: 0;
		border-bottom: 1px solid #e1e1e1;
	}
	.humberger__menu__wrapper .slicknav_nav a:hover {
		-webkit-border-radius: 0;
		border-radius: 0;
		background: transparent;
		color: #7fad39;
	}
	.humberger__menu__wrapper .slicknav_nav .slicknav_row,
	.humberger__menu__wrapper .slicknav_nav a {
		padding: 8px 0;
	}
	.humberger__menu__overlay {
		position: fixed;
		left: 0;
		top: 0;
		height: 100%;
		width: 100%;
		background: rgba(0, 0, 0, 0.5);
		content: "";
		z-index: 98;
		visibility: hidden;
		-webkit-transition: all, 0.6s;
		-moz-transition: all, 0.6s;
		-ms-transition: all, 0.6s;
		-o-transition: all, 0.6s;
		transition: all, 0.6s;
	}
	.humberger__menu__overlay.active {
		visibility: visible;
	}
	.header__top {
		display: none;
	}
	.header__menu {
		display: none;
	}
	.header__cart {
		text-align: center;
		padding: 10px 0 24px;
	}
	.over_hid {
		overflow: hidden;
	}
}
/* 📱 Tablet Devices grace */
@media (min-width: 768px) and (max-width: 1024px) {
    .cardu .imageu .featured__item__pic__hover {
        position: static;
        bottom: auto;
        left: auto;
        width: 100%;
        margin-top: 10px;
    }

    .cardu .imageu .featured__item:hover .featured__item__pic__hover {
        opacity: 1 !important;
        transform: none !important;
    }
}
/*grace end*/
/* Wide Mobile = 480px */

@media only screen and (max-width: 767px) {
	.hero__categories {
		margin-bottom: 30px;
	}
	.hero__search {
		margin-bottom: 30px;
	}
	.hero__search__form {
		width: 100%;
	}
	.hero__search__form form input {
		width: 100%;
	}
	.hero__search__form form .hero__search__categories {
		display: none;
	}
	.hero__search__phone {
		float: left;
		margin-top: 30px;
	}
	.categories__slider.owl-carousel .owl-nav {
		text-align: center;
		margin-top: 40px;
		display:none;
	}
	.categories__slider.owl-carousel .owl-nav button {
		position: relative;
		left: 0;
		top: 0;
		-webkit-transform: translateY(0);
	}
	.categories__slider.owl-carousel .owl-nav button.owl-next {
		right: -10px;
	}
	.footer__copyright {
		text-align: center;
	}
	.footer__copyright__text {
		float: none;
		margin-bottom: 25px;
	}
	.footer__copyright__payment {
		float: none;
	}
	.filter__item {
		text-align: center;
	}
	.filter__option {
		text-align: center;
	}
	.product__details__pic {
		margin-bottom: 40px;
	}
	.product__details__tab .nav-tabs:before {
		display: none;
	}
	.product__details__tab .nav-tabs:after {
		display: none;
	}
	.shoping__cart__table {
		overflow-y: auto;
	}
	.shoping__discount form input {
		margin-bottom: 15px;
	}
	.blog__details__author {
		overflow: hidden;
		margin-bottom: 25px;
	}
	.humberger__open {
		display: block;
		font-size: 22px;
		color: #1c1c1c;
		height: 35px;
		width: 35px;
		line-height: 33px;
		text-align: center;
		border: 1px solid #1c1c1c;
		cursor: pointer;
		position: absolute;
		right: 15px;
		top: 22px;
	}
	.header .container {
		position: relative;
	}
	.humberger__menu__wrapper {
		width: 300px;
		background: #ffffff;
		position: fixed;
		left: -300px;
		top: 0;
		height: 100%;
		overflow-y: auto;
		z-index: 99;
		padding: 30px;
		padding-top: 50px;
		opacity: 0;
		display: block;
		-webkit-transition: all, 0.6s;
		-moz-transition: all, 0.6s;
		-ms-transition: all, 0.6s;
		-o-transition: all, 0.6s;
		transition: all, 0.6s;
	}
	.humberger__menu__wrapper.show__humberger__menu__wrapper {
		opacity: 1;
		left: 0;
	}
	.humberger__menu__logo {
		margin-bottom: 30px;
	}
	.humberger__menu__logo a {
		display: inline-block;
	}
	.humberger__menu__contact {
		padding: 10px 0 13px;
	}
	.humberger__menu__contact ul li {
		font-size: 14px;
		color: #1c1c1c;
		position: relative;
		line-height: 30px;
		list-style: none;
	}
	.humberger__menu__contact ul li i {
		color: #252525;
		margin-right: 5px;
	}
	.humberger__menu__cart ul {
		display: inline-block;
		margin-right: 25px;
	}
	.humberger__menu__cart ul li {
		list-style: none;
		display: inline-block;
		margin-right: 15px;
	}
	.humberger__menu__cart ul li:last-child {
		margin-right: 0;
	}
	.humberger__menu__cart ul li a {
		position: relative;
	}
	.humberger__menu__cart ul li a i {
		font-size: 18px;
		color: #1c1c1c;
	}
	.humberger__menu__cart ul li a span {
		height: 13px;
		width: 13px;
		background: #7fad39;
		font-size: 10px;
		color: #ffffff;
		line-height: 13px;
		text-align: center;
		font-weight: 700;
		display: inline-block;
		border-radius: 50%;
		position: absolute;
		top: 0;
		right: -12px;
	}
	.humberger__menu__cart .header__cart__price {
		font-size: 14px;
		color: #6f6f6f;
		display: inline-block;
	}
	.humberger__menu__cart .header__cart__price span {
		color: #252525;
		font-weight: 700;
	}
	.humberger__menu__cart {
		margin-bottom: 25px;
	}
	.humberger__menu__widget {
		margin-bottom: 20px;
	}
	.humberger__menu__widget .header__top__right__language {
		margin-right: 20px;
	}
	.humberger__menu__nav {
		display: none;
	}
	.humberger__menu__wrapper .header__top__right__social {
		display: block;
		margin-right: 0;
		margin-bottom: 20px;
	}
	.humberger__menu__wrapper .slicknav_btn {
		display: none;
	}
	.humberger__menu__wrapper .slicknav_nav .slicknav_item a {
		border-bottom: none !important;
	}
	.humberger__menu__wrapper .slicknav_nav {
		display: block !important;
	}
	.humberger__menu__wrapper .slicknav_menu {
		background: transparent;
		padding: 0;
		margin-bottom: 30px;
	}
	.humberger__menu__wrapper .slicknav_nav ul {
		margin: 0;
	}
	.humberger__menu__wrapper .slicknav_nav a {
		color: #1c1c1c;
		font-size: 16px;
		font-weight: 600;
		margin: 0;
		border-bottom: 1px solid #e1e1e1;
	}
	.humberger__menu__wrapper .slicknav_nav a:hover {
		-webkit-border-radius: 0;
		border-radius: 0;
		background: transparent;
		color: #7fad39;
	}
	.humberger__menu__wrapper .slicknav_nav .slicknav_row,
	.humberger__menu__wrapper .slicknav_nav a {
		padding: 8px 0;
	}
	.humberger__menu__overlay {
		position: fixed;
		left: 0;
		top: 0;
		height: 100%;
		width: 100%;
		background: rgba(0, 0, 0, 0.5);
		content: "";
		z-index: 98;
		visibility: hidden;
		-webkit-transition: all, 0.6s;
		-moz-transition: all, 0.6s;
		-ms-transition: all, 0.6s;
		-o-transition: all, 0.6s;
		transition: all, 0.6s;
	}
	.humberger__menu__overlay.active {
		visibility: visible;
	}
	.header__top {
		display: none;
	}
	.header__menu {
		display: none;
	}
	.header__cart {
		text-align: center;
		padding: 10px 0 24px;
	}
	.over_hid {
		overflow: hidden;
	}

	/*grace*/
	/* 📱 Mobile Devices */
    /* Rectangle container */
.cardu .imageu .featured__item__pic__hover {
    position: absolute;
    bottom: 8px;
    right: auto;              /* move to right side */
    left: auto;
    
    display: flex;
    align-items: center;
    
    /*background: #681730;*/
    border-radius: 6px;      /* small rounded corners */
    /*padding: 4px 6px;      */
    
    transform: translateY(0);
    transition: all 0.3s ease;
    width: auto;             /* fit content */
    /*margin-left: 50px;*/
}

/* Remove list default spacing */
.featured__item__pic__hover {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* Each icon item */
.featured__item__pic__hover li {
    display: flex;
    align-items: center;
}

/* Vertical line separator */
.featured__item__pic__hover li:not(:last-child) {
    border-right: 1px solid rgba(255,255,255,0.5);
    margin-right: 1px;
    padding-right: 1px;
}

/* Icon style */
.featured__item__pic__hover li a {
    background: #681730;  
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    color: #fff;
    text-decoration: none;
}

    /*grace end*/


}

/* Small Device = 320px */

@media only screen and (max-width: 479px) {
	.hero__search__form form .hero__search__categories {
		display: none;
	}
	.featured__controls ul li {
		margin-bottom: 10px;
	}
	.product__details__text ul li b {
		width: 100px;
	}
	.product__details__tab .nav-tabs li {
		margin-right: 20px;
	}
	.shoping__cart__btns {
		text-align: center;
	}
	.primary-btn.cart-btn.cart-btn-right {
		float: none;
		margin-top: 10px;
	}
	.shoping__checkout .primary-btn {
		display: block;
		text-align: center;
		padding: 10px 15px 10px;
	}
	.map .map-inside {
		-webkit-transform: translateX(-125px);
		-ms-transform: translateX(-125px);
		transform: translateX(-125px);
	}
	.map .map-inside .inside-widget {
		width: 250px;
	}
	.product__details__tab .nav-tabs li {
		margin-right: 15px;
	}
	.shoping__discount form input {
		width: 100%;
	}
	.checkout__order {
		padding: 20px;
	}
	.blog__details__hero__text h2 {
		font-size: 24px;
	}
}

header.header {
    /*margin-left: -90px;*/
}






/* Dark overlay for readability */
.overlay1 {
  /*background: rgba(0,0,0,0.5);*/
  min-height: 100vh;
  padding: 40px 20px;
}

/* --- Banner --- */
.banner1 {
  text-align: center;
  margin-bottom: 40px;
  animation: slideDown 1.2s ease-out;
}
.banner1 h1 {
  font-size: 3rem;
  text-transform: uppercase;
  letter-spacing: 2px;
}
.banner1 h1 span {
  color: #ffeb3b;
}
.banner1 p {
  font-size: 1.2rem;
  margin-top: 10px;
  color: #ff9800;
}

/* --- Products Grid --- */
.products1 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 25px;
  max-width: 1100px;
  margin: auto;
}

/* Product card */
.card1 {
  background: rgba(255,255,255,0.1);
  border-radius: 15px;
  padding: 20px;
  text-align: center;
  backdrop-filter: blur(5px);
  transform: translateY(50px);
  opacity: 0;
  animation: fadeSlideUp 1s forwards;
}
.card1 img {
  max-width: 100%;
  border-radius: 10px;
  margin-bottom: 15px;
}
.card1 h2 {
  font-size: 1.1rem;
  margin-bottom: 10px;
  color: #ffe57f;
}
.card1 p {
  font-size: 1rem;
}

/* --- Animations --- */
@keyframes slideDown {
  from { transform: translateY(-80px); opacity: 0; }
  to   { transform: translateY(0); opacity: 1; }
}
@keyframes fadeSlideUp {
  from { opacity: 0; transform: translateY(50px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* Delay each card slightly */
.card1:nth-child(1) { animation-delay: 0.3s; }
.card1:nth-child(2) { animation-delay: 0.6s; }
.card1:nth-child(3) { animation-delay: 0.9s; }
.card1:nth-child(4) { animation-delay: 1.2s; }
.card1:nth-child(5) { animation-delay: 1.5s; }

/* Discount badge */
.badge1 {
  position: absolute;
  top: 15px;
  left: 15px;
  background: #e63946;
  color: #fff;
  padding: 6px 10px;
  border-radius: 50%;
  font-weight: bold;
  font-size: 0.9rem;
  animation: bounce 2s infinite;
}


/*.header__menu {
  padding: 24px 0;
}

.header__menu ul li {
  list-style: none;
  display: inline-block;
  margin-right: 50px;
  position: relative;
}

.header__menu ul li.active a {
  color: #7fad39;
}

.header__menu ul li:hover>a {
  color: #7fad39;
}

.header__menu ul li:last-child {
  margin-right: 0;
}

.header__menu ul li a {
  font-size: 14px;
  color: #252525;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 2px;
  -webkit-transition: all, 0.3s;
  -moz-transition: all, 0.3s;
  -ms-transition: all, 0.3s;
  -o-transition: all, 0.3s;
  transition: all, 0.3s;
  padding: 5px 0;
  display: block;
}
*/



/*mega offers section*/

.stage{
    width:100%;
    /*max-width:1000px;*/
    background: linear-gradient(0deg, #ffffff 0 12%, rgba(255,255,255,0) 12%),
                linear-gradient(140deg, rgba(255,255,255,0.12), rgba(255,255,255,0.02));
    border-radius:12px;
    overflow:hidden;
    position:relative;
    /*box-shadow: 0 20px 60px rgba(0,0,0,0.45);*/
  }

  /* diagonal yellow background area */
  .diagonal-bg{
    position:relative;
    background:
      linear-gradient(110deg, rgba(255,230,85,0.95) 0%, rgba(255,240,145,0.9) 45%, rgba(255,245,200,0.8) 100% );
    transform: skewY(-6deg);
    transform-origin: top left;
    padding: 120px 36px 80px; /* top padding leaves space for white top area */
     /*z-index: 5; */
  }

  .diagonal-bg1{
    position:relative;
    background: linear-gradient(135deg, #fff6e9, #ffe9cc, #fff);
    transform: skewY(-6deg);
    transform-origin: top left;
    padding: 55px 36px 15px; /* top padding leaves space for white top area */
        margin-top: 85px;
    margin-bottom: -40px;
     /*z-index: 5; */
  }

  /* revert skew for children */
  .diagonal-inner{
    transform: skewY(6deg);
    max-width:1100px;
    margin: -46px auto 0; /* pull up slightly to overlap */
    padding: 36px;
  }

  /* top white header with float banner */
  .hero-top{
    padding: 0px 0 10px;
    text-align:center;
    position:relative;
     /*z-index: 10 !important; */
  }

  
  .mega-banner{
    display:inline-block;
    transform: translateY(-30px);
    /*background: linear-gradient(180deg,#ffed77,#ffc43f);*/
    border-radius: 12px;
    padding: 0px 26px;
    /*box-shadow: 0 10px 30px rgba(255,120,40,0.18);*/
    font-weight:700;
    letter-spacing:0.6px;
    position:relative;
    animation: float 3s ease-in-out infinite;
      z-index: 20;
  }

  .mega-banner img{
  	width: 400px;
  	    margin-bottom: -141px;
  }
  .mega-banner .sub{
    display:block;
    font-weight:800;
    color:#d93838;
    font-size:14px;
  }
  @keyframes float{
    0%{ transform: translateY(-30px) rotate(-2deg); }
    50%{ transform: translateY(-36px) rotate(2deg); }
    100%{ transform: translateY(-30px) rotate(-2deg); }
  }

  /* grid */
  .grid{
    display:grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 28px;
    margin-top: 18px;
  }

  /* product card */
  .card{
    background: #fff;
    border-radius: 20px;
    padding: 18px;
    box-shadow: var(--shadow);
    position:relative;
    overflow:visible;
    transition: transform .28s cubic-bezier(.2,.9,.3,1), box-shadow .28s;
    margin-right: 10px;
    margin-left: 10px;
  }
  .card:hover{
    transform: translateY(-10px);
    box-shadow: 0 26px 50px rgba(0,0,0,0.14);
  }

  .imgwrap{
    width:100%;
    height:180px;
    border-radius:8px;
    background:#f5f5f5;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    position:relative;
  }
  .imgwrap img{
    max-width:100%;
    max-height:100%;
    object-fit:contain;
  }

  /* discount badge */
  .badge{
    position:absolute;
    left:14px;
    top:14px;
    background: var(--accent);
    color:#fff;
    font-weight:700;
    padding:10px 12px;
    border-radius:50%;
    box-shadow: 0 6px 18px rgba(0,0,0,0.18);
    transform-origin:center;
    animation: pulse 2.4s infinite;
    z-index:4;
    font-size:13px;
  }



  @keyframes pulse{
    0%{ transform: scale(1); }
    50%{ transform: scale(1.06); }
    100%{ transform: scale(1); }
  }

  /* rating row */
  .meta{
    display:flex;
    align-items:center;
    gap:8px;
    margin-top:10px;
    color:var(--muted);
    font-size:13px;
  }
  .stars{
    color:#f0c040;
    font-weight:700;
    font-size:30px;
  }

  .title{
    margin-top:12px;
    color:#222;
    font-weight:700;
    font-size:15px;
  }
  .price{
    margin-top:6px;
    font-weight:800;
    color:var(--price);
    font-size:18px;
  }
  .old{
    color:var(--muted);
    text-decoration:line-through;
    font-weight:600;
    margin-left:8px;
    font-size:13px;
  }
  .small-muted{
    color:var(--muted);
    font-size:12px;
    margin-top:6px;
  }

  /* bottom row layout (two cards) */
  .bottom-row{
    display:flex;
    gap:28px;
    margin-top:46px;
  }

  /* responsive */
  @media (max-width:980px){
    .grid{ grid-template-columns: repeat(2, 1fr); }
    .bottom-row{ flex-direction:column; }
  }
  @media (max-width:640px){
    .stage{ padding:0 12px; }
    .grid{ grid-template-columns: 1fr; gap:18px; }
    .diagonal-bg{ padding: 90px 18px 60px; }
    .diagonal-bg1{ padding: 90px 18px 60px; }
  }

  /* small decorative confetti shapes (pure CSS dots) */
  .confetti{
    position:absolute;
    inset:0;
    pointer-events:none;
    mix-blend-mode:overlay;
    opacity:.12;
  }
  .confetti i{
    position:absolute;
    width:10px;height:10px;border-radius:4px;background:#fff;
    transform:rotate(25deg);
    filter: blur(0.4px);
  }
  /* place some confetti */
  .c1{ left:6%; top:60%; transform:rotate(-12deg) scale(.9); }
  .c2{ right:14%; top:12%; transform:rotate(22deg) scale(.8); }
  .c3{ left:34%; top:18%; transform:rotate(6deg) scale(1.1); }
  .c4{ right:30%; top:62%; transform:rotate(-6deg) scale(.85); }

  /* small 'pack' badge inside some images */
  .pack{
    position:absolute;
    right:10px;
    bottom:10px;
    background: rgba(0,0,0,0.65);
    color:#fff;
    padding:6px 8px;
    border-radius:8px;
    font-weight:700;
    font-size:12px;
  }



/*our featues*/
.wrap2{
    /*max-width:1100px;
    margin:36px auto;*/
    background:var(--page-bg);
    padding:40px 48px 80px;
    border-radius:10px;
    /*box-shadow:0 12px 30px rgba(0,0,0,.5);*/
        margin-left: 25px;
  }

  h1{
    text-align:center;
    font-size:42px;
    letter-spacing:1px;
    margin:0 0 28px;
    font-weight:800;
  }

  /* Grid layout with 3 columns (left, center, right) */
  .features-grid2{
    display:grid;
    grid-template-columns: 1fr 1.2fr 1fr;
    gap:22px;
    align-items:start;
    margin-left: -28px;
  }

  /* small cards style shared */
  .card2{
    background: linear-gradient( to bottom right, rgba(255,255,255,0.12), rgba(255,255,255,0.02) ), var(--card-bg);
    border-radius:var(--radius);
    /*padding:18px;*/
    min-height:140px;
    position:relative;
    overflow:hidden;
    box-shadow: 0 6px 14px rgba(0,0,0,.12);
  }
  .card2 .badge2{position:absolute;left:14px;top:10px;font-size:12px;color:rgba(0,0,0,.2)}
  .card2 h3{margin:55px 15px 22px 30px;font-size:21px;line-height:1.2;font-weight: bolder}
  .card2 p{margin:0 0 10px;color:var(--muted);font-size:14px}
  .btn2{
    display:inline-block;
    background:var(--accent);
    color:#fff;
    padding:8px 14px;
    border-radius:8px;
    text-decoration:none;
    font-weight:700;
    font-size:13px;
    box-shadow:0 4px 8px rgba(0,0,0,.18);
        margin-left: 10px;
  }

  /* Left column: two stacked cards */
  .col-left2{display:flex;flex-direction:column;gap:20px}
  .col-right2{display:flex;flex-direction:column;gap:20px;align-items:stretch}

  /* Center column: big card + long banner under it */
  .center2 .hero2{
    border-radius:18px;
    padding:28px;
    min-height:300px;
    display:flex;
    gap:18px;
    align-items:center;
    justify-content:space-between;
  }
  .hero2 .hero-text2{flex:1}
  .hero2 h2{font-size:28px;margin:0 0 10px;letter-spacing:0.6px}
  .hero2 .hero-img2{
    width:220px;
    height:220px;
    border-radius:50%;
    background-size:cover;
    background-position:right;
    /*box-shadow:0 10px 30px rgba(0,0,0,.2);*/
    flex:0 0 220px;
  }

  .banner2{
    margin-top:18px;
    background: linear-gradient(90deg,#0b4f30,#184f2d 60%);
    color:#fff;
    border-radius:12px;
    padding:18px 22px;
    /*display:flex;*/
    gap:18px;
    align-items:center;
    justify-content:space-between;
    min-height:72px;
  }
  .banner2 .banner-text2{font-weight:bolder;letter-spacing:.4px;padding: 35px;margin-left: -20px;font-size: 20px;}

  /* tiny image decoration inside cards */
  .card2 .thumb2{
    position:absolute;
    right:12px;
    bottom:12px;
    width:84px;
    height:64px;
    background-size:cover;
    background-position:center;
    border-radius:10px;
    box-shadow:0 8px 20px rgba(0,0,0,.18);
    transform:translateZ(0);
  }

  .card2:hover{
    transform: translateY(-10px);
    box-shadow: 0 26px 50px rgba(0,0,0,0.14);
    border-radius: 10px;
  }

  /* bottom features row (shipping / guarantee / payment) */
  .bottom-row2{
    display:flex;
    gap:18px;
    margin-top:34px;
    align-items:center;
    justify-content:space-between;
    flex-wrap:wrap;
  }
  .feature-item2{
    display:flex;
    gap:12px;
    align-items:center;
    min-width:220px;
  }
  .feature-item2 .icon2{
    width:46px;height:46px;border-radius:10px;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 14px rgba(0,0,0,.08)
  }
  .feature-item2 .text2{font-weight:700;font-size:14px}

  /* responsive */
  @media (max-width:980px){
    .features-grid2{grid-template-columns: 1fr; gap:18px}
    .center .hero2{flex-direction:column; align-items:flex-start}
    .hero2 .hero-img2{width:160px;height:160px;flex:0 0 160px}
  }

  .image-container2 {
  position: relative;
  width: 335px;      /* set your container size */
  height: 250px;
  background: url("img/img75.jpg") no-repeat center center/cover;
  border-radius: 12px;  /* optional */
  overflow: hidden;
}

/* decorative image (on top) */
.theme-img2 {
  position: absolute;
  bottom: 20px;   /* adjust position */
  right: 20px;
  width: 125px;   /* scale as needed */
  z-index: 2;     /* keeps it above background */
}



/*Aboutus */

   .section3 {
      max-width: 1200px;
      margin: 40px auto;
      padding: 20px;
    }

    /* ---------- TOP PART ---------- */
    .top-section3 {
      display: flex;
      align-items: center;
      justify-content: space-between;
      flex-wrap: wrap;
      gap: 30px;
    }

    .top-left3 {
      display: flex;
      gap: 20px;
    }

    .top-left3 img {
      width: 220px;
      height: 280px;
      border-radius: 20px;
      object-fit: cover;
    }

    .top-right3 {
      flex: 1;
      min-width: 300px;
      position: relative;
    }

    .top-right3 h2 {
      font-size: 36px;
      font-weight: 800;
      margin-bottom: 20px;
      line-height: 1.3;
    }

    .tags3 {
      font-size: 18px;
      margin-bottom: 20px;
    }

    .btn3 {
      display: inline-block;
      padding: 10px 20px;
      background: #6b2030;
      color: #fff;
      border-radius: 8px;
      text-decoration: none;
      font-weight: bold;
    }

    .top-right3 img.decor {
      width: 120px;
      position: absolute;
      right: 0;
      bottom: -20px;
    }

    /* ---------- BOTTOM PART ---------- */
    .bottom-section3 {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 30px;
      margin-top: 50px;
      flex-wrap: wrap;
    }

    .bottom-text3 {
      flex: 2;
      font-size: 16px;
      line-height: 1.6;
      color: #333;
    }

    .bottom-image3 {
      flex: 1;
      min-width: 280px;
    }

    .bottom-image3 img {
      width: 100%;
      border-radius: 20px;
      object-fit: cover;
    }

    /* ---------- RESPONSIVE ---------- */
@media (max-width: 992px) {
  .top-section3 {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .top-left3 {
    justify-content: center;
  }

  .top-left3 img {
    width: 180px;
    height: 230px;
  }

  .top-right3 {
    min-width: unset;
    width: 100%;
  }

  .top-right3 h2 {
    font-size: 26px;
  }

  .top-right3 img.decor {
    display: none;
  }

  .bottom-section3 {
    flex-direction: column;
  }

  .bottom-text3 {
    font-size: 15px;
  }

  .bottom-image3 {
    width: 100%;
  }
}

@media (max-width: 576px) {
  .section3 {
    padding: 15px;
  }

  .top-left3 img {
    width: 100%;
    height: auto;
  }

  .top-right3 h2 {
    font-size: 22px;
    margin-top: 50px;
  }

  .btn3 {
    padding: 8px 16px;
    font-size: 14px;
  }

  .bottom-text3 {
    font-size: 14px;
  }
}

    /* Responsive */
    @media (max-width: 900px) {
      .top-section3 {
        flex-direction: column;
      }
      .top-left3 {
        justify-content: center;
      }
      .bottom-section3 {
        flex-direction: column;
      }
    }


    /*review section*/
    /* Section heading */
.testimonial-section4 {
  background: #fff;
  padding: 3rem 1rem;
  text-align: left;
}

.testimonial-section4 h1 {
  font-size: 2.5rem;
  line-height: 1.2;
  font-weight: 500;
  margin-bottom: 2rem;
      text-align: left;
    margin-left: 50px;
}

.testimonial-section4 h1 span {
  display: block;
}

/* Card layout */
.cards4 {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  justify-content: center;
}

/* Card styling */
.card4 {
  background: #d19c4a;         /* tan/golden */
  width: 470px;
  border-radius: 18px;
  display: flex;
  align-items: flex-start;
  padding: 2.5rem;
  gap: 2rem;
  /*box-shadow: 0 8px 18px rgba(0,0,0,0.25);*/

  opacity: 0;                  /* animation start */
  transform: translateY(40px);
  animation: fadeUp 0s forwards;
  margin-left: 67px;
}
.card4:nth-child(2) { animation-delay: .3s; }

.photo4 {
  position: relative;
  /*flex: 0 0 110px;*/
  border-radius: 12px;
  overflow: hidden;
  width: 550px;
}

.photo4 img {
  width: 90%;
      height: 100px;
  display: block;
  border-radius: 12px;
}

.corner-shape4 {
  position: absolute;
  width: 40px;
  height: 40px;
  background: #702341;   /* dark maroon accent */
  border-radius: 12px;
}

.top-left4 { top: -10px; left: -10px; }
.bottom-left4 { bottom: -10px; left: -10px; }

.info4 h2 {
  margin: 0 0 0.5rem;
  font-weight: 700;
  font-size: 1.1rem;
}

.info4 p {
  font-size: 1.0rem;
  line-height: 1.4;
  margin-bottom: 1.8rem;
  color: #484848e0;
}

.stars4 {
  color: #ffd700;
  font-size: 1.1rem;
}

/* Fade-up animation */
@keyframes fadeUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Responsive */
@media (max-width: 700px) {
  .cards4 {
    flex-direction: column;
    align-items: center;
  }
  .card4 {
    width: 90%;
  }
}





/*contactus section*/
:root{
      --bg: #ffffff;
      --accent: #c8964a;       /* golden container */
      --panel: #fbfaf6;        /* inner input background */
      --maroon: #681730;       /* decorative / button */
      --muted: #8e8e8e;        /* placeholder / subtitle */
      --radius-large: 36px;
    }
 .pageq {
      width:100%;
      /*max-width:1100px;*/
      text-align:center;
          margin-bottom: 50px;

    }

    h1{
      margin:12px 0 6px;
      font-size:48px;
      font-weight:600;
      letter-spacing:0.2px;
    }
    .subtitleq{
      color:var(--muted);
      margin:0 0 28px 0;
      font-weight:300;
      font-size:18px;
    }

    /* Decorative maroon squares behind the form */
    .decorq{
      position:relative;
      display:flex;
      align-items:center;
      justify-content:center;
    }
    .decorq .maroon-squareq{
      /*position:absolute;
      width:68px;*/
      height:68px;
      background:var(--maroon);
      border-radius:12px;
      box-shadow: 0 6px 0 rgba(0,0,0,0.12);
      z-index: -1;
    }
    .maroon-1q{ left: -60px; top: 60px; transform: rotate(-6deg); }
    .maroon-2q{ right: -40px; bottom: -36px; transform: rotate(8deg); }

    /* big rounded container */
    .contact-cardq{
      background:var(--accent);
      border-radius: 10px;
      padding: 30px 36px 40px;
      width: 100%;
      max-width: 900px;
      box-shadow: 0 6px 0 rgba(0,0,0,0.08);
      position:relative;
      overflow:visible;

    }

    /* inner form area (slightly inset to give cutout feel) */
    .form-innerq{
      background: transparent;
      border-radius: calc(var(--radius-large) - 6px);
      padding: 18px;
    }

    .rowq{
      display:flex;
      gap:20px;
      align-items:center;
      margin-bottom:18px;
    }

    /* make inputs pill-shaped */
    .decorq input[type="text"],
    .decorq input[type="email"]{
    	width: 100%;
      flex:1;
      padding:18px 28px;
      border-radius:10px;
      border:none;
      outline:none;
      background:var(--panel);
      font-size:16px;
      color:#333;
      box-shadow: inset 0 1px 0 rgba(0,0,0,0.02);
      font-weight:300;
    }

    .decorq textarea{
      width:100%;
      min-height:160px;
      padding:20px;
      border-radius:10px;
      border:none;
      outline:none;
      resize:vertical;
      background:var(--panel);
      font-size:15px;
      color:#333;
      font-weight:300;
      box-shadow: inset 0 1px 0 rgba(0,0,0,0.02);
    }

    .decorq input::placeholder, .decorq textarea::placeholder{
      color: #9b9b9b;
      font-weight:300;
    }

    /* Submit button */
    .btn-wrapq{
      display:flex;
      justify-content:center;
      margin-top:20px;
    }

    .btnq{
      display:inline-block;
      background:var(--maroon);
      color:#fff;
      padding:12px 28px;
      border-radius:10px;
      border:none;
      cursor:pointer;
      font-weight:600;
      box-shadow: 0 6px 0 rgba(0,0,0,0.18);
      transition: transform .12s ease, box-shadow .12s ease;
    }
    .btnq:active{ transform:translateY(2px); box-shadow: 0 3px 0 rgba(0,0,0,0.18); }

    /* small responsive tweaks */
    @media (max-width:820px){
      h1{ font-size:36px; }
      .rowq{ flex-direction:column; gap:14px; }
      .decorq input[type="text"], .decorq input[type="email"]{ padding:14px 20px; }
    }

    @media (max-width:420px){
      .contact-cardq{ padding:20px; }
      .maroon-1q{ left:-40px; top: 30px; transform: rotate(-6deg); width:56px; height:56px; }
      .maroon-2q{ right:-28px; bottom:-28px; width:56px; height:56px; transform:rotate(8deg); }
    }

    /*login button*/

    .login-btn {
  display: inline-block;
  padding: 0px 20px;
  background-color: #7b2940;  /* your desired background */
  color: white;
  text-decoration: none; /* remove underline for <a> */
  border: none;            /* for button, remove default border */
  border-radius: 10px;
  cursor: pointer;
  font-size: 1rem;
  font-weight: 500;
  transition: background-color 0.3s ease;
}

.login-btn:hover {
  background-color: #5a1f33; /* darker shade on hover */
}






/*filter section*/
.sidebar h3{
      margin:0 0 12px 0;
      font-size:100px;
      letter-spacing:0.2px;
    }
    .filter-group{margin-bottom:18px}
    .filter-group label{display:block;font-size:20px;margin-bottom:6px}
    .checkbox-list{display:flex;flex-direction:column;gap:8px}
    .checkbox-list label{
      display:flex;align-items:center;gap:8px;font-size:16px;
    }
    .checkbox-list input{width:14px;height:14px}

    

    .sidebar {
      /*width: 260px;*/
      background: #d3a85b;
      padding: 10px 55px;
      color: #111;
      position: relative;
      flex-shrink:0;
      min-height: 800px;
      margin-left: -80px;
      margin-bottom: 50px;
      padding-bottom: 100px;
          padding-top: 35px;
    margin-top: -73px;
    border-radius: 20px;

    }
  



/*design button*/

 .fancy {
 /*background-color: transparent;
 border: 2px solid #d3a85b;*/
 border-radius: 0;
 box-sizing: border-box;
 color: #d3a85b;
 cursor: pointer;
 display: inline-block;
 /*float: right;*/
 font-weight: 700;
 letter-spacing: 0.05em;
 margin: 0;
 outline: none;
 overflow: visible;
 padding: 1.25em 2em;
 position: relative;
 text-align: center;
 text-decoration: none;
 text-transform: none;
 transition: all 0.3s ease-in-out;
 user-select: none;
 font-size: 13px;

 margin-top: 20px;
  /*display: inline-block;*/
  /*background: #800020;*/
  /*color: #fff;*/
  padding: 12px 25px;
  border-radius: 30px;
  text-decoration: none;
  font-weight: bold;
  /*transition: 0.3s;*/
}

/*.fancy::before {
 content: " ";
 width: 1.5625rem;
 height: 2px;
 background: black;
 top: 50%;
 left: 1.5em;
 position: absolute;
 transform: translateY(-50%);
 transform-origin: center;
 transition: background 0.3s linear, width 0.3s linear;

}*/

.fancy .text1 {
 font-size: 1.125em;
 line-height: 1.33333em;
 padding-left: 2em;
 display: block;
 text-align: left;
 transition: all 0.3s ease-in-out;
 text-transform: uppercase;
 text-decoration: none;
 color: #fff;
}

.fancy .top-key1 {
 height: 2px;
 width: 1.5625rem;
 top: -2px;
 left: 0.625rem;
 position: absolute;
 background: #681730;
 transition: width 0.5s ease-out, left 0.3s ease-out;
}

.fancy .bottom-key-11 {
 height: 2px;
 width: 1.5625rem;
 right: 1.875rem;
 bottom: -2px;
 position: absolute;
 background: #681730;
 transition: width 0.5s ease-out, right 0.3s ease-out;
}

.fancy .bottom-key-21 {
 height: 2px;
 width: 0.625rem;
 right: 0.625rem;
 bottom: -2px;
 position: absolute;
 background: #681730;
 transition: width 0.5s ease-out, right 0.3s ease-out;
}

.fancy:hover {
 color: white;
 background: #681730;
}

/*.fancy:hover::before {
 width: 0.9375rem;
 background: white;
}*/

.fancy:hover .text1 {
 color: white;
 padding-left: 1.5em;
}

.fancy:hover .top-key1 {
 left: -2px;
 width: 0px;
}

.fancy:hover .bottom-key-11,
 .fancy:hover .bottom-key-21 {
 right: 0;
 width: 0;
}

a.fancy.categories-btn {
  text-decoration: none; /* removes underline normally */
}

a.fancy.categories-btn:hover {
  text-decoration: none; /* removes underline on hover */
}




/*filter option*/
/*/
/* Mobile styles */
@media (max-width: 768px) {
  .menu-icon {
    display: block;
  }

  .sidebar {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: white;
    z-index: 999;
    overflow-y: auto;
    display: none;
    transform: translateY(-100%);
    transition: transform 0.3s ease-in-out;
  }

  .sidebar.show {
    display: block;
    transform: translateY(0%);
  }

  .close-btn {
    display: block;
  }
}



/*unic style css*/
.cardu {
  width: 100%;
  max-width: 100%;
  background: #fff;
  border-radius: 18px;
  box-shadow: 0 5px 15px rgba(0,0,0,0.08);
  overflow: hidden;
  text-align: center;
  position: relative;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  margin-bottom: 20px;
  display: flex;
  flex-direction: column; /* Makes content align properly */
  border-radius: 20px;
    padding: 15px;
  height: 100%;
  /*border: 1px solid #681730;  */

}


.cardu:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 25px rgba(0,0,0,0.15);
}

.imageu {
  position: relative;
  width: 100%;
  margin-left: 25px;
  margin:0 !important;
  padding:0 !important;
  height: 120px;        
  overflow: hidden;     
  /*border-radius: 20px;*/
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
}

.imageu {
  position: relative;
  width: 100%;
  height: 120px;        
  overflow: hidden;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent;
}


.imageu img {
    width: auto !important;       /* 🔥 Important */
    height: 100% !important;      /* 🔥 Important */
    max-width: 100%;
    object-fit: contain !important;
    display: block;
    border-radius: 20px;
}

.cardu:hover .imageu img {
  transform: scale(1.05);
}


.best-products-bg {
    background: 
        linear-gradient(rgba(255,255,255,0.9), rgba(255,255,255,0.9)),
        url('../img/bg-01.jpeg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    /*padding: 5px 0;*/
}
 /*IMAGE CONTAINER */
/*.imageu {
  position: relative;
  width: 80%;
  margin-left: 25px;
  height: 200px;        
  overflow: hidden;     
  border-radius: 20px;
  background: #f8f8f8;
  display: flex;
  align-items: center;
  justify-content: center;
}*/
/*grace*/
/*.imageu {
  position: relative;
  width: 100%;
  margin-left: 25px;
  margin:0 !important;
  padding:0 !important;
  height: 120px;        
  overflow: hidden;     
  border-radius: 20px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}*/

.featured__item__pic__hover a{
	text-decoration: none;
}



@media (hover: none) {
    .featured__item__pic__hover {
        position: static;
        bottom: auto;
        left: auto;
        margin-top: 10px;
    }

    .featured__item:hover .featured__item__pic__hover {
        opacity: 1;
        transform: none;
    }
}

.wishlist_icon{
	position:absolute;top:1px;right:1px;color:#e74c3c;font-size:20px;z-index:10;
}

@media only screen and (max-width: 767px) {
	.wishlist_icon{
	position:absolute;top:9px;right:1px;color:#e74c3c;font-size:18px;z-index:10;
}
}

.product__item__stock{
font-size:14px;
}

.product__item__stock__red{
	color:red; 
	font-size:14px;
}

/*grace end*/


/* RATING */
.ratingu {
  position: absolute;
  bottom: 10px;
  left: 12px;
  display: flex;
  align-items: center;
  gap: 5px;
  background: rgba(255,255,255,0.9);
  padding: 4px 8px;
  border-radius: 20px;
}

.ratingu .rateu {
  color: #2e7d32;
  font-weight: 600;
  font-size: 14px;
}

.ratingu .staru {
  color: #f5a623;
  font-size: 14px;
}

.ratingu .countu {
  font-size: 13px;
  color: #555;
}

/* CONTENT */

.contentu {
   display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 70px;   /* adjust if needed */
}

.contentu h3 {
   font-size: 14px;
   font-weight: 600;
    margin: 0 0 8px 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* PRICE */
.priceu {
  /*margin: 8px 0;*/
  font-weight: 600;
  font-size: 15px;
}

.priceu .currentu {
  font-weight: bold;
  font-size: 18px;
  color: #000;
}

.priceu .oldu {
  text-decoration: line-through;
  color: #000;
  margin-left: 6px;
  font-size: 10px;
}

.offeru {
  color: #d43f00;
  font-size: 13px;
  margin-top: 4px;
}

/* HOVER ICONS (FIXED PROPERLY) */
@media (min-width: 1025px) {
.cardu .imageu .featured__item__pic__hover {
  position: absolute;
  bottom: 15px;
  right: 15px;
  display: flex;
  /*gap: 8px;*/
  opacity: 0;
  transform: translateY(10px);
  transition: all 0.3s ease;
}

.cardu:hover .imageu .featured__item__pic__hover {
  opacity: 1;
  transform: translateY(0);
}

@media (min-width: 1025px) {
.featured__item__pic__hover li {
  list-style: none;
}
}


.featured__item__pic__hover li a {
  background: #fff;
  padding: 8px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: #000;
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
  transition: 0.3s ease;
  text-decoration: none;
}

.featured__item__pic__hover li a:hover {
  background: #d3a85b;
  color: #fff;
}
.featured__item__pic__hover.custom{
	margin-left: 48px;
}

}
/* ================= MOBILE RESPONSIVE ================= */

/* Large tablets */
@media (max-width: 992px) {
  .cardu {
    /*max-width: 230px;*/
  }
}

/* Mobile - 2 cards per row */
@media (max-width: 576px) {
  /*.col-lg-3,
  .col-md-4,
  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }*/

  .cardu {
    /*max-width: 100%;*/
  }

  .imageu img {
    height: 180px;
  }

  .contentu h3 {
    font-size: 15px;
  }

  .priceu .currentu {
    font-size: 16px;
  }
}

/* Extra small mobile */
@media (max-width: 380px) {
  .imageu img {
    height: 100px;
  }
}

/* 6 Columns Layout */
.col-custom-6 {
    position: relative;
    width: 16.66%;   /* 100 / 6 = 16.66% */
    padding: 10px;
}

/* Tablet */
@media (max-width: 992px) {
    .col-custom-6 {
        width: 25%;  /* 4 per row */
    }
}

/* Mobile */
@media (max-width: 768px) {
    .col-custom-6 {
        width: 50%;  /* 2 per row */
    }
}

/* Small Mobile */
@media (max-width: 480px) {
    .col-custom-6 {
        width: 100%; /* 1 per row */
    }
}

.contentu {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 12px;
}



/* ================= MOBILE - 3 CARDS PER ROW ================= */
@media (max-width: 576px) {

  /*.col-lg-3,
  .col-md-4,
  .col-sm-6 {
    flex: 0 0 33.33%;
    max-width: 33.33%;
  }*/

  .cardu {
    max-width: 100%;
    margin-bottom: 15px;
  }

  .imageu {
    padding: 12px;
  }

  .imageu img {
    height: 110px; /* important for 3 cards fit */
  }

  .contentu {
    padding: 8px 5px;
  }

  .contentu h3 {
    font-size: 20px;
    margin: 5px 0;
  }

  .priceu .currentu {
    font-size: 14px;
  }

  .priceu .oldu {
    font-size: 10px;
  }

  .ratingu {
    padding: 2px 6px;
    font-size: 11px;
  }

  /*.featured__item__pic__hover li a {
    padding: 6px;
    font-size: 12px;
  }*/
}

  

.navbar {
  background: transparent !important;
  border-bottom: none; /* or set a transparent/light border if needed */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;  /* ensure it stays above content */
}

.navbar {
  background: rgba(255,255,255,0.8);
}

.review-toggle-btn {
  background: #681730;
  color: #fff;
  border: none;
  border-radius: 25px;
  padding: 10px 18px;
  font-size: 15px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s ease;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.15);
  margin-top:20px;
}

.review-toggle-btn i {
  font-size: 16px;
}


/* PRODUCT GRID */
.product-grid{
  display: grid;
  gap: 15px;
}

/* Desktop → 5 per row */
@media (min-width: 992px){
  .product-grid{
    grid-template-columns: repeat(5, 1fr);
  }
}

/* Tablet → 4 per row */
@media (min-width: 768px) and (max-width: 991px){
  .product-grid{
    grid-template-columns: repeat(4, 1fr);
  }
}

/* Mobile → 3 per row (Blinkit style) */
@media (max-width: 767px){
  .product-grid{
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
  }
}
.product-wrapper {

        max-height:600px;
        overflow-y:auto;
        overflow-x:hidden;

}




/*new product card*/
/*NEW PRODUCT DIV CARD*/

    /* Responsive Grid */
/* 6 Desktop */
.product-row{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:16px;
    align-items:stretch; 
}

/* 4 Tablet */
@media(max-width:992px){
    .product-row{
        grid-template-columns:repeat(4,1fr);
    }
}

/* 3 Mobile */


/* Mobile - Force 3 Per Row */
@media (max-width:576px){
    .product-row{
        grid-template-columns: repeat(3, 1fr) !important;
        gap:10px;
    }

    .product-card{
        padding:6px;
    width:100px;
    }

    .image-box{
        height:90px;
        padding:0px;
    }

    .product-title{
        font-size:12px !important;
        margin-bottom:0px;
    }

    .add-btn{
        font-size:10px;
        padding:5px;
    }

    .stars{
    	display:none;
    }
}

/* Card Styling */
.product-card{
    background:#fff;
    border-radius:12px;
    overflow:hidden;
    position:relative;
    border:1.5px solid #d3a85b;
    transition:0.3s;
    display:flex;
     padding:8px;
    flex-direction:column;
        margin-top: 10px;
    height:100%;
    width:180px;

}

.product-card:hover{
    transform:translateY(-4px);
    box-shadow:0 8px 20px rgba(0,0,0,0.1);
}

/* Offer Badge */
.offer{
    position:absolute;
    top:10px;
    left:10px;
    background:#681730;
    color:#fff;
    font-size:10px;
    padding:3px 8px;
    border-radius:20px;
    font-weight:600;
}

/* Wishlist */
.wishlist{
    position:absolute;
    top:10px;
    right:10px;
    width:32px;
    height:32px;
    border-radius:50%;
    background:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow:0 2px 6px rgba(0,0,0,0.15);
    cursor:pointer;
}

.wishlist i{
    font-size:12px;
    color:#681730;
}

.wishlist.active{
    background:#681730;
}

.wishlist.active i{
    color:#d3a85b;
}

/* Universal Image Fit */
.image-box{
    width:100%;
    height:120px;              /* fixed clean height */
    display:flex;
    align-items:center;
    justify-content:center;
    padding:8px;
    background:#f9f9f9;
    overflow:hidden;
}

.image-box img{
    width:auto;
    height:auto;
    max-width: 60%;
    margin-left: 30px;
    max-height:100%;
    object-fit:contain;
    display:block;
}

/* Card Body */
.card-body{
    flex:1;                       /* 🔥 fills remaining height */
    display:flex;
    flex-direction:column;
    justify-content:space-between; /* 🔥 pushes button down */
    text-align:center;
    padding:10px;
}
.content-top{
    display:flex;
    flex-direction:column;
    gap:6px;
}
/* Title */
.product-title{
    font-size:14px !important;
    font-weight:600;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    margin-bottom:5px;
    color: #000;
}

.product-title a {

    font-size:14px !important;
}

/* Stars */
.stars{
    color:#ffc107;
    font-size:12px;
    margin-bottom:6px;
}

/* Price */
.price-box{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:8px;
    margin-bottom:8px;
}

.current{
    background:linear-gradient(45deg,#d3a85b,#f2d49a);
    color:#681730;
    font-weight:700;
    padding:4px 10px;
    border-radius:20px;
    font-size:12px;
}

.old{
    font-size:10px;
    color:#999;
    text-decoration:line-through;
}

/* Button */
.add-btn{
    width:100%;
    padding:6px;
    border:none;
    background:#681730;
    color:#fff;
    font-size:11px;
    border-radius:5px;
    cursor:pointer;
}

.product-link{
    text-decoration: none;
    color: inherit;
    display: block;
}

a {
  text-decoration: none !important;
}

.cat-row-list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;   /* align left */
  gap: 8px;
  background-color: #f5f5f5;
  padding: 3px;
  list-style: none;
  margin: 0;
}