:root {

	--gold: #e3c062;

	--gold-dim: #996515;

	--dark: #0A0A0A;

	--dark-grey: #1A1A1A;

	--light: #ffffff;

	--light-grey: #F4F4F4;

	--transition: all 0.3s ease;

	--input-bg: #282828;

	--white: #fff;

	--text-black: #000;

	--text-light-black: rgb(0 0 0 / 80%);

	--border-color: #C8C8C8;

	--review-border: #D5D5D5;

	--bg-grey-2: #F6F6F6;

	--text-yellow: #FFDA03;

	--footer-link: #E9E9E9;

}



html,

body {

	margin: 0px;

	padding: 0px;

	min-height: 100%;

	background-color: var(--light);

	color: var(--text-black);

	overflow-x: hidden;

}



body {

	font-family: 'Inter';


	font-weight: normal;

	font-style: normal;

	font-size: 14px;

}



.overflow-hidden {

	overflow: hidden !important;

}







a,

a:link,

a:visited {

	outline: none;

	text-decoration: none;

	color: var(--text-black);

	-moz-tap-highlight-color: transparent;

	-webkit-tap-highlight-color: transparent;

	transition: var(--transition);

}



img {

	border: none;

	margin: 0px;

	max-width: 100%;

}



* {

	box-sizing: border-box;

}



/* Header Styles */

.main-header {

	background: #000000;

	border-bottom: 1px solid rgba(212, 175, 55, 0.2);

	position: relative;

	top: 0;

	z-index: 11;

	padding: 18px 0;

	backdrop-filter: blur(10px);
	position: fixed;
	width: 100%;

}



.header-container {

	display: flex;

	align-items: center;

	justify-content: space-between;

	position: relative;

}



.header-container::before,

.main-footer::before,

.about-logo-card::before {

	content: "";

	position: absolute;

	top: -312px;

	left: 0;

	width: 494px;

	height: 494px;

	background: radial-gradient(38.14% 38.14% at 48.45% 48.73%, rgba(255, 255, 255, 0.3) 0%, rgba(0, 0, 0, 0) 100%);

	z-index: -1;

}

.header-container::before{
	display: none;
}




.main-footer::before,

.about-logo-card::before {

	z-index: 0;

}



.about-logo-card::before {

	left: -167px;

}





.page-center {

	max-width: 1440px;

	width: 100%;

	margin: 0 auto;

	padding: 0 80px;

}



.logo-section .logo img {

	max-height: 80px;

	width: auto;

	display: block;

}



/* Navigation */

.main-nav ul {

	list-style: none;

	display: flex;

	gap: 30px;

	margin: 0;

	padding: 0;

}



.main-nav a {

	font-family: 'Inter', sans-serif;

	font-size: 16px;

	font-weight: 500;

	letter-spacing: 1px;

	opacity: 0.8;

	color: var(--white);

}



.main-nav a:hover,

.main-nav a.active {

	opacity: 1;

	color: var(--gold);

}





/* Actions */

.header-actions {

	display: flex;

	align-items: center;

	gap: 25px;

}



.search-bar {

	position: relative;

	background: var(--input-bg);

	border: 1px solid transparent;

	border-radius: 50px;

	padding: 8px 20px;

	display: flex;

	align-items: center;

	width: 320px;

	transition: var(--transition);

	gap: 10px;

}



.search-bar:focus-within {

	width: 350px;

	background: rgba(255, 255, 255, 0.1);

	border-color: var(--gold);

}



.search-bar i {

	font-size: 14px;

}



.search-bar input {

	background: transparent;

	border: none;

	color: var(--light);

	font-size: 14px;

	width: 100%;

	outline: none;

	font-family: "Inter", sans-serif;

}



.action-icons {

	display: flex;

	gap: 20px;

}



.action-icons a img {

	transition: var(--transition);

	display: block;

}



.action-icons a:hover img {

	filter: brightness(0) saturate(100%) invert(84%) sepia(23%) saturate(959%) hue-rotate(351deg) brightness(94%) contrast(88%);

}



.cart-icon {

	position: relative;

}



.cart-count {

	position: absolute;

	top: -12px;
    right: -10px;

	background: var(--gold);

	color: var(--dark);

	font-size: 14px;

	font-weight: 700;

	width: 22px;

	height: 22px;

	border-radius: 50%;

	display: flex;

	align-items: center;

	justify-content: center;

}



.mobile-menu-toggle {

	display: none;

	background: transparent;

	border: none;

	color: var(--light);

	font-size: 24px;

	cursor: pointer;

}



.header-right {

	display: flex;

	gap: 45px;

	align-items: center;

}



.bg-light {

	background: var(--light);

}



.text-black {

	color: var(--text-black);

}



/* Section Placeholder */

.home-banner {

	height: 664px;

	background-size: cover;

	background-position: top center;

	background-repeat: no-repeat;

	position: relative;

	background-color: var(--dark);

}



.logo-section {

	flex-shrink: 0;

}



.banner-overlay {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background-color: rgba(0, 0, 0, 0.25);

	z-index: 1;

}



/* Section General */

.section-padding {

	padding: 75px 0 0;

}



.section-header {

	text-align: center;

	margin-bottom: 60px;

}



.section-header h2 {

	font-family: 'Bona Nova', serif;

	font-size: 30px;

	font-weight: 700;

	text-transform: capitalize;

	margin: 0 0 5px 0;

}



.section-header p {

	font-size: 16px;

	max-width: 600px;

	margin: 0 auto;

}



/* Product Grid */

.product-grid {

	display: grid;

	grid-template-columns: repeat(4, 1fr);

	gap: 20px;

}



.product-card {

	background: #FFF;

	color: var(--dark);

	border-radius: 10px;

	overflow: hidden;

	transition: var(--transition);

	display: flex;

	flex-direction: column;

	box-shadow: 0px 4px 19px 22px rgba(0, 0, 0, 0.03);

}



.product-card:hover {

	transform: translateY(-5px);

	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);

}



.product-image-wrapper {

	position: relative;

	width: 100%;

	height: 330px;

	/* aspect-ratio: 4 / 5; */

	overflow: hidden;

	background: #f0f0f0;

}



.product-image-wrapper img {

	width: 100%;

	height: 100%;

	object-fit: cover;

	object-position: top center;

}







.rating-badge-white {

	background: rgba(255, 255, 255, 0.9);

	backdrop-filter: blur(5px);

	padding: 4px 10px;

	border-radius: 20px;

	font-size: 12px;

	display: flex;

	align-items: center;

	gap: 5px;

	color: var(--dark);

	position: absolute;

	bottom: 15px;

	left: 15px;

}



.rating-badge-white i {

	color: #FFD700;

}



.wishlist-btn {

	position: absolute;

	bottom: 15px;

	right: 15px;

	background: none;

	border: none;

	color: white;

	font-size: 1.2rem;

	cursor: pointer;

	transition: var(--transition);

	text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);

}



.wishlist-btn:hover {

	color: var(--gold);

	transform: scale(1.2);

}



.product-info {

	padding: 8px 15px;

	flex-grow: 1;

	display: flex;

	flex-direction: column;

	justify-content: space-between;

}



.product-title {

	font-size: 14px;

	line-height: 100%;

	margin: 0 0 0px 0;

	font-weight: 400;

	display: -webkit-box;

	line-clamp: 2;

	-webkit-line-clamp: 2;

	-webkit-box-orient: vertical;

	overflow: hidden;

}



.product-footer {

	display: flex;

	justify-content: space-between;

	align-items: center;

	position: relative;

}



.price-container {

	display: flex;

	align-items: center;

	gap: 4px;

	flex-wrap: wrap;

}



.current-price {

	font-size: 16px;

	/* font-weight: 700; */

	color: var(--dark);

}



.original-price {

	font-size: 10px;

	text-decoration: line-through;

	opacity: 0.5;

}



.discount-badge {

	font-size: 8px;

	color: #000;

	opacity: 0.5;

}



.add-to-cart-btn {

	width: 29px;

	height: 29px;

	border-radius: 50%;

	background: url(../images/plus-circle.svg) no-repeat 0 0;

	background-size: 100%;

	border: 0;

	outline: none;

	display: flex;

	align-items: center;

	justify-content: center;

	cursor: pointer;

	transition: var(--transition);
	flex-shrink: 0;

}

.view-product-btn {

	width: 26px;

	height: 26px;

	border-radius: 50%;

	background: url(../images/view.png) no-repeat 0 0;

	background-size: 100%;

	border: 0;

	outline: none;

	display: flex;

	align-items: center;

	justify-content: center;

	cursor: pointer;

	transition: var(--transition);

}

.add-to-cart-btn.loading {
    background: url(../images/loader.svg) no-repeat center;
    pointer-events: none;
}

.add-to-cart-btn.success {
    background: url(../images/icon-tick.svg) no-repeat center;
    pointer-events: none;
	background-size: 100%;
}

.loader{
	background: url(../images/loader.svg) no-repeat center;
	width: 29px;
	height: 29px;
	display: none;
}



.add-to-cart-btn:hover,.view-product-btn:hover {

	filter: brightness(0) saturate(100%) invert(84%) sepia(23%) saturate(959%) hue-rotate(351deg) brightness(94%) contrast(88%);

}



.banner-content {

	position: absolute;

	z-index: 2;

	height: 100%;

	display: flex;

	flex-direction: column;

	justify-content: center;

	align-items: center;

	text-align: center;

	color: var(--light);

	margin: 0 auto;

	left: 50%;

	top: 50%;

	transform: translate(-50%,-50%);

}

.home-banner .banner-content{
	max-width: 680px;
	width: 100%;
}



.banner-content h1 {

	font-family: 'Bona Nova', serif;

	font-size: 71px;

	line-height: 1.1;

	letter-spacing: 2px;

	margin-bottom: 40px;

	text-transform: uppercase;

	font-weight: 700;

}



a.btn-shop {

	display: inline-block;

	padding: 12px 45px;

	border: 1px solid var(--light);

	color: var(--light);

	text-transform: uppercase;

	font-family: 'Inter', sans-serif;

	letter-spacing: 2px;

	font-size: 24px;

	font-weight: 600;

	transition: var(--transition);

}



a.btn-shop:hover {

	background: var(--light);

	color: var(--dark);

}



/* Floating Elements */

.quick-enquiry {
	position: fixed;
	right: 0px;
	top: 50%;
	z-index: 1500;
	writing-mode: vertical-rl;
	transform: translateY(-50%) rotate(180deg);
	background: var(--dark);
	border: 1px solid var(--gold);
	border-left: none;
	padding: 2.5rem 1rem;
	cursor: pointer;
	letter-spacing: 2px;
	font-size: 1.3rem;
	font-weight: 500;
	color: var(--gold);
	transition: var(--transition);
	display: flex;
	align-items: center;
	justify-content: center;
}



.quick-enquiry:hover {

	background: var(--gold);

	color: var(--dark);

	border-color: var(--dark);

}



/* WhatsApp Float */

.whatsapp-float {

	position: fixed;

	bottom: 30px;

	right: 30px;

	z-index: 1500;

	transition: var(--transition);

}



.whatsapp-float:hover {

	transform: scale(1.1);

}



.whatsapp-float img {

	width: 60px;

	height: 60px;

}



/* Trending Collections Section */

.trending-collections {

	overflow-x: hidden;

}



.trending-header {

	display: flex;

	justify-content: space-between;

	align-items: flex-end;

	margin-bottom: 40px;

}



.trending-header h2 {

	font-family: 'Bona Nova', serif;

	font-size: 30px;

	font-weight: 700;

	text-transform: capitalize;

	margin: 0px;

}



.trending-header p {

	font-size: 16px;

	margin: 0;

}



.view-all {

	color: var(--dark);

	font-weight: 600;

	display: flex;

	align-items: center;

	gap: 8px;

	transition: var(--transition);

}



.view-all:hover {

	color: var(--gold);

}



.trending-swiper {

	padding-right: 0;

	padding-bottom: 50px !important;

	max-width: 1440px;

	margin: 0 auto;

	width: 100%;

}



.swiper-pagination-bullet {

	background: #ccc !important;

	opacity: 1 !important;

}



.swiper-pagination-bullet-active {

	background: var(--dark) !important;

	border-radius: 5px !important;

}



/* Ensure slides in a swiper have equal height */

.swiper-wrapper {

	display: flex;

}



.swiper-slide {

	height: auto !important;

	display: flex;

}



.swiper-slide>.product-card,

.swiper-slide>.review-card {

	height: 100%;

	width: 100%;

}



/* Who We Are Section */

.who-we-are {

	padding-top: 37px;

}



.about-card {

	/* background: #FFDA03; */

	/* Vibrant Yellow */

	border-radius: 24px;

	padding: 40px 35px 60px 55px;

	display: flex;

	align-items: center;

	justify-content: space-between;

	gap: 60px;

	position: relative;

	overflow: visible;

}



.about-content {

	flex: 1;

	max-width: 600px;

	width: 100%;

	color: var(--text-black);

}



.about-title {

	font-family: 'Bona Nova', serif;

	font-size: 60px;

	line-height: 1;

	font-weight: 700;

	margin: 0;

	letter-spacing: 2px;

}



.about-description {

	font-size: 19px;

	line-height: 29px;

	margin-bottom: 24px;

}



.about-stats {

	display: flex;

	gap: 40px;

	margin-bottom: 42px;

	color: var(--text-light-black);

}





.best-sellers-collections.section-padding {

	padding: 50px 0 0;

}



.bottom-banner-section.section-padding {

	padding: 30px 0 0;

}



.stat-item {

	display: flex;

	flex-direction: column;

}



.stat-number {

	font-size: 38px;

	line-height: 1;

}



.stat-label {

	font-size: 0.9rem;

	margin-top: 8px;

}



.about-actions {

	display: flex;

	gap: 20px;

}



a.btn-more {

	background: var(--text-black);

	color: var(--text-yellow);

	padding: 15px 35px;

	border-radius: 50px;

	font-weight: 600;

	transition: var(--transition);

}



a.btn-contact {

	border: 1px solid var(--text-black);

	color: var(--text-black);

	padding: 15px 35px;

	border-radius: 50px;

	font-weight: 600;

	transition: var(--transition);

}



.btn-more:hover {

	transform: translateY(-3px);

	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);

}



.btn-contact:hover {

	background: var(--text-black);

	color: #FFD700;

}



.about-collage {

	/* flex: 1; */

	position: relative;

	height: 400px;

	display: flex;

	justify-content: flex-end;

	max-width: 476px;

	width: 100%;

}



.collage-inner {

	position: relative;

	width: 100%;

	height: 100%;

	max-width: 476px;

}



.collage-inner img {

	position: absolute;

	border-radius: 20px;

	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);

	object-fit: cover;

	object-position: top center;

	transition: var(--transition);

}



.img-1 {

	width: 275px;

	height: 265px;

	top: 40px;

	left: 0;

	z-index: 2;

}



.img-2 {

	width: 280px;

	height: 180px;

	top: 0;

	right: 0px;

	z-index: 1;

}



.img-3 {

	width: 275px;

	height: 195px;

	bottom: -10px;

	right: 40px;

	z-index: 3;

}









/* Customer Reviews Section */

.reviews-swiper {

	padding: 45px 0 60px;

	max-width: 1440px;

	margin: 0 auto;

	width: 100%;

}



.review-card {

	background: var(--white);

	padding: 40px;

	border-radius: 10px;

	box-shadow: rgba(0, 0, 0, 0.2) 0px 18px 36px -10px;

	height: 100%;

	display: flex;

	flex-direction: column;

	transition: var(--transition);

}



.review-user {

	display: flex;

	align-items: center;

	gap: 15px;

}



.user-avatar {

	width: 60px;

	height: 60px;

	border-radius: 50%;

	object-fit: cover;

}





.user-info {

	display: flex;

	flex-direction: column;

	gap: 5px;

}



.user-name {

	font-weight: 600;

	font-size: 18px;

	margin: 0px;

	color: var(--text-light-black);

}



.user-location {

	font-size: 18px;

	color: var(--text-light-black);

	margin: 0;

}



.review-rating {

	color: #FFB800;

	display: flex;

	gap: 3px;

	font-size: 18px;

}



.review-headline {

	font-style: italic;

	font-weight: 600;

	line-height: 23px;

	font-size: 18px;

	color: var(--text-light-black);

	margin: 5px 0;

}



.review-text {

	font-size: 0.95rem;

	line-height: 1.7;

	color: #555;

	margin: 0;

	padding: 0;

}



.reviews-swiper .swiper-pagination-bullet {

	background: var(--dark);

	opacity: 0.2;

}



.reviews-swiper .swiper-pagination-bullet-active {

	opacity: 1;

	background: var(--dark);

}



/* Responsiveness */





.bottom-banner-card {

	position: relative;

	height: 472px;

	border-radius: 40px;

	/* background-image: url('../images/bottom-banner.jpg'); */

	background-size: cover;

	background-position: top center;

	overflow: hidden;

	display: flex;

	align-items: flex-end;

	justify-content: center;

	text-align: center;

	padding: 30px 30px 80px;

}



.bottom-banner-card::before {

	content: '';

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: rgba(0, 0, 0, 0.4);

	z-index: 1;

}



.bottom-banner-content {

	position: relative;

	z-index: 2;

	max-width: 642px;

}



.bottom-banner-title {

	font-family: 'Bona Nova', serif;

	font-size: 32px;

	color: var(--white);

	margin-bottom: 40px;

	line-height: 1.4;

	font-weight: 700;

}



.bottom-banner-actions {

	display: flex;

	gap: 20px;

	justify-content: center;

}



a.home-btn-shop-now,

a.btn-contact-white {

	display: inline-block;

	padding: 12px 35px;

	border: 1px solid var(--white);

	color: var(--white);

	text-transform: uppercase;

	letter-spacing: 2px;

	font-weight: 600;

	transition: var(--transition);

	font-size: 14px;

}



a.home-btn-shop-now:hover,

a.btn-contact-white:hover {

	background: var(--white);

	color: var(--dark);

}



/* Footer Section */

.main-footer {

	background: #000;

	color: var(--white);

	padding: 60px 0 40px;

	margin-top: 40px;

	position: relative;

	overflow: hidden;

}



.footer-grid {

	display: flex;

	gap: 40px;

	padding-bottom: 70px;

	border-bottom: 1px solid rgba(255, 255, 255, 0.1);

	position: relative;

	z-index: 4;

}



.footer-logo img {

	height: 67px;

	margin-bottom: 30px;

}



.footer-links {

	flex-grow: 1;

	gap: 100px;

	flex-grow: 1;

	display: flex;

	justify-content: center;

}



.footer-links ul {

	list-style: none;

	padding: 0;

	margin: 0;

}



.footer-desc {

	font-size: 16px;

	font-weight: normal;

	line-height: 1.6;

	color: var(--footer-link);

	margin-bottom: 30px;

	opacity: 0.8;

}



.footer-social {

	display: flex;

	gap: 20px;

}



.footer-social a {

	color: var(--white);

	font-size: 1.2rem;

	transition: var(--transition);

}



.footer-social a:hover {

	color: var(--gold);

	filter: brightness(0) saturate(100%) invert(94%) sepia(27%) saturate(1289%) hue-rotate(320deg) brightness(96%) contrast(84%);

}



.footer-links ul {

	display: flex;

	flex-direction: column;

	gap: 15px;

}



.footer-links a {

	color: var(--footer-link);

	font-size: 16px;

	transition: var(--transition);

}



.footer-links a:hover {

	color: var(--gold);

}



.footer-apps h5 {

	font-size: 16px;

	margin: 0 0 25px;

	font-weight: normal;

}



.app-buttons {

	display: flex;

	flex-direction: column;

	gap: 15px;

}



.app-btn img {

	height: 40px;

	transition: var(--transition);

}



.app-btn:hover img {

	transform: scale(1.05);

}



.footer-bottom {

	padding-top: 40px;

	text-align: center;

	color: #B0B0B0;

	font-size: 16px;

}



.footer-bottom p {

	padding: 0;

}



.section-header.customer-reviews-header {

	margin-bottom: 0;

}



.footer-info {

	max-width: 290px;

	width: 100%;

}



.footer-apps {

	max-width: 180px;

	width: 100%;

}



.bg-grey {

	background: var(--bg-grey-2);

}



/* Responsive adjustment for Who We Are collage */





/* Collections Page Layout */

.collection-layout {

	display: flex;

	gap: 25px;

	align-items: flex-start;

}



.collections-page {

	position: relative;

	z-index: 9;

}



.collection-sidebar {

	width: 270px;

	flex-shrink: 0;

	background: var(--light-grey);

	border-radius: 10px;

	color: var(--text-black);

	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.02);

}



.filter-header h3 {

	font-size: 18px;

	font-weight: normal;

	margin: 0;

	padding: 15px 18px 15px;

	border-bottom: 1px solid var(--border-color);

	color: #333;

}



.filter-group {

	margin-bottom: 25px;

}



.filter-group-list {

	padding: 28px 18px 28px;

}



.filter-group-list .filter-title {

	font-size: 14px;

	cursor: pointer;

	display: flex;

	align-items: center;

	gap: 10px;

	margin-bottom: 15px;

	color: var(--text-black);

}



.filter-title i {

	font-size: 20px;

}



.filter-options {

	padding-left: 25px;

	display: none;

	flex-direction: column;

	gap: 15px;

}



.filter-group.active .filter-options {

	display: flex;

}





.filter-option {

	display: flex;

	align-items: center;

	gap: 12px;

	font-size: 14px;

	cursor: pointer;

	position: relative;

}



.filter-option input {

	display: none;

}



.radio-custom {

	width: 20px;

	height: 20px;

	border: 1px solid #ddd;

	border-radius: 50%;

	position: relative;

	transition: var(--transition);

	background: #fff;

}



.filter-option input:checked+.radio-custom {

	border-color: #333;

}



.filter-option input:checked+.radio-custom::after {

	content: '';

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

	width: 10px;

	height: 10px;

	background: #333;

	border-radius: 50%;

}



.collection-main {

	flex-grow: 1;

}



.collection-topbar {

	margin-bottom: 30px;

}



.breadcrumb {

	font-size: 12px;

	color: #999;

	padding-bottom: 4px;

}



.breadcrumb a {

	color: #999;

	text-decoration: none;

}



.breadcrumb span {

	color: rgb(0 0 0 / 40%);

}



.topbar-header {

	display: flex;

	justify-content: space-between;

	align-items: center;

	border-bottom: 1px solid var(--border-color);

	padding-bottom: 12px;

}



.collection-title {

	font-family: inherit;

	font-size: 16px;

	font-weight: normal;

	padding: 0;

	margin: 0;

	color: var(--text-black);

}



.sort-dropdown {

	display: flex;

	align-items: center;

	gap: 10px;

	max-width: 275px;

	width: 100%;

}



.sort-dropdown label {

	font-size: 14px;

	color: var(--text-black);



}



.sort-dropdown select {

	padding: 8px 30px 8px 15px;

	border: 1px solid #eee;

	border-radius: 8px;

	background: #fff;

	font-family: inherit;

	font-size: 14px;

	outline: none;

	cursor: pointer;

	appearance: none;

	-webkit-appearance: none;

	position: relative;

	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23666' stroke-width='1.5'/%3E%3C/svg%3E");

	background-repeat: no-repeat;

	background-position: right 15px center;

	width: 100%;

}



/* Adjust grid for sidebar layout */

.collection-main .product-grid {

	grid-template-columns: repeat(4, 1fr);

	gap: 20px;

}



.section-padding-sm {

	padding: 40px 0 0;

}



.collections-page.section-padding-sm {

	padding: 90px 0 60px;

}



/* About Page Styles */

.about-hero {

	height: 360px;

	background-size: cover;

	background-position: center;

	position: relative;

	display: flex;

	align-items: center;

	justify-content: center;

	text-align: center;

	color: var(--white);

	z-index: 5;

}



.about-hero .banner-content {

	z-index: 2;

}



.about-hero h1 {

	font-family: 'Inter', sans-serif;

	font-size: 40px;

	font-weight: 500;

	margin-bottom: 25px;

	letter-spacing: normal;

	line-height: 1.3;

	text-transform: capitalize;

}



.about-hero .breadcrumb {

	color: rgba(255, 255, 255, 0.8);

}



.about-hero .breadcrumb a {

	color: var(--gold);

}



.about-hero .breadcrumb span {

	color: var(--white);

}



.about-grid {

	display: flex;

	/* grid-template-columns: 400px 1fr; */

	gap: 60px;

	align-items: flex-start;
	

}



.about-logo-card {


	border-radius: 20px;

	height: 340px;

	display: flex;

	align-items: center;

	justify-content: center;

	padding: 40px;

	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);

	position: relative;

	max-width: 400px;
    width: 100%;
	flex-shrink: 0;

}

.about-text-content{
	flex-grow: 1;
}



.logo-card-inner {

	text-align: center;

}



.logo-card-inner img {

	max-width: 100%;

	height: auto;

}



.about-content-title {

	font-family: 'Inter', sans-serif;

	font-size: 36px;

	font-weight: 500;

	color: #333;

	margin-bottom: 25px;

}



.about-paragraphs p {

	font-family: 'Inter', sans-serif;

	font-size: 15px;

	line-height: 1.7;

	color: #333;

	margin-bottom: 25px;

}



/* .about-text-content .section-title {

	font-family: 'Bona Nova', serif;

	font-size: 32px;

	color: var(--text-black);

	margin-bottom: 25px;

}



.about-text-content .section-desc {

	font-size: 1.1rem;

	line-height: 1.8;

	color: #555;

	margin-bottom: 20px;

} */



.about-gallery {

	padding-bottom: 160px;

}





/* Map & Form Section */

.map-form-grid {

	display: flex;


	gap: 60px;

	align-items: stretch;

}



.map-column {
	max-width: 645px;
    width: 100%;
	min-height: 300px;
}




.form-title {

	font-family: 'Inter', sans-serif;

	font-size: 28px;

	margin: 0 0 30px;

	color: #333;

	font-weight: 500;

}



.form-group {

	margin-bottom: 25px;

}



.form-group label {

	display: block;

	margin-bottom: 10px;

	font-weight: 500;

	color: #333;

	font-size: 15px;

}



.form-group input,

.form-group textarea {

	width: 100%;

	padding: 15px 20px;

	border: 1px solid #e0e0e0;

	border-radius: 10px;

	font-family: 'Inter', sans-serif;

	font-size: 15px;

	background: #fff;

	transition: var(--transition);

}



.form-group input:focus,

.form-group textarea:focus {

	border-color: var(--gold);

	outline: none;

	box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.1);

}



.form-group textarea {

	height: 150px;

	resize: vertical;

}



.btn-submit ,.woocommerce .woocommerce-form-login .woocommerce-form-login__submit,
.woocommerce  button.button,.woocommerce a.button{

	background: #000;

	color: #fff;

	border: none;

	padding: 16px 105px;

	border-radius: 30px;

	font-size: 16px;

	cursor: pointer;

	transition: var(--transition);

	font-family: 'Inter';

}



.btn-submit:hover,.woocommerce .woocommerce-form-login .woocommerce-form-login__submit:hover,
.woocommerce button.button:hover,.woocommerce a.button:hover {

	background: var(--gold);

	color: #000;

	transform: translateY(-2px);

}



/* Contact Strip */

.contact-strip-section {

	padding: 90px 0 30px;

}



.contact-strip {

	display: flex;

	align-items: center;

	justify-content: space-between;

	flex-wrap: wrap;

	gap: 30px;

}



.strip-item {

	display: flex;

	align-items: center;

	gap: 15px;

	font-size: 29px;

	color: #333;

	font-weight: 500;

}



.strip-item i {

	font-size: 29px;

	color: #333;

}



.strip-item span {

	white-space: nowrap;

}



.strip-item .divider {

	color: rgb(0 0 0 / 40%);

	margin: 0 5px;

}



/* Contact Page Styles */

.contact-card {

	background: #fff;

	padding: 40px;

	border-radius: 20px;

	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);

	max-width: 600px;

	margin: 0 auto;

	text-align: center;

}



.contact-info h2 {

	font-family: 'Bona Nova', serif;

	font-size: 32px;

	margin-bottom: 20px;

	color: #333;

}



.contact-info p {

	color: #666;

	margin-bottom: 30px;

}



.info-item {

	display: flex;

	align-items: center;

	justify-content: center;

	gap: 15px;

	margin-bottom: 15px;

	color: #444;

	font-size: 16px;

}



.info-item i {

	color: var(--gold);

	font-size: 20px;

}





/* About Experience Section */

.about-experience {

	padding-bottom: 10px;

	margin: 25px 0 0;

}



.experience-bar {

	padding: 60px 40px;

	border-radius: 20px;

	display: flex;

	justify-content: space-around;

	align-items: center;

	text-align: center;

}



.experience-item {

	display: flex;

	flex-direction: column;

}



.exp-number {

	font-family: 'Inter', sans-serif;

	font-size: 63px;

	font-weight: normal;

	color: #333;

	letter-spacing: -1px;

	font-variant-numeric: tabular-nums;

}



.exp-label {

	font-family: 'Inter', sans-serif;

	font-size: 14px;

	color: var(--text-light-black);

	font-weight: 400;

}





/* About Gallery Styles */

.gallery-grid {

	display: grid;

	grid-template-columns: repeat(4, 1fr);

	gap: 20px;

}



.gallery-col {

	display: flex;

	flex-direction: column;

	gap: 20px;

}



.gallery-item {

	border-radius: 20px;

	overflow: hidden;

	position: relative;

	width: 100%;

}



.gallery-item img {

	width: 100%;

	height: 100%;

	object-fit: cover;

	display: block;

}



.col-main .gallery-item {

	height: 428px;

}







.item-sm {

	height: 164px;

}



.item-lg {

	height: 244px;

}



.col-main {

	grid-column: span 1;

}



.form-group-btn-wrapper {

	margin: auto;

	text-align: center;

	display: flex;

	flex-direction: column;

	align-items: center;

	gap: 10px;

}





.header-link {

	color: var(--text-black);
	flex-shrink: 0;

}



/* ========================================

   Product Detail Page Styles

======================================== */



.product-detail-page {

	background: var(--light);
	position: relative;
    z-index: 9;

}



.product-detail-layout {

	display: flex;

	gap: 60px;

}

.product-detail-layout .summary{

	flex-grow: 1;
	
}



/* Product Gallery */

.product-gallery {

	height: fit-content;

	display: flex;

	flex-direction: column;

	gap: 15px;

	width: 420px;

	flex-shrink: 0;

}



.main-image {

	position: relative;

	background: #fff;

	border-radius: 20px;

	overflow: hidden;

	aspect-ratio: 1;

	width: 100%;

}



.main-image img {

	width: 100%;

	height: 100%;

	object-fit: cover;

}



.wishlist-btn-large {

	position: absolute;

	top: 20px;

	right: 20px;

	width: 50px;

	height: 50px;

	border-radius: 50%;

	background: rgba(255, 255, 255, 0.9);

	border: none;

	cursor: pointer;

	display: flex;

	align-items: center;

	justify-content: center;

	transition: var(--transition);

	z-index: 2;

}



.wishlist-btn-large i {

	font-size: 22px;

	color: var(--dark);

}



.wishlist-btn-large:hover {

	background: var(--gold);

	transform: scale(1.1);

}



.thumbnail-gallery {

	display: grid;

	grid-template-columns: repeat(4, 1fr);

	gap: 12px;

}



.thumbnail {

	aspect-ratio: 1;

	border-radius: 12px;

	overflow: hidden;

	cursor: pointer;

	border: 2px solid transparent;

	transition: var(--transition);

	background: #fff;

}



.thumbnail.active {

	border-color: var(--gold);

}



.thumbnail:hover {

	border-color: var(--dark);

}



.thumbnail img {

	width: 100%;

	height: 100%;

	object-fit: cover;

}



/* Product Info Section */





.product-breadcrumb {

	font-size: 14px;

	color: #666;

	margin-bottom: 20px;

}



.product-breadcrumb a {

	color: #666;

	transition: var(--transition);

}



.product-breadcrumb a:hover {

	color: var(--gold);

}



.product-breadcrumb span {

	color: var(--dark);

	font-weight: 500;

}



.product-detail-title,.product_title  {

	font-family: 'Inter';

	font-size: 34px;

	font-weight: 600;

	color: var(--text-black);

	margin: 0 0 20px;

	line-height: 1.3;

}



.product-rating-section {

	display: flex;

	align-items: center;

	gap: 15px;

	margin-bottom: 25px;

}



.rating-stars {

	display: flex;

	gap: 5px;

}



.rating-stars i {

	color: var(--gold);

	font-size: 18px;

}



.rating-text {

	color: #666;

	font-size: 15px;

}



.product-price-section {

	display: flex;

	align-items: baseline;

	gap: 12px;

	margin-bottom: 25px;

}



.current-price-large {

	font-size: 32px;

	font-weight: 700;

	color: var(--text-black);

	font-family: 'Inter', sans-serif;

}



.original-price-large {

	font-size: 18px;

	color: #999;

	text-decoration: line-through;

}



.discount-badge-large {

	background: #FF6B6B;

	color: #fff;

	padding: 4px 10px;

	border-radius: 4px;

	font-size: 13px;

	font-weight: 600;

}



.product-short-desc {

	font-size: 16px;

	line-height: 1.7;

	color: #555;

	margin-bottom: 35px;

}



/* Product Price and Rating Section */

.product-price-rating {

	display: flex;

	align-items: center;

	gap: 16px;

	margin-bottom: 8px;

	flex-wrap: wrap;

}



.price-info {

	display: flex;

	align-items: center;

	gap: 8px;

}



.strikethrough-price {

	font-size: 16px;

	color: #94969f;

	text-decoration: line-through;

}



.discount-label {

	color: #FF3F6C;

	font-size: 16px;

	font-weight: 600;

	margin-left: 2px;

}



.rating-info {

	display: flex;

	align-items: center;

	gap: 8px;

	margin-left: 0;

}



.rating-badge {

	background: #000;

	color: #fff;

	padding: 4px 10px;

	border-radius: 20px;

	font-size: 13px;

	font-weight: 700;

	display: flex;

	align-items: center;

	gap: 5px;

	min-width: 50px;

	justify-content: center;

}



.rating-badge::before {

	content: "\f005";

	font-family: "Font Awesome 6 Free";

	font-weight: 900;

	font-size: 11px;

	color: #FFD700;

}



.reviews-count {

	font-size: 14px;

	color: #94969f;

	margin-left: 0;

}





.final-price {

	display: flex;

	align-items: baseline;

	gap: 6px;

	margin-bottom: 25px;

	padding: 10px 0 25px;

	border-bottom: solid 1px #D1D1D1;

}



.price-amount {

	font-size: 29px;

	font-weight: 700;

	color: var(--text-black);

	font-family: 'Inter', sans-serif;

}



.price-label {

	font-size: 22px;

	color: #666;

	font-weight: 400;

}



/* Product Options */

.product-option-group {

	margin-bottom: 20px;

}



.option-label {

	display: block;

	font-weight: 700;

	font-size: 13px;

	color: var(--text-black);

	margin-bottom: 10px;

}



.size-options {

	display: flex;

	gap: 10px;

	flex-wrap: wrap;

}



.size-btn {

	width: 50px;

	border: 1px solid #ddd;

	background: #fff;

	border-radius: 6px;

	cursor: pointer;

	transition: var(--transition);

	display: flex;

	flex-direction: column;

	overflow: hidden;

}



.size-btn .size-label {

	width: 100%;

	font-weight: 600;

	font-size: 14px;

	padding: 6px 0;

	text-align: center;

	border-bottom: 1px solid #ddd;

	color: var(--text-black);

}



.size-btn .size-price {

	width: 100%;

	font-size: 11px;

	color: #666;

	font-weight: 500;

	padding: 4px 0;

	text-align: center;

	background: #fff;

}



.size-btn:hover {

	border-color: var(--text-black);

}



.size-btn.active {

	background: #000;

	border-color: #000;

}



.size-btn.active .size-label {

	background: #000;

	color: #fff;

	border-bottom-color: #333;

}



.size-btn.active .size-price {

	background: #000;

	color: #fff;

}



.color-options {

	display: flex;

	gap: 12px;

}



.color-btn {

	width: 45px;

	height: 45px;

	border-radius: 50%;

	border: 3px solid transparent;

	cursor: pointer;

	transition: var(--transition);

	position: relative;

}



.color-btn:hover {

	transform: scale(1.1);

}



.color-btn.active {

	border-color: var(--dark);

	box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--dark);

}



.quantity-selector {

	display: flex;

	align-items: center;

	gap: 10px;

	width: fit-content;

	border: none;

	border-radius: 0;

	overflow: visible;

}



.qty-btn {

	width: 32px;

	height: 32px;

	background: #fff;

	border: 1px solid #ddd;

	border-radius: 6px;

	font-size: 18px;

	font-weight: 400;

	color: #666;

	cursor: pointer;

	transition: var(--transition);

	display: flex;

	align-items: center;

	justify-content: center;

	padding-bottom: 3px;

	/* visual adjustment for vertical center */

}



.qty-btn:hover {

	border-color: var(--text-black);

	color: var(--text-black);

}



.qty-input {

	width: 40px;

	height: 32px;

	border: none;

	border-bottom: solid 1px #ccc;

	text-align: center;

	font-size: 16px;

	font-weight: 500;

	color: var(--text-black);

	background: transparent;

}



.qty-input:focus {

	outline: none;

}



/* Product Actions */

.product-actions {

	display: flex;

	gap: 15px;

	margin-bottom: 40px;

}



.btn-add-to-cart-large {

	padding: 18px 50px;

	background: #000;

	color: #fff;

	border: none;

	border-radius: 50px;

	font-size: 16px;

	font-weight: 600;

	cursor: pointer;

	transition: var(--transition);

	display: flex;

	align-items: center;

	justify-content: center;

	gap: 10px;

	font-family: 'Inter';

}



.btn-add-to-cart-large:hover {

	opacity: 0.9;

}



.btn-buy-now {

	padding: 18px 50px;

	background: #FF3F6C;

	color: #fff;

	border: none;

	border-radius: 50px;

	font-size: 16px;

	font-weight: 600;

	cursor: pointer;

	transition: var(--transition);

	font-family: 'Inter';

}



.btn-buy-now:hover {

	opacity: 0.9;

}



/* Product Meta */

.product-meta {

	border-top: 1px solid #e0e0e0;

	padding-top: 30px;

}



.meta-item {

	display: flex;

	gap: 10px;

	margin-bottom: 12px;

	font-size: 15px;

}



.meta-label {

	font-weight: 600;

	color: var(--dark);

	min-width: 90px;

}



.meta-value {

	color: #666;

}



/* Product Options Row */

.product-options-row {

	display: flex;

	gap: 40px;

	margin-bottom: 25px;

	flex-wrap: wrap;

	align-items: flex-start;

}



/* Product Overview Section */

.product-overview-section {

	margin-bottom: 25px;

}



.overview-title {

	font-family: 'Inter', sans-serif;

	font-size: 15px;

	font-weight: 600;

	color: var(--text-black);

	margin-bottom: 10px;

}



/* Product Details Table / Overview Box */

.product-details-table {

	border: none;

	border-radius: 8px;

	overflow: hidden;

	margin: 0;

	background: var(--bg-grey-2);

	/* Light Gray Background */

	padding: 30px;

}



.detail-row {

	display: flex;

	align-items: flex-start;

	margin-bottom: 15px;

	font-size: 15px;

	line-height: 1.6;

	color: #333;

	border: none;

	padding: 0;

}



.detail-row:last-child {

	margin-bottom: 0;

}



.detail-label {

	width: 140px;

	font-weight: 500;

	color: var(--text-light-black);

	flex-shrink: 0;

	font-size: 16px;

}



.detail-separator {

	margin-right: 15px;

	color: #333;

	font-weight: 500;

}



.detail-value {

	color: #333;

	flex: 1;

}



/* Product Description Section */



.product-description-section h3 {

	font-size: 15px;

	font-weight: 600;

	color: var(--dark);

	padding: 0;

	margin: 0;

}



.product-description-section p {

	font-size: 15px;

	line-height: 1.8;

	color: #555;

	margin-bottom: 15px;

}



/* Product Reviews Section */

.product-reviews-section {

	margin: 30px 0;

	/* padding: 25px 0;

	border-top: 1px solid #e0e0e0; */

}



.product-reviews-section h3 {

	font-size: 15px;

	margin: 0;

	color: var(--dark);

}



.reviews-container-box {

	background: var(--bg-grey-2);

	margin: 15px 0 0;

	border-radius: 8px;

	padding: 26px;

}



.review-header-top {

	display: flex;

	align-items: center;

	gap: 18px;

}



.review-user-img {

	width: 56px;

	height: 56px;

	object-fit: cover;

	border-radius: 50%;

}



.review-meta-row {

	display: flex;

	align-items: center;

	gap: 8px;

	margin: 8px 0 0;

}



.product-reviews-section .review-item {

	margin-bottom: 25px;

	padding-bottom: 25px;

	border-bottom: 1px solid var(--review-border);

}



.product-reviews-section .review-item:last-of-type {

	border-bottom: none;

}



.product-reviews-section .reviewer-avatar {

	width: 50px;

	height: 50px;

	border-radius: 8px;

	background: var(--dark);

	color: #fff;

	display: flex;

	align-items: center;

	justify-content: center;

	font-weight: 700;

	font-size: 16px;

	flex-shrink: 0;

}



.product-reviews-section .reviewer-name {

	font-size: 16px;

	font-weight: 600;

	color: var(--text-light-black);

	margin: 0px;

}



.product-reviews-section .review-date {

	font-size: 14px;

}



.product-reviews-section .review-text {

	font-size: 14px;

	line-height: 1.7;

	color: var(--text-light-black);

	margin-top: 12px;

}



.review-images {

	display: flex;

	gap: 10px;

	margin-top: 15px;

}



.review-images img {

	width: 80px;

	height: 80px;

	object-fit: cover;

	border-radius: 8px;

	border: 1px solid #e0e0e0;

}



.view-all-reviews-btn {

	background: transparent;

	border: none;

	color: var(--dark);

	font-size: 16px;

	font-weight: 600;

	transition: var(--transition);

	margin-top: 20px;

}



.view-all-reviews-btn:hover {

	color: var(--gold);

}



/* Product Tabs */

.product-tabs-section {

	margin-bottom: 80px;

}



.tabs-header {

	display: flex;

	gap: 0;

	border-bottom: 2px solid #e0e0e0;

	margin-bottom: 40px;

}



.tab-btn {

	padding: 18px 35px;

	background: transparent;

	border: none;

	font-size: 16px;

	font-weight: 600;

	color: #666;

	cursor: pointer;

	transition: var(--transition);

	border-bottom: 3px solid transparent;

	margin-bottom: -2px;

}



.tab-btn:hover {

	color: var(--dark);

}



.tab-btn.active {

	color: var(--dark);

	border-bottom-color: var(--gold);

}



.tabs-content {

	background: #fff;

	padding: 40px;

	border-radius: 15px;

}



.tab-panel {

	display: none;

}



.tab-panel.active {

	display: block;

}



.tab-panel h3 {

	font-family: 'Bona Nova', serif;

	font-size: 24px;

	margin-bottom: 20px;

	color: var(--dark);

}



.tab-panel p {

	font-size: 16px;

	line-height: 1.8;

	color: #555;

	margin-bottom: 20px;

}



.feature-list {

	list-style: none;

	padding: 0;

	margin: 25px 0;

}



.feature-list li {

	display: flex;

	align-items: center;

	gap: 12px;

	padding: 10px 0;

	font-size: 16px;

	color: #555;

}



.feature-list i {

	color: var(--gold);

	font-size: 18px;

}



/* Specifications Table */

.specs-table {

	width: 100%;

	border-collapse: collapse;

}



.specs-table tr {

	border-bottom: 1px solid #e0e0e0;

}



.specs-table td {

	padding: 18px 0;

	font-size: 16px;

}



.spec-label {

	font-weight: 600;

	color: var(--dark);

	width: 200px;

}



.spec-value {

	color: #666;

}



/* Reviews */

.reviews-summary {

	background: var(--light);

	padding: 30px;

	border-radius: 12px;

	margin-bottom: 40px;

	text-align: center;

}



.average-rating {

	display: flex;

	flex-direction: column;

	align-items: center;

	gap: 10px;

}



.rating-number {

	font-size: 56px;

	font-weight: 700;

	color: var(--dark);

	font-family: 'Bona Nova', serif;

}



.rating-stars-large {

	display: flex;

	gap: 8px;

}



.rating-stars-large i {

	color: var(--gold);

	font-size: 24px;

}



.total-reviews {

	color: #666;

	font-size: 15px;

}



.review-list {

	display: flex;

	flex-direction: column;

	gap: 30px;

}



.review-item {

	padding-bottom: 30px;

	border-bottom: 1px solid #e0e0e0;

}



.review-item:last-child {

	border-bottom: none;

	padding-bottom: 0;

}



.review-header {

	display: flex;

	justify-content: space-between;

	align-items: flex-start;

	margin-bottom: 15px;

}



.reviewer-info {

	display: flex;

	gap: 15px;

	align-items: center;

}



.reviewer-avatar {

	width: 50px;

	height: 50px;

	border-radius: 50%;

	object-fit: cover;

}



.reviewer-name {

	font-size: 16px;

	font-weight: 600;

	color: var(--dark);

	margin-bottom: 5px;

}



.review-rating {

	display: flex;

	gap: 4px;

	margin: 20px 0;

}



.review-rating i {

	color: var(--gold);

	font-size: 14px;

}



.review-date {

	font-size: 14px;

	color: var(--text-black);

}



.review-text {

	font-size: 18px;

	line-height: 26px;

	font-style: italic;

	font-family: 'Inter';

	color: var(--text-light-black);

}



/* Related Products */

.related-products {

	margin-bottom: 95px;

}



.related-products-section .section-header {

	text-align: center;

	margin-bottom: 35px;

}



.cart-overlay {

	position: fixed;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: rgba(0, 0, 0, 0.7);

	z-index: 2000;

	opacity: 0;

	visibility: hidden;

	transition: var(--transition);

}



.cart-overlay.active {

	opacity: 1;

	visibility: visible;

}



.cart-sidebar {

	position: fixed;

	top: 0;

	right: -464px;

	width: 464px;

	height: 100%;

	background: var(--white);

	z-index: 2001;

	display: flex;

	flex-direction: column;

	transition: var(--transition);

	box-shadow: -5px 0 15px rgba(0, 0, 0, 0.1);

}



.cart-sidebar.active {

	right: 0;

}



.cart-header {

	padding: 20px 30px;

	display: flex;

	justify-content: space-between;

	align-items: center;

	border-bottom: 1px solid var(--border-color);

}



.cart-header h3 {

	font-family: 'Inter', sans-serif;

	font-size: 20px;

	font-weight: 700;

	color: var(--text-black);

	margin: 0;

}



.cart-close {

	background: none;

	border: none;

	font-size: 20px;

	color: var(--text-black);

	cursor: pointer;

	opacity: 0.6;

	transition: var(--transition);

}



.cart-close:hover {

	opacity: 1;

}



.cart-body {

	flex-grow: 1;

	padding: 20px 30px;

	overflow-y: auto;

}



.cart-item {

	display: flex;

	gap: 15px;

	padding: 20px 0;

	border-bottom: 1px solid var(--border-color);

}



.cart-item:last-child {

	border-bottom: none;

}



.cart-item-image {

	width: 90px;

	height: 90px;

	flex-shrink: 0;

	border-radius: 8px;

	border: solid 1px #d1d1d1;

	overflow: hidden;

	background: #f4f4f4;

}



.cart-item-image img {

	width: 100%;

	height: 100%;

	object-fit: cover;

}



.cart-item-details {

	flex-grow: 1;

	display: flex;

	flex-direction: column;

	justify-content: space-between;

}



.cart-item-title-row {

	display: flex;

	justify-content: space-between;

	align-items: flex-start;

	gap: 10px;

}



.cart-item-title {

	font-size: 15px;

	font-weight: 600;

	color: var(--text-black);

	margin: 0;

	line-height: 1.4;

	display: -webkit-box;

	-webkit-line-clamp: 2;

	line-clamp: 2;

	-webkit-box-orient: vertical;

	overflow: hidden;

}



.cart-item-remove {

	background: none;

	border: solid 1px #F1F1F1;

	color: #FF4D4D;

	cursor: pointer;

	font-size: 16px;

	padding: 4px 6px;

	border-radius: 5px;

}

.cart-item-remove.loading{
	background: url(../images/loader.svg) no-repeat center;
	font-size: 0;
    pointer-events: none;
	border: none;
	width: 20px;
	height: 20px;
	background-size: 100%;
}



.cart-item-price-row {

	display: flex;

	justify-content: space-between;

	align-items: center;

	margin-top: 10px;

}



.cart-qty-selector {

	display: flex;

	align-items: center;

	gap: 15px;

}



.cart-qty-btn {

	background: none;

	border: 1px solid #d1d1d1;

	width: 32px;

	height: 32px;

	display: flex;

	align-items: center;

	justify-content: center;

	cursor: pointer;

	color: var(--text-black);

	font-size: 16px;

	border-radius: 8px;

	transition: var(--transition);

}



.cart-qty-btn:hover {

	background: #f4f4f4;

}



.cart-qty-btn.disabled {

	border-color: #eee;

	color: #ccc;

	cursor: not-allowed;

	pointer-events: none;

}



.cart-qty-value {

	min-width: 20px;

	text-align: center;

	font-size: 14px;

	color: var(--text-black);

}



.cart-item-price {

	font-size: 14px;

	color: var(--text-black);

}



.cart-footer {

	padding: 20px 30px;

	border-top: 1px solid var(--border-color);

	background: #fff;

}



.cart-total-row {

	display: flex;

	justify-content: space-between;

	align-items: center;

	margin-bottom: 20px;

}



.total-label {

	font-size: 18px;

	color: var(--text-black);

	font-weight: 600;

}



.total-value {

	font-size: 18px;

	font-weight: 600;

	color: var(--text-black);

}



a.btn-checkout {

	display: block;

	width: 100%;

	background: var(--text-black);

	color: var(--white);

	text-align: center;

	padding: 15px;

	border-radius: 50px;

	font-weight: 500;

	font-size: 18px;

	transition: var(--transition);

}



a.btn-checkout:hover {

	background: var(--gold-dim);

	color: var(--white);

	transform: translateY(-2px);

	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);

}



/* Empty Cart State */

.cart-empty {

	display: flex;

	flex-direction: column;

	align-items: center;

	justify-content: center;

	padding: 40px 20px;

	text-align: center;

	height: 100%;

}



.empty-icon {

	width: 80px;

	height: 80px;

	background: #f8f8f8;

	border-radius: 50%;

	display: flex;

	align-items: center;

	justify-content: center;

	margin-bottom: 20px;

	color: var(--gold);

	font-size: 32px;

}



.cart-empty h4 {

	font-size: 18px;

	font-weight: 700;

	color: var(--text-black);

	margin-bottom: 10px;

}



.cart-empty p {

	font-size: 14px;

	color: #666;

	margin-bottom: 25px;

	line-height: 1.5;

}



.btn-shop-now {

	display: inline-block;

	padding: 12px 30px;

	background: var(--gold);

	color: var(--white);

	border-radius: 50px;

	font-weight: 600;

	transition: var(--transition);

}



.btn-shop-now:hover {

	background: var(--gold-dim);

	color: var(--white);

	transform: translateY(-2px);

}



/* Checkout Page Styles */

.checkout-title {

	font-family: 'Inter', sans-serif;

	font-size: 18px;

	font-weight: 600;

	color: var(--text-black);

	margin: 0px 0 20px;

}



.checkout-layout {

	display: flex;

	gap: 40px;

	align-items: flex-start;

}



.checkout-main {

	flex: 1;

	background: var(--bg-grey-2);

	border-radius: 8px;

}



.checkout-sidebar {

	width: 416px;

	flex-shrink: 0;

}



.checkout-section {

	background: var(--bg-grey-2);

	border-radius: 12px;

	padding: 30px 30px 0;

	margin-bottom: 50px;

}



.checkout-section.payment-method {

	padding: 0px 30px 0;

}



.checkout-section h3 {

	font-size: 18px;

	font-weight: 600;

	margin: 0px;

	color: var(--text-black);

}



.section-header-row {

	display: flex;

	justify-content: space-between;

	align-items: center;

	margin-bottom: 20px;

	padding-bottom: 15px;

	border-bottom: solid 1px #d1d1d1;

}



.section-header-row h3 {

	margin-bottom: 0;

}



.add-new-link {

	color: #000;

	font-weight: 600;

	font-size: 16px;

	text-decoration: none;

}



/* Saved Addresses */

.address-card {

	display: flex;

	gap: 15px;

	border-radius: 10px;

	margin-bottom: 22px;

	cursor: pointer;

	position: relative;

	transition: var(--transition);

	justify-content: space-between;

	align-items: flex-start;

}





.address-card input[type="radio"] {

	appearance: none;

	-webkit-appearance: none;

	width: 20px;

	height: 20px;

	border: 1px solid #d1d1d1;

	border-radius: 50%;

	outline: none;

	cursor: pointer;

	position: relative;

	margin-top: 0px;

	flex-shrink: 0;

	background: #fff;

	transition: var(--transition);

}



.address-card-left {

	gap: 10px;

	display: flex;

	align-items: flex-start;

}





.address-card input[type="radio"]:checked {

	background-color: #000;

	border-color: #000;

}



.address-card input[type="radio"]:checked::after {

	content: '\f00c';

	font-family: 'Font Awesome 6 Free';

	font-weight: 900;

	color: #fff;

	font-size: 12px;

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

}



.name-row {

	display: flex;

	align-items: center;

	gap: 8px;

	margin-bottom: 8px;

}



.full-name {

	font-weight: 700;

	font-size: 16px;

	color: var(--text-black);

}



.address-tag {

	font-size: 15px;

	color: var(--text-black);

}



.address-text {

	font-size: 15px;

	line-height: 1.6;

	color: var(--text-black);

	margin: 0;

}



.edit-btn {

	position: relative;

	background: none;

	border: none;

	color: #000;

	font-weight: 500;

	font-size: 14px;

	cursor: pointer;

}



.edit-btn::after {

	position: absolute;

	content: '';

	left: 0;

	bottom: -2px;

	background: #000;

	width: 100%;

	height: 1px;

}



/* Address Form */

.address-form-container {

	margin-top: 30px;

	padding: 30px;

	border: 1px solid #DCDCDC;

	border-radius: 10px;

}



.address-form-grid {

	display: grid;

	grid-template-columns: 1fr 1fr;

	gap: 20px;

	margin-bottom: 25px;

}



.address-form-container .form-group label {

	display: block;

	font-size: 13px;

	color: #000;

	font-weight: 500;

	margin-bottom: 8px;

}



.address-form-container .form-group input {

	width: 100%;

	padding: 12px 15px;

	border: 1px solid #cacaca;

	border-radius: 8px;

	font-size: 14px;

	background: transparent;

}



.form-checkbox {

	display: flex;

	align-items: center;

	gap: 10px;

}



.address-form-grid .form-group {

	margin: 0;

}



.form-checkbox input {

	accent-color: #000;

}



.form-checkbox label {

	font-size: 14px;

	font-weight: 600;

	color: #000;

}



.btn-add-address {

	width: 100%;

	padding: 15px;

	background: #000;

	color: #fff;

	border: none;

	border-radius: 8px;

	font-size: 17px;

	cursor: pointer;

	font-family: 'Inter';

}







/* Payment Method */

.payment-options {

	display: flex;

	flex-direction: column;

	gap: 20px;

}



.payment-card {

	display: flex;

	gap: 15px;

	border-radius: 10px;

	cursor: pointer;

	transition: var(--transition);

}



.payment-card input[type="radio"] {

	appearance: none;

	-webkit-appearance: none;

	width: 20px;

	height: 20px;

	border: 1px solid #d1d1d1;

	border-radius: 50%;

	outline: none;

	cursor: pointer;

	position: relative;

	flex-shrink: 0;

	background: #fff;

	transition: var(--transition);

}



.payment-card input[type="radio"]:checked {

	background-color: #000;

	border-color: #000;

}



.payment-card input[type="radio"]:checked::after {

	content: '\f00c';

	font-family: 'Font Awesome 6 Free';

	font-weight: 900;

	color: #fff;

	font-size: 12px;

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

}



.method-name {

	display: block;

	font-weight: 600;

	font-size: 15px;

	color: var(--text-black);

	margin-bottom: 5px;

}



.method-description {

	display: block;

	font-size: 15px;

	color: var(--text-black);

}



.checkout-footer-action {

	text-align: right;

	padding: 30px 0px 0;

	border-top: solid 1px #D1D1D1;

	margin: 0 30px 30px;

}



.btn-place-order,.wc-block-components-checkout-place-order-button {

	padding: 15px 60px;

	background: rgb(0 0 0 / 50%);

	color: #fff;

	border: none;

	border-radius: 30px;

	font-size: 18px;

	font-weight: 500;

	cursor: pointer;

}



/* Order Summary */

.summary-card {

	background: #fff;

	border-radius: 12px;

	padding: 30px;

	border: 1px solid #eee;

}



.summary-card h3 {

	font-size: 20px;

	font-weight: 600;

	margin-bottom: 25px;

	color: var(--text-black);

}



.summary-items {

	margin-bottom: 30px;

}



.summary-item {

	display: flex;

	gap: 15px;

	margin-bottom: 20px;

	align-items: center;

}



.item-img {

	width: 60px;

	height: 70px;

	border-radius: 6px;

	overflow: hidden;

	background: #f4f4f4;

	flex-shrink: 0;

}



.item-img img {

	width: 100%;

	height: 100%;

	object-fit: cover;

}



.item-info {

	flex: 1;

}



.item-title {

	font-size: 14px;

	font-weight: 600;

	color: var(--text-black);

	margin: 0 0 5px;

	line-height: 1.4;

}



.item-meta {

	font-size: 13px;

	color: var(--text-black);

}



.item-price {

	font-size: 15px;

	color: var(--text-black);

}



.summary-breakdown {

	border-top: 1px solid #eee;

	padding-top: 25px;

}



.breakdown-row {

	display: flex;

	justify-content: space-between;

	margin-bottom: 12px;

	font-size: 15px;

	color: #666;

}



.breakdown-total {

	display: flex;

	justify-content: space-between;

	margin-top: 20px;

	padding-top: 20px;

	border-top: 1px solid #eee;

	font-weight: 600;

	font-size: 16px;

	color: var(--text-black);

}

.about-hero .banner-content{
	max-width: 645px;
	width: 100%;
}


.map-form-grid .form-column{
	flex-grow: 1;
	max-width: 550px;
}

.map-column p{
	height: 100%;
}


.map-form-grid iframe{
	border-radius: 4px;
}

.wpcf7-response-output{
	color: var(--dark);
}


/* styles-new.css */
.policy-page-hero {
    padding: 100px 0 60px;
    background-color: #f8f9fa;
    text-align: center;
    border-bottom: 1px solid #eee;
}

.policy-page-hero h1 {
    font-family: 'Inter';
    font-size: 2.5rem;
    color: #1a1a1a;
    margin: 0;
}

.policy-content-section {
    padding: 30px 0;
}

.policy-text-container {
    /* max-width: 800px; */
    margin: 0 auto;
    background: #fff;
    padding: 40px;
    border-radius: 8px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
}

.policy-text-container h2 {
    font-family: 'Inter', sans-serif;
    font-size: 1rem;
    color: #1a1a1a;
    margin: 30px 0 15px;
}

.policy-text-container h2:first-child {
    margin-top: 0;
}

.policy-text-container p {
    font-family: 'Inter', sans-serif;
    font-size: 1rem;
    line-height: 1.7;
    color: #444;
    margin-bottom: 20px;
}

.policy-text-container ul {
    margin-bottom: 20px;
    padding-left: 20px;
}

.policy-text-container li {
    font-family: 'Inter', sans-serif;
    font-size: 1rem;
    line-height: 1.7;
    color: #444;
    margin-bottom: 10px;
}

.review-headline p,.review-text p{
	margin: 0;
}

.cart-success{
	display: none;
	font-weight: 600;
	color: #008000;
}

.out-of-stock{
	margin: 0;
    background: #FF3F6C;
	color: #fff;
    padding: 5px 7px;
    border-radius: 6px;
    font-size: 10px;
	position: absolute;
	top: 0;
	right:-20px;
}

.stock.out-of-stock{
	position: unset;
	display: inline-block;
	font-size: 14px;
    margin-bottom: 20px;
    padding: 8px 15px;
}


/* Quick Enquiry Sidebar */
.quick-enquiry-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1040;
    display: none;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.quick-enquiry-overlay.active {
    display: block;
    opacity: 1;
}

.quick-enquiry-sidebar {
    position: fixed;
    top: 0;
    right: -400px; /* Hidden by default */
    width: 350px;
    height: 100%;
    background: #fff;
    z-index: 1050;
    box-shadow: -2px 0 10px rgba(0, 0, 0, 0.1);
    transition: right 0.3s ease;
    display: flex;
    flex-direction: column;
}

/* Responsive adjust for mobile */
@media (max-width: 400px) {
    .quick-enquiry-sidebar {
        width: 100%;
        right: -100%;
    }
}

.quick-enquiry-sidebar.active {
    right: 0;
}

.quick-enquiry-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
    border-bottom: 1px solid #eee;
}

.quick-enquiry-header h3 {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
}

.quick-enquiry-close {
    background: none;
    border: none;
    font-size: 1.2rem;
    cursor: pointer;
    color: #666;
    transition: color 0.2s ease;
}

.quick-enquiry-close:hover {
    color: #000;
}

.quick-enquiry-body {
    padding: 20px;
    flex-grow: 1;
    overflow-y: auto;
}

.quick-enquiry-form .form-group {
    margin-bottom: 15px;
}

.quick-enquiry-form label {
    display: block;
    margin-bottom: 5px;
    font-size: 0.9rem;
    font-weight: 500;
    color: #333;
}

.quick-enquiry-form input,
.quick-enquiry-form textarea {
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-family: inherit;
    font-size: 0.95rem;
    box-sizing: border-box;
}

.quick-enquiry-form input:focus,
.quick-enquiry-form textarea:focus {
    outline: none;
    border-color: #000;
}

.btn-submit-enquiry {
    width: 100%;
    background: #000;
    color: #fff;
    border: none;
    padding: 12px;
    font-size: 1rem;
    font-weight: 600;
    border-radius: 4px;
    cursor: pointer;
    transition: background 0.2s ease;
    margin-top: 10px;
}

.btn-submit-enquiry:hover {
    background: var(--gold);
}

.featured-collections .section-header p,.trending-header p{
	font-weight: 600;
	font-style: italic;
}


.skeleton {
    animation: pulse 1.5s infinite ease-in-out;
}

.skeleton-img {
    width: 100%;
    height: 250px;
    background: #e0e0e0;
    border-radius: 8px;
}

.skeleton-text {
    height: 15px;
    background: #e0e0e0;
    margin-top: 10px;
    border-radius: 4px;
}

.skeleton-text.small {
    width: 60%;
}

@keyframes pulse {
    0% { opacity: 1; }
    50% { opacity: 0.5; }
    100% { opacity: 1; }
}

/* Fade-in smoother */
.collection-product-grid{
    transition: all 0.3s ease;
}

#load-more-trigger {
    height: 50px;
}

.skeleton-img, .skeleton-text {
    background: linear-gradient(90deg, #eeeeee 25%, #dddddd 50%, #eeeeee 75%);
    background-size: 200% 100%;
    animation: shimmer 1.5s infinite;
}

@keyframes shimmer {
    0% { background-position: -200% 0; }
    100% { background-position: 200% 0; }
}

a.clear-filters{
	font-weight: 600;
	text-decoration: underline;
	color:#999;
	transition: all ease .3s;
}

a.clear-filters:hover{
    color:#000;
}



@media screen and (max-width: 1400px) {

	body {

		font-size: 1vw;

	}



	.main-header {

		padding: 1.29vw 0;

	}





	.header-container::before,

	.main-footer::before,

	.about-logo-card::before {

		top: -22.29vw;

		width: 35.29vw;

		height: 35.29vw;

	}



	.about-logo-card::before {

		left: -11.93vw;

	}





	.page-center {

		max-width: 100vw;

		padding: 0 5.71vw;

	}



	.logo-section .logo img {

		max-height: 5.71vw;

	}



	/* Navigation */

	.main-nav ul {

		gap: 2.14vw;

	}



	.main-nav a {

		font-size: 1.14vw;

	}



	/* Actions */

	.header-actions {

		gap: 1.79vw;

	}



	.search-bar {

		border-radius: 3.57vw;

		padding: 0.57vw 1.43vw;

		width: 22.86vw;

	}



	.search-bar:focus-within {

		width: 25vw;

	}



	.search-bar i {

		font-size: 1vw;

	}



	.search-bar input {

		font-size: 1vw;

	}



	.action-icons {

		gap: 1.43vw;

	}



	.cart-count {
        top: -1vw;
        right: -1vw;
        font-size: 1vw;
        width: 1.7vw;
        height: 1.7vw;
    }



	.mobile-menu-toggle {

		font-size: 1.5rem;

	}



	.header-right {

		gap: 3.214vw;

	}





	/* Section Placeholder */

	.home-banner {

		height: 47.43vw;

	}





	/* Section General */

	.section-padding {

		padding: 5.42vw 0 0;

	}



	.section-header {

		margin-bottom: 4.29vw;

	}



	.section-header h2 {

		font-size: 2.143vw;

	}



	.section-header p {

		font-size: 1.14vw;

	}



	/* Product Grid */

	.product-grid {

		gap: 1.43vw;

	}



	.product-image-wrapper {

		height: 23.57vw;

	}







	.rating-badge-white {

		padding: 4px 0.71vw;

		font-size: 0.86vw;

		bottom: 1.07vw;

		left: 1.07vw;

	}







	.wishlist-btn {

		bottom: 1.07vw;

		right: 1.07vw;

		font-size: 1.2rem;

	}





	.product-info {

		padding: 0.57vw 1vw;

	}



	.product-title {

		font-size: 1vw;

	}







	.current-price {

		font-size: 1.14vw;

	}







	.add-to-cart-btn{

		width: 2.07vw;

		height: 2.07vw;

	}

	.view-product-btn {

		width: 1.8vw;

		height: 1.8vw;

	}





	.banner-content h1 {

		font-size: 5.07vw;

		margin-bottom: 2.86vw;

	}



	a.btn-shop {

		padding: 0.86vw 3.21vw;

		font-size: 1.71vw;

	}





	/* Floating Elements */

	.quick-enquiry {
		padding: 1.5vw 1vw;
		font-size: 1.4vw;
	}	



	/* WhatsApp Float */

	.whatsapp-float {

		bottom: 2.14vw;

		right: 2.14vw;

	}





	.whatsapp-float img {

		width: 4.3vw;

		height: 4.3vw;

	}





	.trending-header {

		margin-bottom: 2.86vw;

	}



	.trending-header h2 {

		font-size: 2.14vw;

	}



	.trending-header p {

		font-size: 1.14vw;

	}







	.trending-swiper {

		padding-bottom: 3.57vw !important;

		max-width: 100vw;

	}





	/* Who We Are Section */

	.who-we-are {

		padding-top: 2.64vw;

	}



	.about-card {

		/* Vibrant Yellow */

		border-radius: 1.71vw;

		padding: 2.86vw 2.5vw 4.29vw 3.93vw;

		gap: 4.3vw;

	}



	.about-content {

		max-width: 42.86vw;

	}



	.about-title {

		font-size: 4.3vw;

	}



	.about-description {

		font-size: 1.36vw;

		line-height: 2.07vw;

		margin-bottom: 2.86vw;

	}



	.about-stats {

		gap: 2.86vw;

		margin-bottom: 2.86vw;

	}





	.best-sellers-collections.section-padding {

		padding: 3.57vw 0 0;

	}



	.bottom-banner-section.section-padding {

		padding: 2.14vw 0 0;

	}





	.stat-number {

		font-size: 2.71vw;

		line-height: 1;

	}



	.stat-label {

		font-size: 0.9rem;

		margin-top: 8px;

	}



	.about-actions {

		display: flex;

		gap: 1.43vw;

	}



	a.btn-more {

		padding: 1.07vw 2.5vw;

	}



	a.btn-contact {

		padding: 1.07vw 2.5vw;

	}





	.about-collage {

		height: 28.57vw;

		max-width: 34vw;

	}



	.collage-inner {

		max-width: 34vw;

	}



	.collage-inner img {

		border-radius: 1.43vw;

	}



	.img-1 {

		width: 19.64vw;

		height: 19.29vw;

		top: 2.86vw;

	}



	.img-2 {

		width: 20vw;

		height: 12.86vw;

	}



	.img-3 {

		width: 19.64vw;

		height: 13.93vw;

		bottom: -0.71vw;

		right: 2.86vw;

	}









	/* Customer Reviews Section */

	.reviews-swiper {

		padding: 3.21vw 0 4.29vw;

		max-width: 100vw;

	}



	.review-card {

		padding: 2.86vw;

	}



	.review-user {

		gap: 1.07vw;

	}



	.user-avatar {

		width: 4.29vw;

		height: 4.29vw;

	}



	.user-name {

		font-size: 1.29vw;

	}



	.user-location {

		font-size: 1.29vw;

	}



	.review-rating {

		font-size: 1.29vw;

	}



	.review-headline {

		line-height: 1.64vw;

		font-size: 1.29vw;

		margin: 5px 0;

	}



	.review-text {

		font-size: 0.95rem;

		line-height: 1.7;

	}





	.bottom-banner-card {

		height: 33.714vw;

		border-radius: 2.86vw;

		padding: 2.14vw 2.14vw 5.71vw;

	}







	.bottom-banner-content {

		max-width: 45.857vw;

	}



	.bottom-banner-title {

		font-size: 2.29vw;

		margin-bottom: 2.86vw;

		line-height: 1.4;

	}



	.bottom-banner-actions {

		gap: 1.42vw;

	}



	a.home-btn-shop-now,

	a.btn-contact-white {

		padding: 0.857vw 2.5vw;

		font-size: 1vw;

	}





	/* Footer Section */

	.main-footer {

		padding: 4.29vw 0 2.86vw;

		margin-top: 2.86vw;

	}



	.footer-grid {

		gap: 2.86vw;

		padding-bottom: 5vw;

	}



	.footer-logo img {

		height: 4.79vw;

		margin-bottom: 2.14vw;

	}



	.footer-links {

		gap: 7.14vw;

	}





	.footer-desc {

		font-size: 1.14vw;

		margin-bottom: 2.14vw;

	}



	.footer-social {

		gap: 1.43vw;

	}



	.footer-social a {

		font-size: 1.2rem;

	}







	.footer-links ul {

		gap: 1.07vw;

	}



	.footer-links a {

		font-size: 1.14vw;

	}







	.footer-apps h5 {

		font-size: 1.14vw;

		margin: 0 0 1.79vw;

	}



	.app-buttons {

		gap: 1.07vw;

	}



	.app-btn img {

		height: 2.86vw;

	}





	.footer-bottom {

		padding-top: 2.86vw;

		font-size: 1.14vw;

	}



	.footer-info {

		max-width: 20.71vw;

	}



	.footer-apps {

		max-width: 12.86vw;

	}





	/* Responsive adjustment for Who We Are collage */





	/* Collections Page Layout */

	.collection-layout {

		gap: 1.79vw;

	}







	.collection-sidebar {

		width: 19.29vw;

	}



	.filter-header h3 {

		font-size: 1.29vw;

		padding: 1.07vw 1.29vw 1.07vw;

	}



	.filter-group {

		margin-bottom: 1.79vw;

	}



	.filter-group-list {

		padding: 2vw 1.29vw 2vw;

	}



	.filter-group-list .filter-title {

		font-size: 1vw;

		gap: 0.71vw;

		margin-bottom: 1.07vw;

	}



	.filter-title i {

		font-size: 1.43vw;

	}



	.filter-options {

		padding-left: 1.79vw;

		gap: 1.07vw;

	}





	.filter-option {

		gap: 0.86vw;

		font-size: 1vw;

	}







	.radio-custom {

		width: 1.43vw;

		height: 1.43vw;

	}







	.collection-topbar {

		margin-bottom: 2.14vw;

	}



	.breadcrumb {

		font-size: 0.85vw;

	}





	.topbar-header {

		padding-bottom: 0.86vw;

	}



	.collection-title {

		font-size: 1.14vw;

	}



	.sort-dropdown {

		gap: 0.71vw;

	}



	.sort-dropdown label {

		font-size: 1vw;



	}



	.sort-dropdown select {

		padding: 0.57vw 2.14vw 0.57vw 1.07vw;

		font-size: 1vw;

	}



	/* Adjust grid for sidebar layout */

	.collection-main .product-grid {

		gap: 1.43vw;

	}



	.section-padding-sm {

		padding: 2.86vw 0 0;

	}



	.collections-page.section-padding-sm {

		padding: 5.4vw 0 4.29vw;

	}



	/* About Page Styles */

	.about-hero {

		height: 25.71vw;

	}





	.about-hero h1 {

		font-size: 2.86vw;

		margin-bottom: 1.79vw;

	}







	.about-grid {

		gap: 4.29vw;

	}



	.about-logo-card {

		height: 24.29vw;

		padding: 2.86vw;

		max-width: 28.57vw;

	}







	.about-content-title {

		font-size: 2.57vw;

		margin-bottom: 1.79vw;

	}



	.about-paragraphs p {

		font-size: 1.07vw;

		line-height: 1.7;

		margin-bottom: 1.79vw;

	}



	/* .about-text-content .section-title {

		font-size: 2.29vw;

		margin-bottom: 1.79vw;

	}



	.about-text-content .section-desc {

		font-size: 1.1rem;

		line-height: 1.8;

		margin-bottom: 1.43vw;

	} */



	.about-gallery {

		padding-bottom: 11.43vw;

	}





	/* Map & Form Section */

	.map-form-grid {

		gap: 4.29vw;

	}



	.map-column img {

		min-height: 35.71vw;

	}



	.form-title {

		font-size: 2vw;

		margin: 0 0 2.14vw;

	}



	.form-group {

		margin-bottom: 1.79vw;

	}



	.form-group label {

		margin-bottom: 0.71vw;

		font-size: 1.07vw;

	}



	.form-group input,

	.form-group textarea {

		padding: 1.07vw 1.43vw;

		font-size: 1.07vw;

	}



	.form-group textarea {

		height: 10.71vw;

	}



	.btn-submit,.woocommerce .woocommerce-form-login .woocommerce-form-login__submit,
	.woocommerce button.button,.woocommerce a.button {

		padding: 1.07vw 7.14vw;

		font-size: 1.07vw;

	}





	/* Contact Strip */

	.contact-strip-section {

		padding: 6.43vw 0 2.14vw;

	}



	.contact-strip {

		gap: 2.14vw;

	}







	.strip-item {

		gap: 1.07vw;

		font-size: 2.07vw;

	}



	.strip-item i {

		font-size: 2.07vw;

	}



	/* Contact Page Styles */

	.contact-card {

		padding: 2.86vw;

		max-width: 42.86vw;

	}



	.contact-info h2 {

		font-size: 2.29vw;

		margin-bottom: 1.43vw;

	}



	.contact-info p {

		margin-bottom: 2.14vw;

	}



	.info-item {

		gap: 1.07vw;

		margin-bottom: 1.07vw;

		font-size: 1.14vw;

	}



	.info-item i {

		font-size: 1.43vw;

	}





	/* About Experience Section */

	.about-experience {

		padding-bottom: 0.71vw;

		margin: 1.79vw 0 0;

	}



	.experience-bar {

		padding: 60px 40px;

		border-radius: 20px;

	}



	.exp-number {

		font-size: 63px;

	}





	.exp-label {

		font-size: 1.00vw;

	}







	/* About Gallery Styles */



	.gallery-grid {

		gap: 1.43vw;

	}



	.gallery-col {

		gap: 1.43vw;

	}



	.col-main .gallery-item {

		height: 30.57vw;

	}





	.item-sm {

		height: 11.71vw;

	}



	.item-lg {

		height: 17.43vw;

	}



	.product-detail-layout {

		gap: 4.29vw;

	}



	/* Product Gallery */

	.product-gallery {

		gap: 1.07vw;

		width: 30.00vw;

	}



	.wishlist-btn-large {

		top: 1.43vw;

		right: 1.43vw;

		width: 3.57vw;

		height: 3.57vw;

	}



	.wishlist-btn-large i {

		font-size: 1.57vw;

	}







	.thumbnail-gallery {

		gap: 0.86vw;

	}



	.product-breadcrumb {

		font-size: 1.00vw;

		margin-bottom: 1.43vw;

	}



	.product-detail-title,.product_title  {

		font-size: 2.43vw;

		margin: 0 0 1.43vw;

		line-height: 1.3;

	}



	.product-rating-section {

		gap: 1.07vw;

		margin-bottom: 1.79vw;

	}



	.rating {

		gap: 0.36vw;

	}



	.rating i {

		font-size: 1.14vw;

		color: #ffc107;

	}



	.rating i.disabled {

		color: #d1d1d1;

	}





	.product-short-desc {

		font-size: 16px;

		line-height: 1.7;

		margin-bottom: 35px;

	}



	/* Product Price and Rating Section */

	.product-price-rating {

		gap: 1.14vw;

		margin-bottom: 0.57vw;

	}



	.price-info {

		gap: 0.57vw;

	}



	.strikethrough-price {

		font-size: 1.14vw;

	}



	.discount-label {

		font-size: 1.14vw;

		margin-left: 0.14vw;

	}



	.rating-info {

		gap: 0.57vw;

	}



	.rating-badge {

		padding: 0.29vw 0.71vw;

		font-size: 0.93vw;

		gap: 0.36vw;

		min-width: 3.57vw;

	}



	.rating-badge::before {

		font-size: 0.79vw;

	}



	.reviews-count {

		font-size: 1vw;

	}





	.final-price {

		gap: 0.43vw;

		margin-bottom: 1.79vw;

		padding: 0.5vw 0 1.79vw;

	}



	.price-amount {

		font-size: 2.07vw;

	}



	.price-label {

		font-size: 1.57vw;

	}



	/* Product Options */

	.product-option-group {

		margin-bottom: 1.43vw;

	}





	.option-label {

		font-size: 0.93vw;

		margin-bottom: 0.71vw;

	}



	.size-options {

		gap: 0.71vw;

	}





	.size-btn {

		width: 3.57vw;

	}



	.size-btn .size-label {

		font-size: 1.00vw;

		padding: 0.43vw 0;

	}



	.size-btn .size-price {

		font-size: 0.79vw;

	}



	.color-options {

		gap: 0.86vw;

	}



	.color-btn {

		width: 3.21vw;

		height: 3.21vw;

	}





	.qty-btn {

		width: 2.29vw;

		height: 2.29vw;

		font-size: 1.29vw;

	}



	.qty-input {

		width: 2.86vw;

		height: 2.29vw;

		font-size: 1.14vw;

	}





	/* Product Actions */

	.product-actions {

		gap: 1.07vw;

		margin-bottom: 2.86vw;

	}



	.btn-add-to-cart-large {

		padding: 1.29vw 3.57vw;

		font-size: 1.14vw;

		gap: 0.71vw;

	}







	.btn-buy-now {

		padding: 1.29vw 3.57vw;

		font-size: 1.14vw;

	}







	/* Product Meta */

	.product-meta {

		padding-top: 2.14vw;

	}



	.meta-item {

		gap: 0.71vw;

		margin-bottom: 0.86vw;

		font-size: 1.07vw;

	}



	.meta-label {

		font-weight: 600;

		min-width: 6.43vw;

	}





	.product-options-row {

		gap: 2.86vw;

		margin-bottom: 1.79vw;

	}



	.product-overview-section {

		margin-bottom: 1.79vw;

	}



	.overview-title {

		font-size: 1.07vw;

		margin-bottom: 0.71vw;

	}





	.product-details-table {

		padding: 2.14vw;

	}



	.detail-row {

		margin-bottom: 1.07vw;

		font-size: 1.07vw;

	}



	.detail-label {

		width: 10vw;

		font-size: 1.14vw;

	}



	.detail-separator {

		margin-right: 1.07vw;

	}





	.product-description-section h3 {

		font-size: 1.07vw;

	}



	.product-description-section p {

		font-size: 1.07vw;

		margin-bottom: 1.07vw;

	}



	/* Product Reviews Section */

	.product-reviews-section {

		margin: 2.143vw 0;

	}



	.product-reviews-section h3 {

		font-size: 1.07vw;

	}



	.reviews-container-box {

		margin: 1.07vw 0 0;

		padding: 1.86vw;

	}



	.review-header-top {

		gap: 1.29vw;

	}



	.review-user-img {

		width: 4vw;

		height: 4vw;

	}



	.review-meta-row {

		gap: 0.57vw;

		margin: 0.57vw 0 0;

	}



	.product-reviews-section .review-item {

		margin-bottom: 1.79vw;

		padding-bottom: 1.79vw;

	}







	.product-reviews-section .reviewer-avatar {

		width: 3.57vw;

		height: 3.57vw;

		font-size: 1.14vw;

	}



	.product-reviews-section .reviewer-name {

		font-size: 1.14vw;

	}



	.product-reviews-section .review-date {

		font-size: 1vw;

	}



	.product-reviews-section .review-text {

		font-size: 1vw;

		line-height: 1.7;

		margin-top: 0.86vw;

	}



	.review-images {

		gap: 0.714vw;

		margin-top: 1.07vw;

	}



	.review-images img {

		width: 5.71vw;

		height: 5.71vw;

	}



	.view-all-reviews-btn {

		font-size: 1.14vw;

		margin-top: 1.43vw;

	}





	/* Product Tabs */

	.product-tabs-section {

		margin-bottom: 5.71vw;

	}



	.tabs-header {

		margin-bottom: 2.86vw;

	}



	.tab-btn {

		padding: 1.29vw 2.5vw;

		font-size: 1.14vw;

	}





	.tabs-content {

		padding: 2.86vw;

	}







	.tab-panel h3 {

		font-size: 1.71vw;

		margin-bottom: 1.43vw;

	}



	.tab-panel p {

		font-size: 1.14vw;

		margin-bottom: 1.43vw;

	}



	.feature-list {

		margin: 1.79vw 0;

	}



	.feature-list li {

		gap: 0.86vw;

		padding: 0.71vw 0;

		font-size: 1.14vw;

	}



	.feature-list i {

		font-size: 1.29vw;

	}







	.specs-table td {

		padding: 1.29vw 0;

		font-size: 1.14vw;

	}



	.spec-label {

		width: 14.29vw;

	}







	/* Reviews */

	.reviews-summary {

		padding: 2.14vw;

		margin-bottom: 2.86vw;

	}



	.average-rating {

		gap: 0.71vw;

	}



	.rating-number {

		font-size: 4vw;

	}



	.rating-stars-large {

		gap: 0.57vw;

	}



	.rating-stars-large i {

		font-size: 1.71vw;

	}



	.total-reviews {

		font-size: 1.07vw;

	}



	.review-list {

		gap: 2.14vw;

	}



	.review-item {

		padding-bottom: 2.14vw;

	}







	.review-header {

		margin-bottom: 1.07vw;

	}



	.reviewer-info {

		gap: 1.07vw;

	}



	.reviewer-avatar {

		width: 3.57vw;

		height: 3.57vw;

	}



	.reviewer-name {

		font-size: 1.14vw;

		margin-bottom: 0.36vw;

	}



	.review-rating {

		margin: 1.43vw 0;

	}



	.review-rating i {

		font-size: 1vw;

	}



	.review-date {

		font-size: 1vw;

	}



	.review-text {

		font-size: 1.29vw;

		line-height: 1.86vw;

	}



	/* Related Products */

	.related-products {

		margin-bottom: 6.79vw;

	}



	.related-products-section .section-header {

		margin-bottom: 2.5vw;

	}





	.cart-sidebar {

		right: -33.14vw;

		width: 33.14vw;

	}





	.cart-header {

		padding: 1.43vw 2.14vw;

	}



	.cart-header h3 {

		font-size: 1.43vw;

	}



	.cart-close {

		font-size: 1.43vw;

	}





	.cart-body {

		padding: 1.43vw 2.14vw;

	}



	.cart-item {

		gap: 1.07vw;

		padding: 1.43vw 0;

	}



	.cart-item-image {

		width: 6.43vw;

		height: 6.43vw;

	}





	.cart-item-title {

		font-size: 1.07vw;

	}



	.cart-item-remove {

		font-size: 1.14vw;

	}



	.cart-item-price-row {

		margin-top: 0.714vw;

	}



	.cart-qty-selector {

		gap: 1.07vw;

	}



	.cart-qty-btn {

		width: 2.29vw;

		height: 2.29vw;

		font-size: 1.14vw;

	}







	.cart-qty-value {

		min-width: 1.43vw;

		font-size: 1vw;

	}



	.cart-item-price {

		font-size: 1vw;

	}



	.cart-footer {

		padding: 1.43vw 2.14vw;

	}



	.cart-total-row {

		margin-bottom: 1.43vw;

	}



	.total-label {

		font-size: 1.29vw;

	}



	.total-value {

		font-size: 1.29vw;

	}



	a.btn-checkout {

		padding: 1.07vw;

		font-size: 1.29vw;

	}





	/* Empty Cart State */

	.cart-empty {

		padding: 2.86vw 1.43vw;

	}



	.empty-icon {

		width: 5.71vw;

		height: 5.71vw;

		margin-bottom: 1.43vw;

		font-size: 2.29vw;

	}



	.cart-empty h4 {

		font-size: 1.29vw;

		margin-bottom: 0.71vw;

	}



	.cart-empty p {

		font-size: 1vw;

		margin-bottom: 1.79vw;

	}



	.btn-shop-now {

		padding: 0.86vw 2.14vw;

	}





	/* Checkout Page Styles */

	.checkout-title {

		font-size: 1.29vw;

		margin: 0px 0 1.43vw;

	}



	.checkout-layout {

		gap: 2.86vw;

	}



	.checkout-sidebar {

		width: 29.71vw;

	}



	.checkout-section {

		padding: 2.14vw 2.14vw 0;

		margin-bottom: 3.57vw;

	}



	.checkout-section.payment-method {

		padding: 0px 2.14vw 0;

	}



	.checkout-section h3 {

		font-size: 1.29vw;

	}



	.section-header-row {

		margin-bottom: 1.43vw;

		padding-bottom: 1.07vw;

	}







	.add-new-link {

		font-size: 1.14vw;

	}



	/* Saved Addresses */

	.address-card {

		gap: 1.07vw;

		border-radius: 0.71vw;

		margin-bottom: 1.57vw;

	}





	.address-card input[type="radio"] {

		width: 1.43vw;

		height: 1.43vw;

	}



	.address-card-left {

		gap: 0.71vw;

	}





	.address-card input[type="radio"]:checked::after {

		font-size: 0.86vw;

	}



	.name-row {

		gap: 0.57vw;

		margin-bottom: 0.57vw;

	}



	.full-name {

		font-size: 1.14vw;

	}



	.address-tag {

		font-size: 1.07vw;

	}



	.address-text {

		font-size: 1.07vw;

	}



	.edit-btn {

		font-size: 1vw;

	}





	/* Address Form */

	.address-form-container {

		margin-top: 2.14vw;

		padding: 2.14vw;

	}



	.address-form-grid {

		gap: 1.43vw;

		margin-bottom: 1.79vw;

	}



	.address-form-container .form-group label {

		font-size: 0.93vw;

		margin-bottom: 0.57vw;

	}



	.address-form-container .form-group input {

		padding: 0.86vw 1.07vw;

		font-size: 1vw;

	}



	.form-checkbox {

		gap: 0.71vw;

	}





	.form-checkbox label {

		font-size: 1vw;

	}



	.btn-add-address {

		padding: 1.07vw;

		font-size: 1.21vw;

	}







	/* Payment Method */

	.payment-options {

		gap: 1.43vw;

	}



	.payment-card {

		gap: 1.07vw;

	}



	.payment-card input[type="radio"] {

		width: 1.43vw;

		height: 1.43vw;

	}





	.payment-card input[type="radio"]:checked::after {

		font-size: 0.86vw;

	}



	.method-name {

		font-size: 1.07vw;

		margin-bottom: 5px;

	}



	.method-description {

		font-size: 1.07vw;

	}



	.checkout-footer-action {

		padding: 2.14vw 0px 0;

		margin: 0 2.14vw 2.14vw;

	}



	.btn-place-order,.wc-block-components-checkout-place-order-button {

		padding: 1.07vw 60px;

		font-size: 18px;

	}



	/* Order Summary */

	.summary-card {

		padding: 2.14vw;

	}



	.summary-card h3 {

		font-size: 1.43vw;

		margin-bottom: 25px;

	}



	.summary-items {

		margin-bottom: 2.14vw;

	}



	.summary-item {

		gap: 1.07vw;

		margin-bottom: 1.43vw;

	}



	.item-img {

		width: 4.29vw;

		height: 5vw;

	}





	.item-title {

		font-size: 1vw;

	}



	.item-meta {

		font-size: 0.93vw;

	}



	.item-price {

		font-size: 1.07vw;

	}



	.summary-breakdown {

		padding-top: 1.79vw;

	}



	.breakdown-row {

		font-size: 1.07vw;

	}



	.breakdown-total {

		margin-top: 1.43vw;

		padding-top: 1.43vw;

		font-size: 1.14vw;

	}



	.sort-dropdown {

		max-width: 19.64vw;

	}

	.about-hero .banner-content{
		max-width: 46.07vw;
	}


	.map-column {
		max-width: 46.07vw;
	}

	.home-banner .banner-content{
		max-width: 48.57vw;
	}

}





@media (max-width: 1200px) {

	.about-card {

		padding: 60px 40px;

	}



	.about-title {

		font-size: 38px;

	}



	.img-1 {

		width: 200px;

		height: 250px;

	}



	.img-2 {

		width: 230px;

		height: 180px;

	}



	.img-3 {

		width: 250px;

		height: 200px;

	}



}



@media (max-width: 1100px) {

	.section-padding {

		padding: 70px 0 0;

	}



	.header-container {

		padding: 0 30px;

	}



	.main-nav ul {

		gap: 15px;

	}



	.search-bar {

		width: 150px;

	}



	.search-bar:focus-within {

		width: 180px;

	}



	.product-grid {

		grid-template-columns: repeat(3, 1fr);

	}

}



@media (max-width: 1099px) {

	.collection-main .product-grid {

		grid-template-columns: repeat(3, 1fr);

	}

}



@media (max-width: 1024px) {

	.gallery-grid {

		grid-template-columns: repeat(2, 1fr);

	}



	.col-main .gallery-item {

		height: 520px;

	}



	.item-sm {

		height: 200px;

	}



	.item-lg {

		height: 300px;

	}



	body {

		font-size: 12px;

	}



	.main-header {

		padding: 13px 0;

	}





	.header-container::before,

	.main-footer::before,

	.about-logo-card::before {

		top: -228px;

		width: 361px;

		height: 361px;

	}



	.about-logo-card::before {

		left: -122px;

	}





	.page-center {

		max-width: 100%;

		padding: 0 45px;

	}



	.logo-section .logo img {

		max-height: 58px;

	}



	/* Navigation */

	.main-nav ul {

		gap: 20px;

	}



	.main-nav a {

		font-size: 12px;

	}



	/* Actions */

	.header-actions {

		gap: 18px;

	}



	.search-bar {

		border-radius: 36px;

		padding: 6px 14px;

		width: 234px;

	}



	.search-bar:focus-within {

		width: 256px;

	}





	.search-bar input {

		font-size: 12px;

	}



	.action-icons {

		gap: 14px;

	}



	.cart-count {

		top: -6px;

		right: -6px;

		font-size: 12px;

		width: 15px;

		height: 15px;

	}



	.mobile-menu-toggle {

		font-size: 24px;

	}



	.header-right {

		gap: 30px;

	}



	/* Section Placeholder */

	.home-banner {

		height: 415px;

	}





	/* Section General */

	.section-padding {

		padding: 55px 0 0;

	}



	.section-header {

		margin-bottom: 40px;

	}



	.section-header h2 {

		font-size: 22px;

	}



	.section-header p {

		font-size: 12px;

	}



	/* Product Grid */

	.product-grid {

		gap: 14px;

	}



	.product-image-wrapper {

		height: 300px;

	}







	.rating-badge-white {

		padding: 4px 8px;

		font-size: 10px;

		bottom: 10px;

		left: 12px;

	}







	.wishlist-btn {

		bottom: 10px;

		right: 10px;

		font-size: 18px;

	}





	.product-info {

		padding: 6px 12px;

	}



	.product-title {

		font-size: 13px;

	}



	.current-price {

		font-size: 12px;

	}



	.add-to-cart-btn{

		width: 21px;

		height: 21px;

	}

	.view-product-btn {

		width: 19px;

		height: 19px;

	}



	.banner-content h1 {

		font-size: 52px;

		margin-bottom: 30px;

	}



	a.btn-shop {

		padding: 8px 32px;

		font-size: 17px;

	}





	/* Floating Elements */

	.quick-enquiry {
		padding: 20px 10px;
		font-size: 16px;
	}



	/* WhatsApp Float */

	.whatsapp-float {

		bottom: 21px;

		right: 21px;

	}





	.whatsapp-float img {

		width: 42px;

		height: 42px;

	}



	.trending-header {

		margin-bottom: 30px;

	}



	.trending-header h2 {

		font-size: 21px;

	}



	.trending-header p {

		font-size: 12px;

	}



	.trending-swiper {

		padding-bottom: 37px !important;

		max-width: 100%;

	}





	/* Who We Are Section */

	.who-we-are {

		padding-top: 27px;

	}



	.about-card {

		border-radius: 18px;

		padding: 30px 25px 45px 40px;

		gap: 45px;

	}



	.about-content {

		max-width: 438px;

	}



	.about-title {

		font-size: 42px;

	}



	.about-description {

		font-size: 14px;

		line-height: 22px;

		margin-bottom: 29px;

	}



	.about-stats {

		gap: 30px;

		margin-bottom: 30px;

	}



	.best-sellers-collections.section-padding {

		padding: 36px 0 0;

	}



	.bottom-banner-section.section-padding {

		padding: 22px 0 0;

	}





	.stat-number {

		font-size: 27px;

	}



	.stat-label {

		font-size: 14px;

		margin-top: 8px;

	}



	.about-actions {

		gap: 15px;

	}



	a.btn-more {

		padding: 11px 26px;

	}



	a.btn-contact {

		padding: 11px 26px;



	}





	.about-collage {

		height: 292px;

		max-width: 348px;

	}



	.collage-inner {

		max-width: 348px;

	}



	.collage-inner img {

		border-radius: 15px;

	}



	.img-1 {

		width: 200px;

		height: 197px;

		top: 30px;

	}



	.img-2 {

		width: 205px;

		height: 132px;

	}



	.img-3 {

		width: 200px;

		height: 142px;

		bottom: -7px;

		right: 30px;

	}









	/* Customer Reviews Section */



	.reviews-swiper {

		padding: 32px 0 45px;

		max-width: 100%;

	}



	.review-card {

		padding: 28px;

	}



	.review-user {

		gap: 10px;

	}



	.user-avatar {

		width: 45px;

		height: 45px;

	}



	.user-name {

		font-size: 13px;

	}



	.user-location {

		font-size: 13px;

	}



	.review-rating {

		font-size: 13px;

	}



	.review-headline {

		line-height: 17px;

		font-size: 13px;

	}



	.review-text {

		font-size: 13px;

		line-height: 19px;

	}





	.bottom-banner-card {

		height: 345px;

		border-radius: 30px;

		padding: 22px 22px 58px;

	}







	.bottom-banner-content {

		max-width: 470px;

	}



	.bottom-banner-title {

		font-size: 23px;

		margin-bottom: 30px;

	}



	.bottom-banner-actions {

		gap: 15px;

	}



	a.home-btn-shop-now,

	a.btn-contact-white {

		padding: 8px 25px;

		font-size: 12px;

	}





	/* Footer Section */

	.main-footer {

		padding: 45px 0 30px;

		margin-top: 30px;

	}



	.footer-grid {

		gap: 28px;

		padding-bottom: 50px;

	}



	.footer-logo img {

		height: 50px;

		margin-bottom: 22px;

	}



	.footer-links {

		gap: 73px;

	}





	.footer-desc {

		font-size: 12px;

		margin-bottom: 22px;

	}



	.footer-social {

		gap: 15px;

	}



	.footer-social a {

		font-size: 18px;

	}







	.footer-links ul {

		gap: 10px;

	}



	.footer-links a {

		font-size: 12px;

	}



	.footer-apps h5 {

		font-size: 12px;

		margin: 0 0 18px;

	}



	.app-buttons {

		gap: 10px;

	}



	.app-btn img {

		height: 28px;

	}





	.footer-bottom {

		padding-top: 28px;

		font-size: 12px;

	}



	.footer-info {

		max-width: 212px;

	}



	.footer-apps {

		max-width: 132px;

	}





	/* Responsive adjustment for Who We Are collage */





	/* Collections Page Layout */

	.collection-layout {

		gap: 18px;

	}



	.collection-sidebar {

		width: 198px;

	}



	.filter-header h3 {

		font-size: 13px;

		padding: 10px 13px 10px;

	}



	.filter-group {

		margin-bottom: 18px;

	}



	.filter-group-list {

		padding: 21px 13px 21px;

	}



	.filter-group-list .filter-title {

		font-size: 13px;

		gap: 8px;

		margin-bottom: 12px;

	}



	.filter-title i {

		font-size: 14px;

	}



	.filter-options {

		padding-left: 18px;

		gap: 12px;

	}





	.filter-option {

		gap: 8px;

		font-size: 12px;

	}







	.radio-custom {

		width: 15px;

		height: 15px;

	}







	.collection-topbar {

		margin-bottom: 22px;

	}



	.breadcrumb {

		font-size: 11px;

	}





	.topbar-header {

		padding-bottom: 8px;

	}



	.collection-title {

		font-size: 12px;

	}



	.sort-dropdown {

		gap: 7px;

	}



	.sort-dropdown label {

		font-size: 12px;



	}



	.sort-dropdown select {

		padding: 5px 22px 5px 12px;

		font-size: 12px;

	}



	/* Adjust grid for sidebar layout */

	.collection-main .product-grid {

		gap: 15px;

	}



	.section-padding-sm {

		padding: 30px 0 0;

	}



	.collections-page.section-padding-sm {

		padding: 60px 0 45px;

	}



	/* About Page Styles */

	.about-hero {

		height: 263px;

	}





	.about-hero h1 {

		font-size: 30px;

		margin-bottom: 18px;

	}



	.about-grid {

		gap: 43px;

	}



	.about-logo-card {

		height: 250px;

		padding: 28px;

	}







	.about-content-title {

		font-size: 26px;

		margin-bottom: 18px;

	}



	.about-paragraphs p {

		font-size: 12px;

		margin-bottom: 18px;

	}



	/* .about-text-content .section-title {

		font-size: 2.29vw;

		margin-bottom: 1.79vw;

	}



	.about-text-content .section-desc {

		font-size: 1.1rem;

		line-height: 1.8;

		margin-bottom: 1.43vw;

	} */



	.about-gallery {

		padding-bottom: 118px;

	}





	/* Map & Form Section */

	.map-form-grid {

		gap: 44px;

	}



	.map-column img {

		min-height: 365px;

	}



	.form-title {

		font-size: 21px;

		margin: 0 0 21px;

	}



	.form-group {

		margin-bottom: 18px;

	}



	.form-group label {

		margin-bottom: 7px;

		font-size: 12px;

	}



	.form-group input,

	.form-group textarea {

		padding: 10px 15px;

		font-size: 12px;

	}



	.form-group textarea {

		height: 110px;

	}



	.btn-submit,.woocommerce .woocommerce-form-login .woocommerce-form-login__submi,
	.woocommerce button.button,.woocommerce a.button {

		padding: 10px 72px;

		font-size: 12px;

	}





	/* Contact Strip */

	.contact-strip-section {

		padding: 65px 0 22px;

	}



	.contact-strip {

		gap: 22px;

	}







	.strip-item {

		gap: 10px;

		font-size: 21px;

	}



	.strip-item i {

		font-size: 21px;

	}





	/* About Experience Section */

	.about-experience {

		padding-bottom: 7px;

		margin: 18px 0 0;

	}



	.experience-bar {

		padding: 60px 40px;

		border-radius: 20px;

	}



	.exp-number {

		font-size: 63px;

	}





	.exp-label {

		font-size: 12px;

	}







	/* About Gallery Styles */



	.gallery-grid {

		gap: 15px;

	}



	.gallery-col {

		gap: 15px;

	}





	.col-main .gallery-item {

		height: 313px;

	}





	.item-sm {

		height: 120px;

	}



	.item-lg {

		height: 178px;

	}



	.product-detail-layout {

		gap: 44px;

	}



	/* Product Gallery */

	.product-gallery {

		gap: 10px;

		width: 307px;

	}



	.thumbnail-gallery {

		gap: 8px;

	}



	.product-breadcrumb {

		font-size: 11px;

		margin-bottom: 15px;

	}



	.product-detail-title,.product_title  {

		font-size: 25px;

		margin: 0 0 15px;

	}



	.product-rating-section {

		gap: 10px;

		margin-bottom: 18px;

	}





	.product-short-desc {

		font-size: 16px;

		line-height: 1.7;

		margin-bottom: 35px;

	}



	/* Product Price and Rating Section */

	.product-price-rating {

		gap: 12px;

		margin-bottom: 5px;

	}



	.price-info {

		gap: 6px;

	}



	.strikethrough-price {

		font-size: 12px;

	}



	.discount-label {

		font-size: 12px;

		margin-left: 2px;

	}



	.rating-info {

		gap: 6px;

	}



	.rating-badge {

		padding: 3px 7px;

		font-size: 10px;

		gap: 4px;

		min-width: 36px;

	}



	.rating-badge::before {

		font-size: 8px;

	}



	.reviews-count {

		font-size: 12px;

	}





	.final-price {

		gap: 4px;

		margin-bottom: 18px;

		padding: 8px 0 18px;

	}



	.price-amount {

		font-size: 22px;

	}



	.price-label {

		font-size: 16px;

	}



	/* Product Options */

	.product-option-group {

		margin-bottom: 15px;

	}





	.option-label {

		font-size: 10px;

		margin-bottom: 7px;

	}



	.size-options {

		gap: 7px;

	}





	.size-btn {

		width: 36px;

	}



	.size-btn .size-label {

		font-size: 12px;

		padding: 5px 0;

	}



	.size-btn .size-price {

		font-size: 10px;

	}









	.qty-btn {

		width: 23px;

		height: 23px;

		font-size: 13px;

	}



	.qty-input {

		width: 30px;

		height: 30px;

		font-size: 12px;

	}





	/* Product Actions */

	.product-actions {

		gap: 12px;

		margin-bottom: 30px;

	}



	.btn-add-to-cart-large {

		padding: 13px 36px;

		font-size: 12px;

		gap: 8px;

	}







	.btn-buy-now {

		padding: 13px 36px;

		font-size: 12px;

	}





	.product-options-row {

		gap: 30px;

		margin-bottom: 18px;

	}



	.product-overview-section {

		margin-bottom: 18px;

	}



	.overview-title {

		font-size: 12px;

		margin-bottom: 8px;

	}





	.product-details-table {

		padding: 22px;

	}



	.detail-row {

		margin-bottom: 11px;

		font-size: 12px;

	}



	.detail-label {

		width: 100px;

		font-size: 12px;

	}



	.detail-separator {

		margin-right: 10px;

	}





	.product-description-section h3 {

		font-size: 12px;

	}



	.product-description-section p {

		font-size: 12px;

		margin-bottom: 10px;

	}



	.product-reviews-section {

		margin: 22px 0;

	}



	.product-reviews-section h3 {

		font-size: 12px;

	}



	.reviews-container-box {

		margin: 10px 0 0;

		padding: 18px;

	}



	.review-header-top {

		gap: 13px;

	}



	.review-user-img {

		width: 40px;

		height: 40px;

	}



	.review-meta-row {

		gap: 5px;

		margin: 5px 0 0;

	}



	.product-reviews-section .review-item {

		margin-bottom: 18px;

		padding-bottom: 18px;

	}





	.product-reviews-section .reviewer-name {

		font-size: 13px;

	}



	.product-reviews-section .review-date {

		font-size: 12px;

	}



	.product-reviews-section .review-text {

		font-size: 11px;

		margin-top: 8px;

	}



	.review-images {

		gap: 8px;

		margin-top: 10px;

	}



	.review-images img {

		width: 58px;

		height: 58px;

	}



	.view-all-reviews-btn {

		font-size: 12px;

		margin-top: 15px;

	}





	/* Related Products */

	.related-products {

		margin-bottom: 70px;

	}



	.related-products-section .section-header {

		margin-bottom: 25px;

	}





	.cart-sidebar {

		right: -340px;

		width: 340px;

	}





	.cart-header {

		padding: 15px 22px;

	}



	.cart-header h3 {

		font-size: 15px;

	}



	.cart-close {

		font-size: 15px;

	}





	.cart-body {

		padding: 15px 22px;

	}



	.cart-item {

		gap: 12px;

		padding: 15px 0;

	}



	.cart-item-image {

		width: 65px;

		height: 65px;

	}





	.cart-item-title {

		font-size: 12px;

	}



	.cart-item-remove {

		font-size: 12px;

	}



	.cart-item-price-row {

		margin-top: 7px;

	}



	.cart-qty-selector {

		gap: 12px;

	}



	.cart-qty-btn {

		width: 23px;

		height: 23px;

		font-size: 12px;

	}



	.cart-qty-value {

		min-width: 15px;

		font-size: 12px;

	}



	.cart-item-price {

		font-size: 12px;

	}



	.cart-footer {

		padding: 15px 22px;

	}



	.cart-total-row {

		margin-bottom: 15px;

	}



	.total-label {

		font-size: 13px;

	}



	.total-value {

		font-size: 13px;

	}



	a.btn-checkout {

		padding: 10px;

		font-size: 13px;

	}





	/* Empty Cart State */

	.cart-empty {

		padding: 30px 15px;

	}



	.empty-icon {

		width: 58px;

		height: 58px;

		margin-bottom: 14px;

		font-size: 23px;

	}



	.cart-empty h4 {

		font-size: 13px;

		margin-bottom: 8px;

	}



	.cart-empty p {

		font-size: 12px;

		margin-bottom: 18px;

	}



	.btn-shop-now {

		padding: 8px 22px;

	}





	/* Checkout Page Styles */

	.checkout-title {

		font-size: 13px;

		margin: 0px 0 15px;

	}



	.checkout-layout {

		gap: 29px;

	}



	.checkout-sidebar {

		width: 305px;

	}



	.checkout-section {

		padding: 22px 22px 0;

		margin-bottom: 36px;

	}



	.checkout-section.payment-method {

		padding: 0px 22px 0;

	}



	.checkout-section h3 {

		font-size: 13px;

	}



	.section-header-row {

		margin-bottom: 15px;

		padding-bottom: 10px;

	}







	.add-new-link {

		font-size: 12px;

	}



	/* Saved Addresses */

	.address-card {

		gap: 10px;

		border-radius: 8px;

		margin-bottom: 16px;

	}





	.address-card input[type="radio"] {

		width: 1.43vw;

		height: 1.43vw;

	}



	.address-card-left {

		gap: 8px;

	}





	.address-card input[type="radio"]:checked::after {

		font-size: 8px;

	}



	.name-row {

		gap: 6px;

		margin-bottom: 6px;

	}



	.full-name {

		font-size: 13px;

	}



	.address-tag {

		font-size: 12px;

	}



	.address-text {

		font-size: 12px;

	}



	.edit-btn {

		font-size: 11px;

	}





	/* Address Form */

	.address-form-container {

		margin-top: 22px;

		padding: 22px;

	}



	.address-form-grid {

		gap: 15px;

		margin-bottom: 18px;

	}



	.address-form-container .form-group label {

		font-size: 12px;

		margin-bottom: 5px;

	}



	.address-form-container .form-group input {

		padding: 8px 12px;

		font-size: 12px;

	}



	.form-checkbox {

		gap: 7px;

	}





	.form-checkbox label {

		font-size: 12px;

	}



	.btn-add-address {

		padding: 12px;

		font-size: 12px;

	}







	/* Payment Method */

	.payment-options {

		gap: 15px;

	}



	.payment-card {

		gap: 12px;

	}



	.payment-card input[type="radio"] {

		width: 15px;

		height: 15px;

	}





	.payment-card input[type="radio"]:checked::after {

		font-size: 9px;

	}



	.method-name {

		font-size: 12px;

		margin-bottom: 5px;

	}



	.method-description {

		font-size: 12px;

	}



	.checkout-footer-action {

		padding: 22px 0px 0;

		margin: 0 22px 22px;

	}



	.btn-place-order,.wc-block-components-checkout-place-order-button {

		padding: 12px 60px;

		font-size: 18px;

	}



	/* Order Summary */

	.summary-card {

		padding: 21px;

	}



	.summary-card h3 {

		font-size: 13px;

		margin-bottom: 25px;

	}



	.summary-items {

		margin-bottom: 21px;

	}



	.summary-item {

		gap: 10px;

		margin-bottom: 15px;

	}



	.item-img {

		width: 40px;

		height: 50px;

	}





	.item-title {

		font-size: 13px;

	}



	.item-meta {

		font-size: 12px;

	}



	.item-price {

		font-size: 12px;

	}



	.summary-breakdown {

		padding-top: 18px;

	}



	.breakdown-row {

		font-size: 12px;

	}



	.breakdown-total {

		margin-top: 18px;

		padding-top: 18px;

		font-size: 13px;

	}



	.sort-dropdown {

		max-width: 200px;

	}


	.about-hero .banner-content{
		max-width: 80%;
	}

	.home-banner .banner-content{
		max-width: 80%;
	}

	.map-column {
		max-width: 50%;
	}

	

}



@media (max-width: 991px) {

	.product-detail-layout {

		flex-direction: column;

		gap: 40px;

	}



	.product-gallery {

		position: relative;

		top: 0;

		max-width: 600px;

		width: 100%;

		/* Ensure it doesn't stay fixed at 420px if parent is wider */

		margin: 0 auto;

	}



	.product-info-section {

		padding-top: 0;

		width: 100%;

	}



	.product-detail-title,.product_title  {

		font-size: 32px;

	}



	.current-price-large {

		font-size: 36px;

	}



	.collection-layout {

		flex-direction: column;

	}



	.collection-sidebar {

		width: 100%;

	}



	.collection-main .product-grid {

		grid-template-columns: repeat(2, 1fr);

	}



	.about-grid {

		grid-template-columns: 1fr;

		gap: 25px;

	}



	.about-text-content {

		order: 2;

	}



	.about-image {

		order: 1;

	}



	.about-hero h1 {

		font-size: 36px;

	}



	/* Checkout Responsive */

	.checkout-layout {

		flex-direction: column;

	}



	.checkout-sidebar,

	.checkout-main {

		width: 100%;

	}


	.about-logo-card {
		max-width: 100%;
	}

	.about-grid,.map-form-grid{
		flex-direction: column;
	}

	.map-column p {
    	height: 300px;
	}

	.map-column {
        max-width: 100%;
    }


}



@media (max-width: 900px) {

	.about-card {

		flex-direction: column;

		text-align: center;

		padding: 40px 20px;

		gap: 25px;

	}



	.about-content {

		max-width: 100%;

	}



	.about-stats {

		justify-content: center;

		gap: 20px;

	}



	.about-actions {

		justify-content: center;

	}



	.about-collage {

		width: 100%;

		height: 350px;

		max-width: 450px;

		margin: 0 auto;

		display: none;

	}



	.collage-inner img {

		position: absolute;

	}



	.img-1 {

		width: 180px;

		height: 220px;

		left: 10%;

	}



	.img-2 {

		width: 200px;

		height: 150px;

		right: 5%;

		top: -20px;

	}



	.img-3 {

		width: 220px;

		height: 160px;

		right: 15%;

		bottom: -20px;

	}



	.trending-header {

		flex-direction: column;

		align-items: flex-start;

		gap: 15px;

	}



	.header-container::before {

		display: none;

	}



	.page-center {

		padding: 0 20px;

	}



	.main-nav {

		position: fixed;

		top: 0;

		right: -100%;

		/* Fully off-screen */

		width: 80%;

		max-width: 350px;

		height: 100vh;

		background: var(--dark-grey);

		z-index: 2000;

		display: flex;

		flex-direction: column;

		padding: 60px 30px;

		transition: right 0.4s cubic-bezier(0.4, 0, 0.2, 1);

		box-shadow: -10px 0 30px rgba(0, 0, 0, 0.8);

		border-left: 1px solid var(--gold);

		overflow-y: auto;

	}



	.main-nav.active {

		right: 0;

	}



	.main-nav ul {

		flex-direction: column;

		gap: 30px;

	}



	.main-nav a {

		font-size: 15px;

		letter-spacing: 2px;

	}



	.mobile-menu-toggle {

		display: block;

		z-index: 2100;

		position: relative;

	}



	.search-bar {

		display: none;

	}



	.home-banner {

		height: 400px;

	}



	.section-header h2 {

		font-size: 2rem;

	}



	.product-grid {

		grid-template-columns: repeat(2, 1fr);

		gap: 15px;

	}



	.banner-content h1 {

		font-size: 28px;

	}







	.whatsapp-float img {

		width: 50px;

		height: 50px;

	}



	.about-collage .collage-inner {

		display: none;

	}



	.bottom-banner-card {

		height: 400px;

		border-radius: 30px;

	}



	.bottom-banner-title {

		font-size: 28px;

	}



	.footer-grid {

		flex-wrap: wrap;

		justify-content: center;

		text-align: center;

		gap: 30px;

	}



	.footer-info,

	.footer-apps {

		max-width: 100%;

		width: 100%;

		display: flex;

		flex-direction: column;

		align-items: center;

	}



	.footer-links {

		width: 100%;

		gap: 30px;

		justify-content: center;

	}



	.footer-desc {

		max-width: 400px;

	}



	.about-gallery {

		padding-bottom: 70px;

	}



	.strip-item {

		font-size: 21px;

	}



	.btn-submit,.woocommerce .woocommerce-form-login .woocommerce-form-login__submit ,.woocommerce button.button,.woocommerce a.button{

		padding: 16px 55px;

		font-size: 14px;

	}



	.contact-strip-section {

		padding: 40px 0 30px;

	}



	.collection-main .product-grid {

		grid-template-columns: repeat(2, 1fr);

	}



	.experience-bar {

		flex-direction: column;

		gap: 40px;

		padding: 40px 20px;

	}



	.exp-number {

		font-size: 36px;

	}



	.map-form-grid {

		grid-template-columns: 1fr;

		gap: 40px;

		margin-top: 40px;

	}



	.map-column img {

		min-height: 300px;

	}



	.contact-strip {

		justify-content: center;

		gap: 20px;

	}

}



@media (max-width: 768px) {

	.product-gallery {

		flex-direction: column-reverse;

		gap: 15px;

	}



	.thumbnail-gallery {

		flex-direction: row;

		width: 100%;

		overflow-x: auto;

		scrollbar-width: thin;

		padding-bottom: 10px;

		/* Add space for scrollbar */

	}



	.thumbnail-gallery::-webkit-scrollbar {

		height: 6px;

	}



	.thumbnail-gallery::-webkit-scrollbar-track {

		background: #f1f1f1;

		border-radius: 10px;

	}



	.thumbnail-gallery::-webkit-scrollbar-thumb {

		background: #888;

		border-radius: 10px;

	}



	.thumbnail {

		min-width: 80px;

		width: 80px;

		height: 80px;

		/* Ensure square */

	}



	.product-detail-title,.product_title  {

		font-size: 28px;

	}



	.current-price-large {

		font-size: 32px;

	}



	.original-price-large {

		font-size: 20px;

	}



	.product-actions {

		flex-direction: column;

	}



	.btn-add-to-cart-large,

	.btn-buy-now {

		width: 100%;

	}



	.tabs-header {

		overflow-x: auto;

		scrollbar-width: thin;

	}



	.tab-btn {

		white-space: nowrap;

		padding: 15px 25px;

	}



	.tabs-content {

		padding: 30px 20px;

	}

	.about-hero .banner-content{
		max-width: 100%;
	}

	.home-banner .banner-content{
		max-width: 100%;
	}

	.policy-page-hero {
        padding: 60px 0 40px;
    }

    .policy-page-hero h1 {
        font-size: 2rem;
    }

    .policy-text-container {
        padding: 20px;
    }

}



@media (max-width: 600px) {

	.product-detail-layout {

		gap: 30px;

	}



	.product-gallery {

		width: 100%;

		max-width: 100%;

	}



	.thumbnail {

		min-width: 70px;

		width: 70px;

	}



	.product-breadcrumb {

		font-size: 12px;

	}



	.product-detail-title,.product_title  {

		font-size: 24px;

		margin-bottom: 15px;

	}



	.rating-stars i {

		font-size: 16px;

	}



	.rating-text {

		font-size: 14px;

	}



	.current-price-large {

		font-size: 28px;

	}



	.original-price-large {

		font-size: 18px;

	}



	.discount-badge-large {

		font-size: 12px;

		padding: 5px 10px;

	}



	.product-short-desc {

		font-size: 14px;

	}



	.option-label {

		font-size: 14px;

	}



	.size-btn {

		min-width: 45px;

		font-size: 14px;

	}



	.color-btn {

		width: 40px;

		height: 40px;

	}



	.qty-btn {

		width: 40px;

		height: 40px;

		font-size: 18px;

	}



	.qty-input {

		width: 50px;

		height: 40px;

		font-size: 14px;

	}



	.btn-add-to-cart-large,

	.btn-buy-now {

		padding: 15px 25px;

		font-size: 14px;

	}



	.meta-label {

		min-width: 80px;

		font-size: 14px;

	}



	.meta-value {

		font-size: 14px;

	}



	.tab-panel h3 {

		font-size: 20px;

	}



	.tab-panel p {

		font-size: 14px;

	}



	.feature-list li {

		font-size: 14px;

	}



	.specs-table td {

		padding: 15px 0;

		font-size: 14px;

	}



	.spec-label {

		width: 120px;

	}



	.reviews-summary {

		padding: 20px;

	}



	.rating-number {

		font-size: 42px;

	}



	.rating-stars-large i {

		font-size: 20px;

	}



	.reviewer-name {

		font-size: 14px;

	}



	.review-text {

		font-size: 14px;

	}



	.related-products-section {

		margin-top: 60px;

	}



	.related-products-section .section-header h2 {

		font-size: 24px;

	}



	.related-products-section .section-header p {

		font-size: 14px;

	}



	.section-padding {

		padding: 50px 0 0;

	}



	.header-right {

		gap: 15px;

	}



	.logo h1 {

		font-size: 1.6rem;

	}



	.header-actions {

		gap: 15px;

	}



	.action-icons {

		gap: 15px;

	}



	.product-grid {

		grid-template-columns: 1fr;

	}



	/* Who We Are Mobile Styles */

	.about-card {

		padding: 30px 15px;

		border-radius: 30px;

		gap: 20px;

		flex-direction: column;

		text-align: center;

	}



	.about-title {

		font-size: 30px;

		margin-bottom: 15px;

	}



	.about-description {

		font-size: 16px;

		margin-bottom: 25px;

		opacity: 0.9;

	}



	.about-stats {

		flex-direction: column;

		gap: 20px;

		align-items: center;

		margin-bottom: 30px;

		display: flex;

	}



	.stat-item {

		align-items: center;

	}



	.about-actions {

		flex-direction: column;

		width: 100%;

		gap: 15px;

		display: flex;

	}



	a.btn-more,

	a.btn-contact {

		width: 100%;

		text-align: center;

		padding: 12px 25px;

	}



	.about-collage {

		height: 320px;

		margin-top: 20px;

		width: 100%;

		position: relative;

	}



	.img-1 {

		width: 140px;

		height: 180px;

		left: 0;

		position: absolute;

		top: 20px;

	}



	.img-2 {

		width: 160px;

		height: 120px;

		right: 0;

		top: -10px;

		position: absolute;

	}



	.img-3 {

		width: 180px;

		height: 130px;

		right: 5%;

		bottom: 0;

		position: absolute;

	}



	.footer-links {

		flex-direction: column;

		gap: 10px;

	}





	.collection-main .product-grid {

		grid-template-columns: 1fr;

	}



	.topbar-header {

		flex-direction: column;

		align-items: flex-start;

		gap: 15px;

	}



	.collection-main {

		width: 100%;

	}



	.col-main .gallery-item {

		height: 365px;

	}



	.gallery-grid {

		grid-template-columns: 1fr;

		gap: 15px;

	}



	.gallery-col {

		gap: 15px;

	}



	.item-sm {

		height: 365px;

	}



	.item-lg {

		height: 365px;

	}



	/* Checkout Mobile */

	.address-form-grid {

		grid-template-columns: 1fr;

	}



	.checkout-section {

		padding: 20px;

	}



	.btn-place-order,.wc-block-components-checkout-place-order-button {

		width: 100%;

	}

}



@media screen and (max-width: 480px) {

	.strip-item {

		font-size: 16px;

		flex-direction: column;

	}



	.strip-item i {

		font-size: 16px;

	}



	.strip-item .divider {

		display: none;

	}



	.cart-sidebar {

		width: 100%;

		right: -100%;

	}

}