/* =Fonts
========================================================================================*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/* =Box Sizing
========================================================================================*/
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

*:before,
*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="search"],
textarea,
select,
input[type="button"],
input[type="submit"],
button {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}


/* =Deafult Tag & General Classes
========================================================================================*/
html,
body {
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-ms-font-smoothing: antialiased;
	font-smoothing: antialiased;
	/* Fix for webkit rendering */
	-webkit-text-size-adjust: 100%;
	height: 100%;
}

html {
	overflow-y: inherit !important;
}

body {
	font-size: 15px;
	line-height: 1.45;
	font-weight: 500;
	font-family: 'Montserrat', Arial, Helvetica, sans-serif;
	color: #402C05;
	letter-spacing: 0.025rem;
	background: #FFFBF3;
}

img {
	vertical-align: top;
	border: 0;
}

.allanim {
	-webkit-transition: 0.35s all;
	transition: 0.35s all;
}

a {
	color: #820913;
	text-decoration: none;
	-webkit-transition: 0.35s all;
	transition: 0.35s all;
}

a:hover {
	color: #70020B;
	text-decoration: none;
}

button:focus {
	outline: none;
}

a:focus {
	outline: none;
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
	a:active {
		background-color: transparent;
	}
}

b,
strong {
	font-weight: 600;
}

small,
.small {
	font-size: 85%;
}

sub,
sup {
	font-size: 80%
}

p {
	margin: 0 0 0.8rem 0;
}

p:last-child {
	margin: 0 0 0 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
	line-height: 1.3;
	margin: 0 0 0.8rem;
	font-weight: 700;
	color: #582206;
	font-family: "Playfair Display", serif;
}

h1,
.h1 {
	font-size: 3.5rem;
}

/* 56px */
h2,
.h2 {
	font-size: 2.813rem;
}

/* 45px */
h3,
.h3 {
	font-size: 2.375rem;
}

/* 38px */
h4,
.h4 {
	font-size: 2rem;
}

/* 32px */
h5,
.h5 {
	font-size: 1.563rem;
}

/* 25px */
h6,
.h6 {
	font-size: 1.125rem;
}

/* 18px */

ul:last-child {
	margin: 0;
}

ul,
ol {
	padding-left: 1.2rem;
}

ul li,
ol li {
	line-height: 1.45;
	margin-bottom: 0.35rem;
}

img {
	max-width: 100%;
	height: auto;
}

.container {
	max-width: 1304px;
	width: 85%;
}

.text-primary {
	color: #820913 !important;
}

.bg-primary {
	background: #820913 !important;
}

.bg-light {
	background: linear-gradient(180deg, rgba(254, 225, 228, 0.4) 0%, #FFFBF3 100%) !important;
}

.text-black {
	color: #000000 !important;
}

.bg-black {
	background: #000000 !important;
}

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

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
.h1 a,
.h2 a,
.h3 a,
.h4 a,
.h5 a,
.h6 a {
	color: inherit;
	text-decoration: underline;
}


/* =Form Css
========================================================================================*/
.btn {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 11px 24px;
	font-family: 'Montserrat', Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.4;
	border-width: 1px;
	border-style: solid;
	border-radius: 32px;
	box-shadow: none;
	outline: none !important;
	overflow: hidden;
	z-index: 1;
	transition: 0.35s all;
}

.btn::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: inherit;
	z-index: -1;
	opacity: 0;
	transition: 0.35s all;
}

.btn:hover {
	transform: translateY(-2px);
}

.btn:active {
	transform: translateY(0) scale(0.98);
}

.btn.btn-primary {
	background: linear-gradient(180deg, #820913 0%, #70020B 100%);
	border-color: transparent;
	color: #ffffff;
}

.btn.btn-primary::before {
	background: linear-gradient(180deg, #70020B 0%, #450005 100%);
}

.btn.btn-primary:hover {
	border-color: transparent;
	color: #ffffff;
	box-shadow: 0 6px 16px rgba(130, 9, 19, 0.35);
}

.btn.btn-primary:hover::before {
	opacity: 1;
}

.btn.btn-primary-outline {
	background: transparent;
	border-color: #820913;
	color: #820913;
}

.btn.btn-primary-outline::before {
	background: linear-gradient(180deg, #820913 0%, #70020B 100%);
}

.btn.btn-primary-outline:hover {
	border-color: #ECC894;
	color: #ffffff;
	box-shadow: 0 6px 16px rgba(130, 9, 19, 0.25);
}

.btn.btn-primary-outline:hover::before {
	opacity: 1;
}

.btn.btn-secondary {
	background: linear-gradient(180deg, #FCDC97 0%, #C09645 100%);
	border-color: #FCDC97;
	color: #402C05;
}

.btn.btn-secondary::before {
	background: linear-gradient(180deg, #C09645 0%, #9E772E 100%);
}

.btn.btn-secondary:hover {
	border-color: transparent;
	color: #402C05;
	box-shadow: 0 6px 16px rgba(192, 150, 69, 0.35);
}

.btn.btn-secondary:hover::before {
	opacity: 1;
}

.btn.btn-secondary-outline {
	background: transparent;
	border-color: #C09645;
	color: #402C05;
}

.btn.btn-secondary-outline::before {
	background: linear-gradient(180deg, #FCDC97 0%, #C09645 100%);
}

.btn.btn-secondary-outline:hover {
	border-color: transparent;
	color: #402C05;
	box-shadow: 0 6px 16px rgba(192, 150, 69, 0.25);
}

.btn.btn-secondary-outline:hover::before {
	opacity: 1;
}

.btn.btn-secondary-outline2 {
	background: linear-gradient(90deg, rgba(252, 220, 151, 0.5) 0%, rgba(192, 150, 69, 0.5) 100%) padding-box,
		linear-gradient(90deg, #FCDC97 0%, #C09645 100%) border-box;
	border: 1px solid transparent;
	border-radius: 40px;
	color: #402C05;
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
}

.btn.btn-secondary-outline2:hover {
	background: linear-gradient(90deg, rgba(252, 220, 151, 0.8) 0%, rgba(192, 150, 69, 0.8) 100%) padding-box,
		linear-gradient(90deg, #FCDC97 0%, #C09645 100%) border-box;
	color: #402C05;
	border-color: transparent;
	box-shadow: 0 6px 20px rgba(192, 150, 69, 0.35);
}

.btn.btn-white-outline {
	background: transparent;
	border-color: #C09645;
	color: #fff;
}

.btn.btn-white-outline::before {
	background: linear-gradient(180deg, #fff 0%, #fff 100%);
}

.btn.btn-white-outline:hover {
	border-color: transparent;
	color: #820913;
	box-shadow: 0 6px 16px rgba(130, 9, 19, 0.35);
}

.btn.btn-white-outline:hover::before {
	opacity: 1;
}

.btn svg {
	min-width: 16px;
	width: 16px;
	height: auto;
}

/* Button Sizes */
.btn.btn-lg,
.btn-lg {
	padding: 14px 28px;
	font-size: 17px;
	border-radius: 36px;
}

.btn.btn-sm,
.btn-sm {
	padding: 8px 18px;
	font-size: 13px;
	border-radius: 24px;
}

.form-group {
	margin-bottom: 1rem;
}

.form-group:last-child {
	margin-bottom: 0;
}

.form-control {
	height: 50px;
	border: 1px solid #E1E2EA;
	border-radius: 0.5rem;
	font-size: 1rem;
	font-weight: 500;
	padding: 0.6rem 1rem;
	box-shadow: none;
	outline: none;
	color: #000000;
}

.form-control:focus {
	box-shadow: none;
	outline: none;
	border-color: #BBBDCC;
}

textarea.form-control {
	height: 100px;
}

.form-control::placeholder {
	color: #000000;
	opacity: 0.4;
}

.form-check label {
	font-weight: 500;
}

.form-check-input:checked {
	background-color: #820913;
	border-color: #820913;
}

.form-label {
	font-weight: 500;
	color: #000;
}

/* =Header Css
========================================================================================*/
#header {
	position: sticky;
	top: 0;
	z-index: 999;
	background-color: #FFFFFF;
	box-shadow: 0 0 15px rgba(38, 50, 56, 0.1);
	transition: 0.35s all;
}

#header.headerfix {
	top: -40px;
}

.header-top {
	background-color: #402C05;
	background-image: url('../images/header-top-bg.png');
	background-repeat: repeat-x;
	background-size: auto 100%;
	background-blend-mode: multiply;
	padding: 0.625rem 0;
}

.header-top-text {
	color: #FFF6E1;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 0.03rem;
	text-align: center;
	margin: 0 auto;
}

.header-contact a {
	display: flex;
	align-items: center;
	color: #fff;
	font-weight: 500;
	transition: 0.35s all;
	margin-right: 1rem;
}

.header-contact a:last-child {
	margin-right: 0;
}

.header-contact a figure {
	height: 40px;
	width: 40px;
	margin: 0 0.7rem 0 0;
	border: 1px solid #fff;
	border-radius: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: 0.35s all;
	box-shadow: none;
}

.header-contact a figure svg {
	width: 16px;
	height: 16px;
	fill: #fff;
	transition: 0.35s all;
}

.header-contact a:hover {
	color: #fff;
}

.header-contact a:hover figure {
	background: #fff;
	box-shadow: 0 4px 4px rgba(142, 152, 118, 0.4);
}

.header-contact a:hover figure svg {
	fill: #402C05;
}

.social-links {
	display: flex;
	align-items: center;
	margin-left: auto;
}

.social-links a {
	height: 40px;
	width: 40px;
	margin: 0 0.7rem 0 0;
	border: 1px solid #fff;
	border-radius: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: 0.35s all;
	box-shadow: none;
}

.social-links a:last-child {
	margin-right: 0;
}

.social-links a figure {
	margin: 0;
	width: 16px;
	height: 16px;
}

.social-links a figure svg {
	width: 100%;
	height: auto;
	fill: #fff;
	transition: 0.35s all;
	vertical-align: top;
}

.social-links a:hover {
	background: #fff;
	box-shadow: 0 4px 4px rgba(142, 152, 118, 0.4);
}

.social-links a:hover svg {
	fill: #402C05;
}

.header-bottom {
	background-color: #fff;
	padding: 0.85rem 0;
}

.logo {
	max-width: 112px;
	width: 100%;
}

.logo figure {
	margin: 0;
}

.logo figure img {
	width: 100%;
	height: auto;
}

.logo figure a {
	display: block;
}

.right-menubar .navbar {
	padding: 0;
}

.navbar ul li {
	margin-right: 1.5rem;
	font-size: 1.05rem;
	font-weight: 500;
	letter-spacing: 0.01rem;
	margin-bottom: 0;
}

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

.navbar ul li a {
	color: #1A1A1A;
	font-weight: 500;
	transition: 0.35s all;
	padding: 0.5rem 0;
}

.navbar ul li a.active,
.navbar ul li:hover>a {
	color: #820913;
}

.header-cart-btn {
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background: linear-gradient(180deg, #820913 0%, #70020B 100%);
	color: #ffffff;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	transition: 0.35s all;
	border: 1px solid #820913;
	text-decoration: none;
	flex-shrink: 0;
}

.header-cart-btn:hover {
	background: linear-gradient(180deg, #70020B 0%, #450005 100%);
	color: #ffffff;
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(130, 9, 19, 0.3);
}

.header-cart-btn svg {
	width: 24px;
	height: 24px;
}

.navbar ul li .dropdown-menu {
	background-color: #fff;
	border: 0;
	border-radius: 8px;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}

.navbar ul li li {
	margin: 0;
}

.navbar ul li li a {
	padding: 0.5rem 1rem;
}

.navbar ul li li:hover a {
	background: #820913;
	color: #fff;
}

.dropdown .dropdown-toggle::after {
	margin-left: 0.455em;
	position: relative;
	top: 0.15rem;
}

.navbar-toggler {
	position: relative;
	height: 32px;
	width: 32px;
	background: transparent;
	padding: 0;
	box-shadow: none;
	outline: none;
	border-radius: 0;
	border: 0;
	display: none;
	margin-left: 10px;
}

.navbar-toggler span {
	height: 3px;
	width: 100%;
	background: #820913;
	background-image: none !important;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: auto;
	margin: auto 0;
	border-radius: 50px;
	transition: 0.35s all;
}

.navbar-toggler span:before,
.navbar-toggler span:after {
	content: "";
	position: absolute;
	right: 0;
	left: auto;
	height: 3px;
	border-radius: 50px;
	background: #820913;
	transition: 0.35s all;
}

.navbar-toggler span::before {
	top: -9px;
	width: 42%;
}

.navbar-toggler span::after {
	bottom: -9px;
	width: 68%;
}

.navbar-toggler:not(.collapsed) span {
	background: transparent !important;
}

.navbar-toggler:not(.collapsed) span:before,
.navbar-toggler:not(.collapsed) span:after {
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	margin: auto;
}

.navbar-toggler:not(.collapsed) span:before {
	transform: rotate(45deg);
}

.navbar-toggler:not(.collapsed) span:after {
	transform: rotate(-45deg);
}

/* =Footer page Css
========================================================================================*/
.site-footer {
	background-color: #FBEDDC;
	color: #3D2418;
	font-family: 'Montserrat', sans-serif;
}

.footer-top {
	background-color: #FBEDDC;
	padding-top: 3.5rem;
	padding-bottom: 2rem;
}

.footer-brand-col {
	position: relative;
}

@media (min-width: 992px) {
	.footer-brand-col::after {
		content: "";
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		width: 1px;
		background: linear-gradient(180deg, rgba(192, 150, 69, 0.1) 0%, #C09645 51%, rgba(192, 150, 69, 0.1) 100%);
	}
}

.footer-logo-img {
	max-width: 220px;
	height: auto;
}

.footer-divider {
	max-width: 160px;
	height: auto;
}

.footer-tagline {
	font-size: 0.95rem;
	color: #4A2818;
	font-weight: 500;
	margin-bottom: 0.5rem;
	line-height: 1.5;
}

.footer-tagline-divider {
	height: 1px;
	max-width: 240px;
	width: 100%;
	background: linear-gradient(90deg, #FEEFCE 0%, #C09645 47%, #FEEFCE 91%);
}

.footer-initiative {
	font-size: 0.88rem;
	color: #4A2818;
	font-weight: 600;
}

.footer-heading {
	font-family: 'Playfair Display', Georgia, serif;
	font-weight: 700;
	font-size: 1.1rem;
	letter-spacing: 0.8px;
	color: #3D2418;
	margin-bottom: 0.25rem;
	text-align: left;
}

.footer-nav-list {
	margin-bottom: 0;
	padding-left: 0;
	text-align: left;
}

.footer-nav-list li {
	margin-bottom: 1.5rem;
	border: 0 !important;
}

.footer-nav-list li:last-child {
	margin-bottom: 0;
}

.footer-nav-list li a {
	color: #4A2818;
	font-size: 0.925rem;
	font-weight: 500;
	text-decoration: none;
	transition: 0.35s all;
}

.footer-nav-list li a:hover {
	color: #820913;
	background: transparent !important;
}

.footer-banner-wrapper {
	width: 100%;
	background-color: #FBEDDC;
	overflow: hidden;
}

.footer-banner-img {
	width: 100%;
	height: 0;
	padding-bottom: 35%;
	background: #FBEDDC url('../images/footer-bg.png') no-repeat center bottom;
	background-size: 100% auto;
}

@media (max-width: 991px) {
	.footer-banner-img {
		padding-bottom: 45%;
	}
}

@media (max-width: 575px) {
	.footer-banner-img {
		padding-bottom: 60%;
		background-size: cover;
	}
}

.footer-pattern-divider {
	width: 100%;
	height: 14px;
	background-color: #FBEDDC;
	background-image: url('../images/footer-pattern.png');
	background-repeat: repeat-x;
	background-position: center top;
	background-size: auto 14px;
}

.footer-bottom {
	background-color: #FBEDDC;
	font-size: 0.85rem;
	color: #4A2818;
	border-top: 1px solid rgba(130, 9, 19, 0.08);
}

.footer-copy-text,
.footer-values-text {
	font-size: 0.85rem;
	color: #4A2818;
	font-weight: 500;
}

.footer-copy-text a {
	color: #4A2818;
	text-decoration: none;
	transition: 0.35s all;
}

.footer-copy-text a:hover {
	color: #820913;
}

.social-circle-btn {
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background-color: #3D1E16;
	color: #FAF4E8;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	transition: 0.35s all;
}

.social-circle-btn:hover {
	background-color: #820913;
	color: #fff;
	transform: translateY(-2px);
}

.f-menu-list-box {
	max-width: 90%;
	width: 100%;
	margin: 0 0 0 auto;
}


/* =Accordion and Tab Css
========================================================================================*/
.accordion-item {
	background-color: #FFFBF3;
	border: 1px solid #EADBCE !important;
	border-radius: 8px !important;
	margin-bottom: 0.75rem;
	overflow: hidden;
}

.accordion-header .accordion-button {
	font-family: "Playfair Display", serif;
	font-weight: 600;
	font-size: 1.05rem;
	color: #582206;
	background: #FFFBF3;
	border: none;
	outline: none;
	box-shadow: none !important;
	padding: 1rem 1.25rem;
	transition: 0.35s all;
	border-bottom: 1px solid transparent;
}

.accordion-button:not(.collapsed) {
	background: #F8ECE3 !important;
	color: #820913 !important;
	border-bottom-color: #EADBCE;
}

.accordion-button::after,
.accordion-button:not(.collapsed)::after {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23820913'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
}

.accordion-body {
	background-color: #FFFBF3;
	color: #402C05;
	font-size: 0.95rem;
	line-height: 1.6;
	padding: 1.25rem;
}

.nav.nav-tabs {
	border-bottom: 1px solid #EADBCE;
	gap: 0.4rem;
}

.nav.nav-tabs .nav-item {
	margin-bottom: 0;
}

.nav-tabs .nav-link {
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	font-size: 0.925rem;
	background: #FAF4E8;
	color: #582206;
	border: 1px solid #EADBCE;
	border-radius: 6px 6px 0 0;
	padding: 0.6rem 1.25rem;
	transition: 0.35s all;
}

.nav-tabs .nav-link:hover:not(.active) {
	background: #F5E9DA;
	color: #820913;
	border-color: #EADBCE;
}

.nav-tabs .nav-link.active {
	background: #820913 !important;
	color: #FFFBF3 !important;
	border-color: #820913 !important;
}

.tab-content {
	background-color: #FFFBF3;
	border: 1px solid #EADBCE;
	border-top: none;
	border-radius: 0 0 8px 8px;
	padding: 1.25rem;
	color: #402C05;
}

.tab-content>.tab-pane {
	padding: 0;
}


/* =Home page Css
========================================================================================*/
.reveal {
	visibility: hidden;
}

.section-row {
	padding: 5rem 0;
}

.section-title {
	margin-bottom: 3rem;
}

.section-title h2 {
	margin: 0;
}

.page-title-row {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	position: relative;
	z-index: 1;
}

.page-title-row:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #000000;
	z-index: -1;
	opacity: 0.75;
}

/* =KKD Hero Section Css
========================================================================================*/
.kkd-hero-row {
	position: relative;
	background-image: url('../images/hero-bg.jpg');
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	padding: 5rem 0 3.5rem 0;
	min-height: 620px;
}

.kkd-hero-overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(180deg, rgba(25, 12, 5, 0.45) 0%, rgba(25, 12, 5, 0.25) 60%, rgba(25, 12, 5, 0.5) 100%);
	z-index: 0 !important;
}

.kkd-hero-row .container {
	position: relative;
	z-index: 2;
}

.kkd-hero-content {
	max-width: 680px;
}

.kkd-hero-title {
	font-family: "Playfair Display", Georgia, serif;
	font-size: 48px;
	font-weight: 700;
	color: #FFF6E1;
	line-height: 1.2;
	margin-bottom: 1.25rem;
	text-shadow: 0 2px 10px rgba(0, 0, 0, 0.35);
}

.kkd-hero-desc {
	font-family: 'Montserrat', Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: 400;
	color: #FFF6E1;
	line-height: 1.45;
	margin-bottom: 2rem;
	text-shadow: 0 1px 8px rgba(0, 0, 0, 0.35);
}

.kkd-hero-btns {
	margin-bottom: 2.5rem;
}

.kkd-hero-btns .btn svg {
	width: 22px;
	min-width: 22px;
}

/* AI Discovery Search Box */
.kkd-hero-search-wrapper {
	position: relative;
	max-width: 1060px;
	margin: 2rem auto 0;
	width: 100%;
}

.kkd-search-card {
	position: relative;
	background: #FFFFFF;
	border-radius: 20px;
	padding: 2rem;
	box-shadow: 0 16px 40px rgba(0, 0, 0, 0.2);
	border: 2px solid #FCDC97;
}

.kkd-ai-badge {
	background: #fff;
	border: 2px solid #FCDC97;
	border-bottom: 0;
	position: absolute;
	z-index: 2;
	left: 2rem;
	top: -25px;
	display: flex;
	flex-direction: row;
	gap: 0.4rem;
	padding: 0.7rem 1rem;
	border-radius: 1rem 1rem 0 0;
	white-space: nowrap;
	font-size: 14px;
	font-weight: 500;
	color: #70020B;
}

.kkd-ai-badge:after {
	content: "";
	position: absolute;
	left: -2px;
	right: -2px;
	bottom: 0;
	background: #FFF;
	height: calc(50% - 2px);
	z-index: -1;
}

.kkd-ai-badge svg {
	min-width: 20px;
	width: 20px;
	height: auto;
}

.kkd-search-input-group {
	display: flex;
	align-items: center;
	background: #FFFFFF;
	border: 2px solid #FCDC97;
	border-radius: 20px;
	padding: 4px 6px 4px 16px;
	gap: 16px;
	transition: 0.35s all;
}

.kkd-search-input-group:focus-within {
	border-color: #820913;
	box-shadow: 0 0 0 3px rgba(130, 9, 19, 0.12);
}

.kkd-search-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #820913;
	width: 24px;
	min-width: 24px;
}

.kkd-search-input {
	font-size: 1rem;
	color: #402C05;
	padding: 0 1rem 0 0;
	border-width: 0;
	border-right: 1px solid #FCDC97;
	border-radius: 0;
	height: 30px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.kkd-search-input::placeholder {
	color: #402C05;
	opacity: 0.6;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.kkd-mic-btn {
	background: transparent;
	border: 0;
	padding: 0;
	color: #820913;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: 0.35s all;
	min-width: 20px;
}

.kkd-mic-btn:hover {
	opacity: 0.75;
}

.kkd-search-submit-btn {
	white-space: nowrap;
	border-radius: 16px;
	min-width: 200px;
	font-size: 14px;
}

.kkd-search-submit-btn:hover {
	background: linear-gradient(180deg, #70020B 0%, #450005 100%) !important;
	transform: scale(1.02);
}

/* Popular Searches */
.kkd-popular-searches {
	display: flex;
	align-items: center;
	gap: 14px;
	flex-wrap: wrap;
	padding-top: 0.5rem;
}

.kkd-popular-label {
	font-size: 14px;
	font-weight: 500;
	color: #402C05;
	opacity: 0.6;
	white-space: nowrap;
}

.kkd-popular-tags {
	display: flex;
	align-items: center;
	gap: 14px;
	flex-wrap: wrap;
}

.kkd-tag-item {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 14px;
	color: #402C05;
	text-decoration: none;
	padding-right: 14px;
	border-right: 1px solid #EADBCE;
	transition: 0.35s all;
}

.kkd-tag-item svg {
	min-width: 24px;
	width: 24px;
}

.kkd-tag-item:last-child {
	border-right: none;
	padding-right: 0;
}

.kkd-tag-item:hover {
	color: #820913;
}

/* Marquee Section */
.kkd-marquee-section {
	position: relative;
	background-color: #AA572D;
	background-position: top center, bottom center;
	background-repeat: repeat-x, repeat-x;
	background-size: auto, auto;
	padding: 2rem 0;
	overflow: hidden;
	width: 100%;
}

.kkd-marquee-wrapper {
	display: flex;
	overflow: hidden;
	user-select: none;
	width: 100%;
}

.kkd-marquee-content {
	display: flex;
	align-items: center;
	white-space: nowrap;
	width: max-content;
	animation: kkdMarqueeScroll 35s linear infinite;
}

.kkd-marquee-section:hover .kkd-marquee-content {
	animation-play-state: paused;
}

.kkd-marquee-track {
	display: flex;
	align-items: center;
	flex-shrink: 0;
}

.kkd-marquee-item {
	font-family: 'Montserrat', Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: 600;
	color: #FFF6E1;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	padding: 0 20px;
	white-space: nowrap;
}

.kkd-marquee-icon {
	width: 16px;
	height: 16px;
	min-width: 16px;
	flex-shrink: 0;
}

@keyframes kkdMarqueeScroll {
	0% {
		transform: translateX(0%);
	}

	100% {
		transform: translateX(-50%);
	}
}

/* Section Row & Title */
.kkd-section-row {
	padding: 6rem 0;
	width: 100%;
}

.kkd-section-title {
	text-align: center;
	max-width: 800px;
	width: 100%;
	margin: 0 auto 3rem;
}

.kkd-title-tag {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	margin-bottom: 12px;
}

.kkd-title-tag figure {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin: 0;
	padding: 0;
	line-height: 1;
}

.kkd-title-tag figure svg {
	width: 16px;
	height: 16px;
}

.kkd-title-tag span {
	font-family: 'Montserrat', Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: 500;
	color: #763819;
	letter-spacing: 0.02em;
	text-transform: uppercase;
}

.kkd-section-title h2 {
	font-family: 'Playfair Display', Georgia, serif;
	font-size: 42px;
	font-weight: 700;
	color: #402C05;
	line-height: 1.25;
	margin-bottom: 16px;
}

.kkd-title-devider {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 16px;
	margin: 0 auto 20px;
	max-width: 450px;
	width: 60%;
}

.kkd-title-devider span {
	display: block;
	flex: 1;
	height: 1.5px;
	border-radius: 2px;
}

.kkd-title-devider span:first-child {
	background: linear-gradient(to left, #C09645 0%, rgba(254, 239, 206, 0.1) 100%) !important;
}

.kkd-title-devider span:last-child {
	background: linear-gradient(to right, #C09645 0%, rgba(254, 239, 206, 0.1) 100%) !important;
}

.kkd-title-devider svg {
	width: 33px;
	height: 33px;
	min-width: 33px;
	flex-shrink: 0;
}

.kkd-section-title p {
	font-size: 18px;
	font-weight: 500;
	color: #402C05;
	line-height: 1.6;
	margin: 0 auto;
}

.platform-pillars-box {
	background-color: #2C0004;
	background-repeat: no-repeat;
	border-radius: 20px;
	position: relative;
	overflow: hidden;
	z-index: 1;
	background-size: cover;
	background-position: right center;
	height: 100%;
	display: flex;
	flex-direction: column;
}

.platform-pillars-top {
	padding: 2rem;
	display: flex;
	flex-direction: column;
	gap: 1rem;
	color: #fff;
}

.platform-pillars-top * {
	margin: 0;
}

.platform-pillars-box:before {
	content: "";
	inset: 0;
	z-index: -1;
	position: absolute;
	background: linear-gradient(to right, #540107 30%, rgba(104, 14, 21, 0.67) 56%, rgba(143, 41, 50, 0) 93%);
}

.platform-pillars-box-02:before {
	background: linear-gradient(to right, #763819 30%, rgba(118, 56, 25, 0.67) 56%, rgba(118, 56, 25, 0) 93%);
}

.platform-pillars-box-bottom:before {
	background: linear-gradient(to right, #FFF8F0 48%, rgba(255, 248, 240, 0) 80%);
}

.platform-pillars-top h5 {
	position: relative;
	padding-bottom: 1rem;
	color: #fff;
}

.platform-pillars-top h5:after {
	content: "";
	width: 30px;
	height: 1px;
	background: #FCDC97;
	position: absolute;
	bottom: 0;
	left: 0;
}

.platform-pillars-top span {
	height: 40px;
	width: 40px;
	border: 1px solid #FCDC97;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50px;
	font-weight: 600;
}

.platform-pillars-top p {
	max-width: 220px;
}

.platform-pillars-bottom {
	background: rgba(44, 0, 4, 0.65);
	padding: 1rem 1.3rem;
	color: #fff;
	margin-top: auto;
}

.platform-pillars-bottom ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem 0;
}

.platform-pillars-bottom ul li {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	font-size: 14px;
	font-weight: 600;
	margin: 0;
	letter-spacing: normal;
}

.platform-pillars-bottom ul li figure {
	margin: 0;
	min-width: 18px;
	width: 18px;
}

.platform-pillars-bottom ul li figure svg {
	height: auto;
	width: 100%;
	fill: #fff;
}

.platform-pillars-bottom ul li:after {
	content: "|";
	margin: 0 0.7rem 0 0.1rem;
}

.platform-pillars-bottom ul li:last-child:after {
	display: none;
}

.platform-pillars-box-bottom {
	border: 2px solid #FCDC97;
}

.platform-pillars-box-bottom .platform-pillars-top h5 {
	color: #402C05;
}

.platform-pillars-box-bottom .platform-pillars-top {
	color: #402C05;
}

.platform-pillars-box-bottom .platform-pillars-top h5:after {
	background: #C09645;
}

.platform-pillars-box-bottom .platform-pillars-top span {
	border-color: #C09645;
}

.platform-pillars-box-bottom .platform-pillars-bottom {
	background: rgba(119, 91, 58, 0.65);
}

/* Craft Heritage Categories Slider */
.craft-heritage-slider-wrapper {
	display: flex;
	align-items: center;
	position: relative;
	width: 100%;
	padding: 0 5px;
}

.craft-slider-arrow {
	width: 40px;
	height: 40px;
	min-width: 40px;
	border-radius: 50%;
	background-color: #FFFDF9;
	border: 1px solid #E6D8BF;
	color: #6E1618;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: all 0.3s ease;
	z-index: 2;
	box-shadow: 0 2px 6px rgba(64, 44, 5, 0.06);
	padding: 0;
	outline: none;
}

.craft-slider-arrow:hover {
	background-color: #76181A;
	border-color: #76181A;
	color: #FFFFFF;
	transform: scale(1.06);
	box-shadow: 0 4px 10px rgba(118, 24, 26, 0.25);
}

.craft-slider-arrow svg {
	width: 8px;
	height: 14px;
}

.craft-heritage-slider-track {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	overflow-x: auto;
	scroll-behavior: smooth;
	padding: 10px 4px;
	margin: 0 10px;
	width: 100%;
	scrollbar-width: none;
	/* Firefox */
	-ms-overflow-style: none;
	/* IE and Edge */
}

.craft-heritage-slider-track::-webkit-scrollbar {
	display: none;
	/* Chrome, Safari, Opera */
}

.craft-card-item {
	flex: 1 1 0%;
	min-width: 105px;
	background-color: #FFFDF9;
	border: 1.5px solid #F4E7CE;
	border-radius: 18px;
	padding: 14px 8px 16px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	cursor: pointer;
	transition: 0.35s all;
	box-shadow: 0 2px 6px rgba(64, 44, 5, 0.03);
	user-select: none;
}

.craft-card-img-wrap {
	width: 56px;
	height: 56px;
	border-radius: 50%;
	background-color: #F9EED9;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 10px;
	transition: all 0.3s ease;
	overflow: hidden;
}

.craft-card-img {
	width: 46px;
	height: 46px;
	object-fit: contain;
	border-radius: 50%;
}

.craft-card-title {
	font-family: 'Montserrat', Arial, sans-serif;
	font-size: 13.5px;
	font-weight: 600;
	color: #402C05;
	transition: color 0.3s ease;
	line-height: 1.2;
	white-space: nowrap;
}

/* Hover & Active States */
.craft-card-item:hover,
.craft-card-item.active {
	background-color: #76181A;
	border-color: #76181A;
	transform: translateY(-3px);
	box-shadow: 0 6px 16px rgba(118, 24, 26, 0.28);
}

.craft-card-item:hover .craft-card-img-wrap,
.craft-card-item.active .craft-card-img-wrap {
	background-color: #FAF0DC;
}

.craft-card-item:hover .craft-card-title,
.craft-card-item.active .craft-card-title {
	color: #FFFFFF;
}

/* Craft Discovery & Trending Artisan Shops */
.kkd-discovery-card,
.kkd-shops-card {
	background: radial-gradient(circle at 30% 30%, #FFFDF7 0%, #FAF0D7 65%, #F4E4C3 100%);
	border: 1.5px solid #EAD8B7;
	border-radius: 20px;
	padding: 26px 28px;
	height: 100%;
	min-height: 460px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	position: relative;
	overflow: hidden;
	box-shadow: 0 2px 8px rgba(64, 44, 5, 0.03);
}

.kkd-card-header-icon {
	display: flex;
	align-items: center;
	justify-content: center;
}

.kkd-card-header-title {
	font-family: 'Montserrat', Arial, sans-serif;
	font-size: 16px;
	font-weight: 700;
	color: #402C05;
	letter-spacing: 0.04em;
}

.kkd-card-header-sub {
	font-size: 13.5px;
	color: #5C482A;
	margin: 0;
	line-height: 1.45;
}

.kkd-discovery-header {
	position: relative;
	z-index: 2;
	max-width: 240px;
}

.kkd-discovery-map-body {
	position: absolute;
	right: 15px;
	top: 10px;
	bottom: 10px;
	width: 68%;
	height: calc(100% - 20px);
	display: flex;
	align-items: center;
	justify-content: flex-end;
	z-index: 1;
	pointer-events: none;
	max-width: 450px;
}

.kkd-discovery-map-img {
	max-height: 100%;
	width: 100%;
	object-fit: contain;
	object-position: right center;
}

.kkd-discovery-footer {
	position: relative;
	z-index: 2;
	margin-top: auto;
	padding-top: 15px;
}

.kkd-discovery-link {
	font-family: 'Montserrat', Arial, sans-serif;
	font-size: 13.5px;
	font-weight: 600;
	color: #76181A;
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	transition: gap 0.25s ease;
}

.kkd-discovery-link .kkd-link-underline {
	text-decoration: underline;
	text-underline-offset: 3px;
}

.kkd-discovery-link:hover {
	color: #5C1012;
	gap: 10px;
}

.kkd-shops-card {
	background: #FAF4E6;
	border: 1.5px solid #D4B47C;
	border-radius: 22px;
	padding: 0;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	overflow: hidden;
	box-shadow: 0 2px 8px rgba(64, 44, 5, 0.03);
}

.kkd-shops-card-inner {
	padding: 24px 24px 0 24px;
	flex: 1;
	display: flex;
	flex-direction: column;
}

.kkd-shops-list {
	display: flex;
	flex-direction: column;
	gap: 16px;
	margin-top: 14px;
	margin-bottom: 22px;
}

/* Shop Item Box */
.kkd-shop-item {
	background: #FAF4E6;
	border: 1.5px solid #D4B47C;
	border-radius: 20px;
	display: flex;
	align-items: stretch;
	overflow: hidden;
	transition: all 0.3s ease;
	min-height: 104px;
}

.kkd-shop-item:hover {
	transform: translateY(-2px);
	box-shadow: 0 6px 16px rgba(64, 44, 5, 0.07);
	border-color: #B89255;
}

.kkd-shop-img {
	width: 130px;
	min-width: 130px;
	height: auto;
	object-fit: cover;
	display: block;
}

.kkd-shop-content {
	flex: 1;
	padding: 16px 20px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
}

.kkd-shop-info {
	flex: 1;
	min-width: 0;
}

.kkd-shop-title {
	font-family: 'Montserrat', Arial, sans-serif;
	font-size: 18px;
	font-weight: 700;
	color: #332205;
	margin: 0 0 6px;
	line-height: 1.25;
}

.kkd-shop-location {
	font-size: 14px;
	font-weight: 500;
	color: #5C482A;
	display: flex;
	align-items: center;
	gap: 6px;
}

.kkd-shop-location svg {
	flex-shrink: 0;
	min-width: 22px;
	width: 22px;
	height: auto;
}

.kkd-shop-btn {
	width: 42px;
	height: 42px;
	min-width: 42px;
	border-radius: 50%;
	border: 1.5px solid #76181A;
	background-color: transparent;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease;
	flex-shrink: 0;
	text-decoration: none;
}

.kkd-shop-btn svg path {
	transition: stroke 0.3s ease;
}

.kkd-shop-item:hover .kkd-shop-btn,
.kkd-shop-btn:hover {
	background-color: #76181A;
	border-color: #76181A;
}

.kkd-shop-item:hover .kkd-shop-btn svg path,
.kkd-shop-btn:hover svg path {
	stroke: #FFFFFF;
}

/* Shops Bottom Footer Strip */
.kkd-shops-footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 16px 24px;
	border-top: 1.5px solid #D4B47C;
	background-color: rgba(245, 233, 210, 0.3);
}

.kkd-shops-footer-text {
	font-family: 'Montserrat', Arial, sans-serif;
	font-size: 15px;
	font-weight: 600;
	color: #402C05;
}

.kkd-shops-footer-link {
	font-family: 'Montserrat', Arial, sans-serif;
	font-size: 15px;
	font-weight: 700;
	color: #76181A;
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	transition: gap 0.25s ease;
}

.kkd-shops-footer-link:hover {
	color: #5C1012;
	gap: 10px;
}

/* Featured Artisan Shop Cards */
.kkd-artisan-cards-row {
	margin-top: 1rem;
}

.kkd-artisan-card {
	background: #FFF8EA;
	border-radius: 24px;
	/* overflow: hidden;
	box-shadow: 0 4px 10px #E9E0CF; */
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	height: 100%;
	display: flex;
	flex-direction: column;
	position: relative;
	max-width: 410px;
	width: 100%;
	margin: 0 auto;
}

.kkd-artisan-card::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 5;
	border: 1px solid #C09645;
	border-top: 0;
	border-radius: 0 0 24px 24px;
	top: 34%;
	pointer-events: none;
	box-shadow: 0 14px 16px #E9E0CF;
}

.kkd-artisan-card:hover {
	transform: translateY(-6px);
}

.kkd-artisan-card-media {
	position: relative;
	width: 100%;
	overflow: hidden;
	background-color: #EFE4D6;
}

.kkd-artisan-card-img {
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
	object-fit: cover;
	display: block;
}

.kkd-artisan-curve-top {
	position: absolute;
	left: -1px;
	right: -1px;
	top: -2px;
	margin: 0;
	pointer-events: none;
	z-index: 2;
}

.kkd-artisan-curve-bottom {
	position: absolute;
	bottom: -2px;
	left: -1px;
	right: -1px;
	height: auto;
	margin: 0;
	pointer-events: none;
	z-index: 2;
}

.kkd-artisan-curve-top svg,
.kkd-artisan-curve-bottom svg {
	width: 100%;
	height: auto;
}

.kkd-artisan-badge {
	position: absolute;
	top: 30%;
	right: 10%;
	background: #FCDC97;
	border: 1px solid #C09645;
	color: #402C05;
	font-family: 'Montserrat', Arial, sans-serif;
	font-size: 14px;
	font-weight: 500;
	height: 30px;
	min-width: 113px;
	padding: 0 16px;
	border-radius: 20px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	z-index: 3;
}

.kkd-artisan-card-body {
	padding: 20px 24px 22px;
	background: #FFF8EA;
	flex: 1;
	display: flex;
	flex-direction: column;
	text-align: center;
	position: relative;
	z-index: 3;
}

.kkd-artisan-header {
	display: flex;
	align-items: center;
	gap: 16px;
	text-align: left;
	margin-bottom: 14px;
}

.kkd-artisan-avatar {
	width: 54px;
	height: 54px;
	min-width: 54px;
	border-radius: 50%;
	background: #4D0C0E;
	color: #FFFFFF;
	font-family: 'Playfair Display', Georgia, serif;
	font-size: 26px;
	font-weight: 700;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 4px 10px rgba(77, 12, 14, 0.2);
}

.kkd-artisan-info {
	flex: 1;
}

.kkd-artisan-name {
	font-family: 'Montserrat', Arial, sans-serif;
	font-size: 19px;
	font-weight: 700;
	color: #2B1D0C;
	margin: 0 0 4px 0;
	line-height: 1.25;
}

.kkd-artisan-location {
	display: flex;
	align-items: center;
	gap: 6px;
	font-size: 13.5px;
	font-weight: 600;
	color: #6B5644;
}

.kkd-artisan-location svg {
	width: 20px;
	height: 20px;
	flex-shrink: 0;
	color: #76181A;
}

.kkd-artisan-divider {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	margin: 10px auto 14px;
	width: 100%;
	position: relative;
}

.kkd-artisan-divider .divider-line {
	height: 1px;
	flex: 1;
	background: linear-gradient(to right, rgba(192, 150, 69, 0.1), #C09645);
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 50%;
	left: 0;
}

.kkd-artisan-divider .divider-line.right {
	background: linear-gradient(to left, rgba(192, 150, 69, 0.1), #C09645);
	right: 0;
	left: auto;
}

.kkd-artisan-desc {
	font-family: 'Montserrat', Arial, sans-serif;
	font-size: 13.5px;
	font-weight: 500;
	color: #524234;
	line-height: 1.55;
	margin: 0 0 18px 0;
	flex: 1;
}

.kkd-artisan-card-footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-top: 16px;
	position: relative;
	margin-top: auto;
}

.kkd-artisan-card-footer::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background: linear-gradient(90deg, #FEEFCE 0%, #C09645 47%, #FEEFCE 91%);
}

.kkd-artisan-products {
	font-size: 14px;
	font-weight: 600;
	color: #402C05;
}

.kkd-artisan-link {

	font-size: 14px;
	font-weight: 700;
	color: #76181A;
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	transition: gap 0.25s ease, color 0.25s ease;
}

.kkd-artisan-link:hover {
	color: #500C0E;
	gap: 9px;
}

.kkd-all-artisans-btn {
	display: inline-block;
	background-color: #6B1315;
	color: #FFFFFF !important;
	font-family: 'Montserrat', Arial, sans-serif;
	font-size: 15px;
	font-weight: 600;
	padding: 13px 34px;
	border-radius: 50px;
	text-decoration: none;
	box-shadow: 0 4px 14px rgba(107, 19, 21, 0.25);
	transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
}

.kkd-all-artisans-btn:hover {
	background-color: #500C0E;
	transform: translateY(-2px);
	box-shadow: 0 6px 18px rgba(107, 19, 21, 0.35);
}

/* Local Gift Shop Cards */
.kkd-local-shop-cards-row {
	margin-top: 2rem;
	padding-bottom: 25px;
}

.kkd-gift-card {
	background: #FFFBF3;
	border: 1px solid #C09645;
	border-radius: 20px;
	overflow: visible;
	box-shadow: 0 4px 16px #E9E0CF;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	height: 100%;
	display: flex;
	flex-direction: column;
	position: relative;
}

.kkd-gift-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 14px 32px rgba(118, 24, 26, 0.1);
}

.kkd-gift-card-media {
	width: 100%;
	height: 200px;
	overflow: hidden;
	border-radius: 18px 18px 0 0;
}

.kkd-gift-card-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.kkd-gift-card-body {
	padding: 22px 18px 38px;
	background: #FFFBF3;
	border-radius: 0 0 18px 18px;
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	position: relative;
}

.kkd-gift-card-title {
	font-family: 'Playfair Display', Georgia, serif;
	font-size: 20px;
	font-weight: 700;
	color: #402C05;
	margin: 0 0 10px 0;
	line-height: 1.25;
}

.kkd-gift-card .kkd-artisan-divider {
	margin: 6px auto 14px;
}

.kkd-gift-card-desc {
	font-family: 'Montserrat', Arial, sans-serif;
	font-size: 13.5px;
	font-weight: 500;
	color: #5A4A3A;
	line-height: 1.5;
	margin: 0;
}

.kkd-gift-card-icon {
	width: 54px;
	height: 54px;
	border-radius: 50%;
	background: #820913;
	border: 1px solid #C09645;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	bottom: -27px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 5;
}

.kkd-local-shop-row {
	position: relative;
	z-index: 1;
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: bottom center;
}

.gift-shop-bg-01 {
	position: absolute;
	left: 0;
	margin: 0;
	top: 10%;
	max-width: 272px;
	width: 20%;
	z-index: -1;
}

.gift-shop-bg-02 {
	position: absolute;
	right: 0;
	margin: 0;
	top: 10%;
	max-width: 292px;
	width: 20%;
	z-index: -1;
}

.gift-shop-bg-01 img,
.gift-shop-bg-02 img {
	width: 100%;
	height: auto;
}

.craft-story-row {
	position: relative;
	z-index: 1;
	background-color: #FFF8EA;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

/* ==========================================
   Craft Story Section Layout & Cards
========================================== */

/* Card notched border frame */
.craft-card-frame {
	position: relative;
	background: #C09645;
	padding: 1.5px;
	border-radius: 0;
	filter: drop-shadow(0px 6px 18px rgba(118, 56, 25, 0.08));
	-webkit-mask-image:
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cpath d='M 40 0 L 28 0 C 22 0, 17 5, 15 10 C 13 13, 13 13, 10 15 C 5 17, 0 22, 0 28 L 0 40 L 40 40 Z' fill='%23000'/%3E%3C/svg%3E"),
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cpath d='M 0 0 L 12 0 C 18 0, 23 5, 25 10 C 27 13, 27 13, 30 15 C 35 17, 40 22, 40 28 L 40 40 L 0 40 Z' fill='%23000'/%3E%3C/svg%3E"),
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cpath d='M 40 40 L 28 40 C 22 40, 17 35, 15 30 C 13 27, 13 27, 10 25 C 5 23, 0 18, 0 12 L 0 0 L 40 0 Z' fill='%23000'/%3E%3C/svg%3E"),
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cpath d='M 0 40 L 12 40 C 18 40, 23 35, 25 30 C 27 27, 27 27, 30 25 C 35 23, 40 18, 40 12 L 40 0 L 0 0 Z' fill='%23000'/%3E%3C/svg%3E"),
		linear-gradient(#000, #000),
		linear-gradient(#000, #000),
		linear-gradient(#000, #000);
	-webkit-mask-position:
		top left,
		top right,
		bottom left,
		bottom right,
		center top,
		center bottom,
		center;
	-webkit-mask-size:
		40px 40px,
		40px 40px,
		40px 40px,
		40px 40px,
		calc(100% - 80px) 40px,
		calc(100% - 80px) 40px,
		100% calc(100% - 80px);
	-webkit-mask-repeat: no-repeat;
	mask-image:
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cpath d='M 40 0 L 28 0 C 22 0, 17 5, 15 10 C 13 13, 13 13, 10 15 C 5 17, 0 22, 0 28 L 0 40 L 40 40 Z' fill='%23000'/%3E%3C/svg%3E"),
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cpath d='M 0 0 L 12 0 C 18 0, 23 5, 25 10 C 27 13, 27 13, 30 15 C 35 17, 40 22, 40 28 L 40 40 L 0 40 Z' fill='%23000'/%3E%3C/svg%3E"),
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cpath d='M 40 40 L 28 40 C 22 40, 17 35, 15 30 C 13 27, 13 27, 10 25 C 5 23, 0 18, 0 12 L 0 0 L 40 0 Z' fill='%23000'/%3E%3C/svg%3E"),
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cpath d='M 0 40 L 12 40 C 18 40, 23 35, 25 30 C 27 27, 27 27, 30 25 C 35 23, 40 18, 40 12 L 40 0 L 0 0 Z' fill='%23000'/%3E%3C/svg%3E"),
		linear-gradient(#000, #000),
		linear-gradient(#000, #000),
		linear-gradient(#000, #000);
	mask-position:
		top left,
		top right,
		bottom left,
		bottom right,
		center top,
		center bottom,
		center;
	mask-size:
		40px 40px,
		40px 40px,
		40px 40px,
		40px 40px,
		calc(100% - 80px) 40px,
		calc(100% - 80px) 40px,
		100% calc(100% - 80px);
	mask-repeat: no-repeat;
	transition: transform 0.3s ease, filter 0.3s ease;
}

.craft-card-frame:hover {
	transform: translateY(-3px);
}

.craft-card-inner {
	position: relative;
	background: linear-gradient(135deg, #FFFDF8 0%, #FAF3E5 100%);
	width: 100%;
	height: 100%;
	overflow: hidden;
	-webkit-mask-image:
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cpath d='M 40 0 L 28 0 C 22 0, 17 5, 15 10 C 13 13, 13 13, 10 15 C 5 17, 0 22, 0 28 L 0 40 L 40 40 Z' fill='%23000'/%3E%3C/svg%3E"),
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cpath d='M 0 0 L 12 0 C 18 0, 23 5, 25 10 C 27 13, 27 13, 30 15 C 35 17, 40 22, 40 28 L 40 40 L 0 40 Z' fill='%23000'/%3E%3C/svg%3E"),
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cpath d='M 40 40 L 28 40 C 22 40, 17 35, 15 30 C 13 27, 13 27, 10 25 C 5 23, 0 18, 0 12 L 0 0 L 40 0 Z' fill='%23000'/%3E%3C/svg%3E"),
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cpath d='M 0 40 L 12 40 C 18 40, 23 35, 25 30 C 27 27, 27 27, 30 25 C 35 23, 40 18, 40 12 L 40 0 L 0 0 Z' fill='%23000'/%3E%3C/svg%3E"),
		linear-gradient(#000, #000),
		linear-gradient(#000, #000),
		linear-gradient(#000, #000);
	-webkit-mask-position:
		top left,
		top right,
		bottom left,
		bottom right,
		center top,
		center bottom,
		center;
	-webkit-mask-size:
		40px 40px,
		40px 40px,
		40px 40px,
		40px 40px,
		calc(100% - 80px) 40px,
		calc(100% - 80px) 40px,
		100% calc(100% - 80px);
	-webkit-mask-repeat: no-repeat;
	mask-image:
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cpath d='M 40 0 L 28 0 C 22 0, 17 5, 15 10 C 13 13, 13 13, 10 15 C 5 17, 0 22, 0 28 L 0 40 L 40 40 Z' fill='%23000'/%3E%3C/svg%3E"),
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cpath d='M 0 0 L 12 0 C 18 0, 23 5, 25 10 C 27 13, 27 13, 30 15 C 35 17, 40 22, 40 28 L 40 40 L 0 40 Z' fill='%23000'/%3E%3C/svg%3E"),
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cpath d='M 40 40 L 28 40 C 22 40, 17 35, 15 30 C 13 27, 13 27, 10 25 C 5 23, 0 18, 0 12 L 0 0 L 40 0 Z' fill='%23000'/%3E%3C/svg%3E"),
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cpath d='M 0 40 L 12 40 C 18 40, 23 35, 25 30 C 27 27, 27 27, 30 25 C 35 23, 40 18, 40 12 L 40 0 L 0 0 Z' fill='%23000'/%3E%3C/svg%3E"),
		linear-gradient(#000, #000),
		linear-gradient(#000, #000),
		linear-gradient(#000, #000);
	mask-position:
		top left,
		top right,
		bottom left,
		bottom right,
		center top,
		center bottom,
		center;
	mask-size:
		40px 40px,
		40px 40px,
		40px 40px,
		40px 40px,
		calc(100% - 80px) 40px,
		calc(100% - 80px) 40px,
		100% calc(100% - 80px);
	mask-repeat: no-repeat;
}

/* Featured Story Image & Gradient Blend */
.craft-featured-img-wrap {
	position: relative;
	width: 100%;
	height: 100%;
	min-height: 380px;
	overflow: hidden;
}

.craft-featured-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	display: block;
}

.craft-img-overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(to right, rgba(250, 243, 229, 0) 25%, rgba(250, 243, 229, 0.75) 75%, #FAF3E5 100%);
	pointer-events: none;
}

/* Featured Story Content */
.craft-featured-content {
	padding: 40px 45px 40px 30px;
	width: 100%;
}

.craft-featured-badge {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	background-color: #52180D;
	color: #FFFFFF;
	padding: 5px 16px;
	border-radius: 20px;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.8px;
	text-transform: uppercase;
	margin-bottom: 20px;
}

.craft-featured-badge svg {
	fill: currentColor;
	width: 13px;
	height: 13px;
}

.craft-featured-title {
	font-family: 'Playfair Display', serif;
	font-size: 32px;
	font-weight: 700;
	color: #2C1E16;
	line-height: 1.25;
	margin-bottom: 18px;
}

/* Meta info row */
.craft-meta-row {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 12px;
	margin-bottom: 20px;
}

.craft-meta-item {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: 14px;
	font-weight: 600;
	color: #4A3728;
}

.craft-meta-item figure {
	margin: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 18px;
	min-width: 18px;
	height: 18px;
	min-height: 18px;
	flex-shrink: 0;
}

.craft-meta-item figure svg,
.craft-meta-item svg {
	width: 100%;
	height: 100%;
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
	flex-shrink: 0;
}

.craft-meta-sep {
	color: #C5B08B;
	font-size: 14px;
	font-weight: 300;
}

/* Ornamental Divider */
.craft-featured-content .kkd-artisan-divider {
	margin: 18px 0 22px 0;
}

/* Description & Read link */
.craft-featured-desc {
	font-size: 15px;
	line-height: 1.6;
	color: #5C4C40;
	margin-bottom: 24px;
	max-width: 540px;
}

.craft-read-link {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 15px;
	font-weight: 700;
	color: #763819;
	text-decoration: none;
	transition: gap 0.2s ease, color 0.2s ease;
}

.craft-read-link:hover {
	color: #52180D;
	gap: 10px;
}

/* Small Cards Styles */
.craft-small-card-body {
	position: relative;
	width: 100%;
	height: 100%;
	min-height: 160px;
}

.craft-small-img-wrap {
	position: relative;
	width: 38%;
	min-width: 125px;
	align-self: stretch;
	flex-shrink: 0;
	overflow: hidden;
}

.craft-small-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	display: block;
}

.craft-small-img-overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(to right, rgba(250, 243, 229, 0) 25%, rgba(250, 243, 229, 0.8) 80%, #FAF3E5 100%);
	pointer-events: none;
}

.craft-small-content {
	padding: 18px 18px 18px 12px;
	flex-grow: 1;
}

.craft-small-title {
	font-family: 'Playfair Display', serif;
	font-size: 17px;
	font-weight: 700;
	color: #2C1E16;
	line-height: 1.3;
	margin-bottom: 10px;
}

.craft-small-meta {
	display: flex;
	flex-direction: column;
	gap: 5px;
}

.craft-small-meta .craft-meta-item {
	font-size: 13px;
	font-weight: 500;
	color: #4A3728;
}

/* Bottom CTA Button */
.craft-all-btn {
	background-color: #763819;
	color: #FFFFFF;
	font-size: 15px;
	font-weight: 600;
	padding: 12px 38px;
	border-radius: 50px;
	border: 1px solid #763819;
	transition: all 0.3s ease;
	box-shadow: 0 4px 14px rgba(118, 56, 25, 0.2);
}

.craft-all-btn:hover,
.craft-all-btn:focus {
	background-color: #52180D;
	border-color: #52180D;
	color: #FFFFFF;
	transform: translateY(-2px);
	box-shadow: 0 6px 18px rgba(118, 56, 25, 0.3);
}

/* ==========================================
   Business Wellness Section & Cards (Figma Spec)
========================================== */

.business-wellness-section {
	position: relative;
}

.kkd-wellness-card {
	position: relative;
	background-color: #FFF8EA;
	border: 1px solid #C09645;
	border-radius: 20px;
	overflow: hidden;
	box-shadow: 0px 6px 24px rgba(88, 34, 6, 0.05);
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.kkd-wellness-card:hover {
	transform: translateY(-3px);
	box-shadow: 0px 12px 32px rgba(88, 34, 6, 0.09);
}

.card-subtitle-tag {
	font-family: 'Playfair Display', serif;
	font-size: 13px;
	font-weight: 700;
	color: #820913;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	display: block;
}

.card-main-title {
	font-family: 'Playfair Display', serif;
	font-size: 28px;
	font-weight: 700;
	color: #582206;
	line-height: 1.2;
}

.card-desc {
	font-family: 'Montserrat', sans-serif;
	font-size: 15px;
	font-weight: 400;
	color: #402C05;
	line-height: 1.5;
}

.live-impact-title {
	font-family: 'Montserrat', sans-serif;
	font-size: 13px;
	font-weight: 700;
	color: #402C05;
	letter-spacing: 0.05em;
}

.live-status-pill {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	background-color: #820913;
	color: #FFFFFF;
	font-family: 'Montserrat', sans-serif;
	font-size: 12px;
	font-weight: 700;
	padding: 4px 12px;
	border-radius: 24px;
}

.live-dot {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background-color: #FFFFFF;
	display: inline-block;
}

/* Stat Mini Cards Grid (Figma Spec) */
.stat-mini-card {
	background: #FFFAF1;
	border: 1px solid #FCDC97;
	border-radius: 20px;
	padding: 18px 20px;
	height: 100%;
	box-shadow: 0px 4px 12px rgba(192, 150, 69, 0.10);
	transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.stat-mini-card:hover {
	border-color: #C09645;
	box-shadow: 0px 6px 16px rgba(192, 150, 69, 0.18);
	transform: translateY(-2px);
}

.stat-icon-circle {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.icon-bg-red {
	background-color: #820913;
	color: #FFFFFF;
}

.icon-bg-brown {
	background-color: #A85429;
	color: #FFFFFF;
}

.icon-bg-darkbrown {
	background-color: #6A2B19;
	color: #FFFFFF;
}

.icon-bg-gold {
	background-color: #B88235;
	color: #FFFFFF;
}

.stat-number {
	font-family: 'Montserrat', sans-serif;
	font-size: 30px;
	font-weight: 700;
	line-height: 1;
}

.color-red {
	color: #820913;
}

.color-brown {
	color: #A85429;
}

.color-darkbrown {
	color: #6A2B19;
}

.color-gold {
	color: #B88235;
}

.stat-unit {
	font-size: 16px;
	font-weight: 600;
	margin-left: 2px;
}

.stat-title {
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	font-weight: 700;
	color: #402C05;
	margin-top: 8px;
	margin-bottom: 4px;
}

.stat-subtext {
	font-family: 'Montserrat', sans-serif;
	font-size: 13px;
	color: #6B5A46;
	line-height: 1.4;
	margin: 0;
}

.card-footer-row {
	border-top: 1px solid #C09645;
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	font-weight: 700;
	background: rgba(255, 248, 234, 0.6);
}

.footer-label {
	color: #402C05;
}

.footer-link {
	color: #820913;
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	transition: color 0.2s ease, transform 0.2s ease;
}

.footer-link:hover {
	color: #5E060D;
	transform: translateX(3px);
}

/* Right Card Background & Timeline */
.program-journey-card {
	background-repeat: no-repeat;
	background-position: right center;
	background-size: cover;
}

.journey-timeline .timeline-circle {
	position: relative;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	background-color: #682613;
	color: #FFFFFF;
	font-family: 'Montserrat', sans-serif;
	font-size: 15px;
	font-weight: 700;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	z-index: 2;
}

.journey-timeline .timeline-item:not(:last-child) .timeline-circle::after {
	content: '';
	position: absolute;
	bottom: -5px;
	left: 50%;
	transform: translateX(-50%);
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 6px solid #682613;
	z-index: 3;
}

.journey-timeline .timeline-num-col {
	display: flex;
	flex-direction: column;
	align-items: center;
	position: relative;
}

.journey-timeline .timeline-line {
	width: 0px;
	flex-grow: 1;
	border-left: 2px dashed #ECA8B2;
	margin-top: -2px;
	margin-bottom: -28px;
	min-height: 40px;
	z-index: 1;
}

.step-title {
	font-family: 'Montserrat', sans-serif;
	font-size: 18px;
	font-weight: 700;
	color: #402C05;
	margin-bottom: 4px;
}

.step-desc {
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	font-weight: 500;
	color: #402C05;
	line-height: 1.4;
	margin: 0;
	max-width: 320px;
}

.batch-apply-btn {
	background-color: #820913;
	color: #FFFFFF;
	padding: 10px 28px;
	border-radius: 50px;
	font-family: 'Montserrat', sans-serif;
	font-size: 15px;
	font-weight: 700;
	text-transform: none;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	border: none;
	transition: background 0.3s ease, transform 0.2s ease, box-shadow 0.3s ease;
	box-shadow: 0 4px 16px rgba(130, 9, 19, 0.25);
}

.batch-apply-btn:hover,
.batch-apply-btn:focus {
	background-color: #5E060D;
	color: #FFFFFF;
	transform: translateY(-2px);
	box-shadow: 0 6px 20px rgba(130, 9, 19, 0.35);
}

.batch-subtext {
	font-family: 'Montserrat', sans-serif;
	font-size: 13px;
	font-weight: 600;
	color: #402C05;
}

.impact-report-card .kkd-artisan-divider .divider-line,
.program-journey-card .kkd-artisan-divider .divider-line {
	width: calc(50% - 30px);
}

.impact-report-card .kkd-artisan-divider,
.program-journey-card .kkd-artisan-divider {
	max-width: 300px;
	margin-left: 0;
}

.kkd-devider {
	display: block;
	width: 100%;
	height: 1px;
	background: linear-gradient(90deg, #FEEFCE 0%, #C09645 47%, #FEEFCE 91%);
}

/* ==========================================
   Shop Is Waiting Artisan Section
========================================== */

.shop-is-waiting-section {
	position: relative;
	background-color: #3B0A0E;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	overflow: hidden;
	z-index: 1;
}

.shop-waiting-title {
	font-family: 'Playfair Display', serif;
	font-size: 52px;
	font-weight: 700;
	color: #FFFFFF;
	line-height: 1.15;
	letter-spacing: -0.01em;
}

.shop-waiting-divider {
	max-width: 200px;
	margin-left: 0;
}

.shop-waiting-divider .divider-line {
	width: calc(50% - 20px);
}

.shop-waiting-desc {
	font-family: 'Montserrat', sans-serif;
	font-size: 19px;
	font-weight: 400;
	color: #FFF4E0;
	line-height: 1.45;
}

.btn-open-shop {
	background: linear-gradient(180deg, #E6D296 0%, #C09645 100%);
	border: 1px solid #E6D296;
	color: #FFFFFF;
	padding: 13px 32px;
	border-radius: 50px;
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	font-weight: 700;
	text-transform: none;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	transition: all 0.3s ease;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);
}

.btn-open-shop:hover,
.btn-open-shop:focus {
	background: linear-gradient(180deg, #F0DC9C 0%, #D4A853 100%);
	color: #FFFFFF;
	transform: translateY(-2px);
	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.4);
}

.btn-learn-wellness {
	background: rgba(0, 0, 0, 0.25);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	border: 1px solid rgba(238, 220, 190, 0.5);
	color: #FFFFFF;
	padding: 13px 28px;
	border-radius: 50px;
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	font-weight: 600;
	text-transform: none;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	transition: all 0.3s ease;
}

.btn-learn-wellness:hover,
.btn-learn-wellness:focus {
	background: rgba(255, 255, 255, 0.15);
	border-color: #EEDCBE;
	color: #FFFFFF;
	transform: translateY(-2px);
}

/* =Artisan Profile Section
========================================================================================*/
.artisan-breadcrumb-wrap {
	background: #FAF3E6;
	border-bottom: 1px solid #EEDFCE;
	padding: 14px 0;
	font-size: 13.5px;
}

.artisan-breadcrumb {
	gap: 6px;
	color: #7A583A;
}

.artisan-breadcrumb a {
	color: #7A583A;
	text-decoration: none;
	font-weight: 500;
}

.artisan-breadcrumb a:hover {
	color: #76181A;
}

.breadcrumb-sep {
	color: #C09645;
	display: inline-flex;
	align-items: center;
}

.artisan-breadcrumb .active {
	color: #76181A;
	font-weight: 700;
}

.artisan-back-link {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: #76181A;
	font-weight: 600;
	font-size: 13.5px;
	padding: 4px 12px;
	border-radius: 20px;
	background: rgba(118, 24, 26, 0.06);
	transition: all 0.3s ease;
}

.artisan-back-link:hover {
	background: #76181A;
	color: #FFF6E1;
	transform: translateX(-3px);
}


/* =Artisan Profile Hero Showcase
========================================================================================*/
.artisan-hero-showcase {
	padding: 50px 0 65px;
	background: linear-gradient(180deg, #FAF4E8 0%, #FFFDF9 60%, #FFFFFF 100%);
	position: relative;
	overflow: hidden;
}

.artisan-hero-container {
	position: relative;
	z-index: 2;
}

/* Left Column: Arched Jharokha Photo Showcase */
.artisan-visual-frame-wrap {
	position: relative;
	display: inline-block;
	max-width: 440px;
	width: 100%;
}

.artisan-arch-wrapper {
	position: relative;
	padding: 8px;
}

/* Outer decorative dashed contour ring around the arch */
.artisan-arch-wrapper::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: 216px 216px 36px 36px;
	border: 1.5px dashed rgba(192, 150, 69, 0.45);
	pointer-events: none;
	z-index: 1;
}

.artisan-arch-card {
	border-radius: 206px 206px 28px 28px;
	border: 3.5px solid #FAF0E1;
	box-shadow: 0 0 0 1px #E8CCA6, 0 20px 48px rgba(88, 34, 6, 0.14);
	background: #FFFFFF;
	overflow: hidden;
	position: relative;
	z-index: 2;
	transition: transform 0.35s ease, box-shadow 0.35s ease;
}

.artisan-arch-wrapper:hover .artisan-arch-card {
	transform: translateY(-4px);
	box-shadow: 0 0 0 1px #C09645, 0 26px 56px rgba(88, 34, 6, 0.18);
}

.artisan-arch-figure {
	position: relative;
	overflow: hidden;
	background: #FAF2E3;
	border-radius: 202px 202px 24px 24px;
	aspect-ratio: 1 / 1.14;
}

.artisan-arch-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center top;
	display: block;
	transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}

.artisan-arch-wrapper:hover .artisan-arch-img {
	transform: scale(1.04);
}

/* Floating Badges on Arch Shoulders (Outside the overflow:hidden photo frame) */
.artisan-floating-badge {
	position: absolute;
	background: rgba(255, 255, 255, 0.96);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	border: 1px solid #E2D3BE;
	padding: 7px 15px;
	border-radius: 30px;
	font-size: 12px;
	font-weight: 700;
	box-shadow: 0 6px 18px rgba(88, 34, 6, 0.12);
	z-index: 10;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	white-space: nowrap;
	transition: all 0.3s ease;
}

.artisan-floating-badge:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 22px rgba(88, 34, 6, 0.18);
}

.artisan-floating-badge.badge-verified {
	top: 48px;
	left: -8px;
	color: #1A532E;
}

.artisan-floating-badge.badge-gi {
	top: 48px;
	right: -8px;
	color: #820913;
	border-color: rgba(232, 204, 166, 0.95);
}

/* Centered Floating Location Badge */
.artisan-badge-location {
	position: absolute;
	bottom: 18px;
	left: 50%;
	transform: translateX(-50%);
	width: auto;
	max-width: calc(100% - 32px);
	white-space: nowrap;
	background: rgba(36, 18, 5, 0.9);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	border: 1px solid rgba(230, 210, 180, 0.45);
	padding: 8px 18px;
	border-radius: 30px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	font-size: 13px;
	font-weight: 600;
	color: #FFF6E1;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.28);
	z-index: 5;
}

.artisan-badge-location svg {
	color: #E6D296;
	flex-shrink: 0;
}

/* Right Column: Editorial Legacy Hub */
.artisan-info-hub {
	padding-left: 12px;
}

.artisan-pill-row {
	margin-bottom: 10px;
}

.artisan-craft-pill {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	background: linear-gradient(135deg, #FAF0E1 0%, #F5E3CB 100%);
	border: 1px solid #E8CCA6;
	color: #76181A;
	padding: 6px 16px;
	border-radius: 50px;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.8px;
	text-transform: uppercase;
	box-shadow: 0 2px 8px rgba(192, 150, 69, 0.1);
}

.artisan-craft-pill svg {
	color: #C09645;
}

.artisan-award-tag {
	display: inline-flex;
	align-items: center;
	background: #F8F1E5;
	border: 1px solid #E5D5C2;
	color: #8C6239;
	font-size: 12px;
	font-weight: 600;
	padding: 5px 14px;
	border-radius: 20px;
}

.artisan-display-name {
	font-family: 'Playfair Display', Georgia, serif;
	font-size: 46px;
	font-weight: 700;
	color: #582206;
	line-height: 1.15;
	margin: 8px 0 4px;
}

.artisan-subtitle {
	font-family: 'Montserrat', sans-serif;
	font-size: 15px;
	font-weight: 600;
	color: #8C6A43;
	margin-bottom: 0;
}

.artisan-divider {
	max-width: 140px;
	width: 100%;
}

.artisan-divider img {
	width: 100%;
	height: auto;
	opacity: 0.85;
}

.artisan-bio-text {
	font-size: 15px;
	line-height: 1.65;
	color: #503A24;
	margin-bottom: 18px;
}

/* Modern Creative Stats Grid */
.artisan-stats-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 12px;
	margin-bottom: 18px;
}

.artisan-stat-box {
	background: #FFFFFF;
	border: 1px solid #EFE2CE;
	border-radius: 14px;
	padding: 12px 10px;
	text-align: center;
	box-shadow: 0 4px 14px rgba(80, 50, 20, 0.04);
	transition: all 0.3s ease;
}

.artisan-stat-box:hover {
	transform: translateY(-3px);
	border-color: #C09645;
	box-shadow: 0 8px 20px rgba(118, 24, 26, 0.08);
}

.artisan-stat-box .stat-value {
	font-family: 'Playfair Display', Georgia, serif;
	font-size: 25px;
	font-weight: 700;
	color: #76181A;
	line-height: 1.1;
}

.artisan-stat-box .stat-value small {
	font-size: 13px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	color: #8C6A43;
}

.artisan-stat-box .stat-caption {
	font-size: 10.5px;
	font-weight: 700;
	color: #8C6A43;
	text-transform: uppercase;
	letter-spacing: 0.6px;
	margin-top: 4px;
}

/* Editorial Quote Card */
.artisan-quote-card {
	background: linear-gradient(135deg, #FAF3E6 0%, #F6EBDA 100%);
	border: 1px solid #EBDCC6;
	border-left: 4px solid #820913;
	border-radius: 0 16px 16px 0;
	padding: 16px 20px;
	position: relative;
}

.artisan-quote-body {
	font-size: 13.5px;
	line-height: 1.6;
	color: #3C2712;
}

.quote-symbol {
	font-family: 'Playfair Display', Georgia, serif;
	font-size: 40px;
	color: #C09645;
	opacity: 0.35;
	position: absolute;
	top: 4px;
	right: 14px;
	line-height: 1;
	pointer-events: none;
}

/* CTA Row */
.artisan-cta-row {
	display: flex;
	align-items: center;
	gap: 12px;
	flex-wrap: wrap;
	margin-top: 4px;
}

.btn-artisan-follow {
	background: #76181A;
	border: 1px solid #76181A;
	color: #FFF6E1;
	padding: 11px 24px;
	border-radius: 50px;
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	font-weight: 600;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	transition: all 0.3s ease;
	box-shadow: 0 4px 14px rgba(118, 24, 26, 0.22);
}

.btn-artisan-follow:hover {
	background: #5E0D10;
	border-color: #5E0D10;
	color: #FFFFFF;
	transform: translateY(-2px);
	box-shadow: 0 6px 18px rgba(118, 24, 26, 0.3);
}

.btn-artisan-follow.is-following {
	background: #FAF1E2;
	border-color: #76181A;
	color: #76181A;
}

.btn-artisan-follow.is-following .follow-icon {
	fill: #76181A;
}

.btn-artisan-social {
	background: #FFFFFF;
	border: 1.5px solid #E5D5C1;
	color: #76181A;
	padding: 11px 22px;
	border-radius: 50px;
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	font-weight: 600;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	transition: all 0.3s ease;
}

.btn-artisan-social:hover {
	background: #76181A;
	border-color: #76181A;
	color: #FFF6E1;
	transform: translateY(-2px);
	box-shadow: 0 6px 18px rgba(118, 24, 26, 0.15);
}

.btn-artisan-shop {
	background: linear-gradient(180deg, #E6D296 0%, #C09645 100%);
	border: 1px solid #E6D296;
	color: #FFFFFF;
	padding: 11px 22px;
	border-radius: 50px;
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	font-weight: 700;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	transition: all 0.3s ease;
	box-shadow: 0 4px 14px rgba(192, 150, 69, 0.28);
}

.btn-artisan-shop:hover {
	background: linear-gradient(180deg, #EEDCA4 0%, #D4A853 100%);
	color: #FFFFFF;
	transform: translateY(-2px);
	box-shadow: 0 6px 18px rgba(192, 150, 69, 0.4);
}

.btn-artisan-share {
	width: 44px;
	height: 44px;
	border-radius: 50%;
	border: 1.5px solid #E5D5C1;
	background: #FFFFFF;
	color: #76181A;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	transition: all 0.3s ease;
	cursor: pointer;
}

.btn-artisan-share:hover {
	background: #FAF2E3;
	border-color: #C09645;
	color: #76181A;
	transform: translateY(-2px);
}

/* =Artisan Profile & History Section
========================================================================================*/
.artisan-history-section {
	background: linear-gradient(180deg, #FAF4E8 0%, #FFFDF9 50%, #FAF6EE 100%);
	position: relative;
	overflow: hidden;
	border-top: 1px solid #F0E3D0;
	border-bottom: 1px solid #F0E3D0;
}

.artisan-history-container {
	position: relative;
	z-index: 2;
}

/* Main Content Card */
.artisan-history-content-card {
	background: #FFFFFF;
	border: 1px solid #EDE0CE;
	border-radius: 20px;
	padding: 40px 45px;
	box-shadow: 0 8px 30px rgba(88, 34, 6, 0.05);
	position: relative;
}

/* Story Chapters */
.artisan-story-chapter {
	position: relative;
	margin-bottom: 36px;
	padding-bottom: 32px;
	border-bottom: 1px dashed #EADECE;
}

.artisan-story-chapter:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}

.chapter-badge {
	display: inline-block;
	background: #FAF0E1;
	border: 1px solid #E6D0B4;
	color: #76181A;
	font-size: 11.5px;
	font-weight: 700;
	letter-spacing: 0.8px;
	text-transform: uppercase;
	padding: 3px 12px;
	border-radius: 20px;
	margin-bottom: 12px;
}

.chapter-title {
	font-family: 'Playfair Display', Georgia, serif;
	font-size: 24px;
	font-weight: 700;
	color: #582206;
	line-height: 1.3;
	margin-bottom: 14px;
}

.story-lead-text {
	font-size: 17px;
	font-weight: 500;
	color: #3C2712;
	line-height: 1.75;
	margin-bottom: 14px;
}

.artisan-story-chapter p {
	font-family: 'Montserrat', sans-serif;
	font-size: 15.5px;
	line-height: 1.8;
	color: #4A3525;
	margin-bottom: 14px;
}

.artisan-story-chapter p:last-child {
	margin-bottom: 0;
}

.artisan-story-chapter strong {
	color: #582206;
	font-weight: 700;
}

.artisan-story-chapter em {
	color: #76181A;
	font-style: italic;
}

/* Sidebar Components */
.artisan-history-sidebar {
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.artisan-sidebar-card {
	background: #FFFFFF;
	border: 1px solid #EDE0CE;
	border-radius: 18px;
	overflow: hidden;
	box-shadow: 0 6px 24px rgba(88, 34, 6, 0.04);
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.artisan-sidebar-card:hover {
	transform: translateY(-3px);
	box-shadow: 0 10px 28px rgba(88, 34, 6, 0.08);
}

.sidebar-card-header {
	background: linear-gradient(135deg, #FAF2E3 0%, #F5E7D2 100%);
	padding: 16px 20px;
	display: flex;
	align-items: center;
	gap: 10px;
	border-bottom: 1px solid #EADCC7;
}

.sidebar-header-icon {
	width: 32px;
	height: 32px;
	border-radius: 8px;
	background: #76181A;
	color: #FFF6E1;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.sidebar-card-title {
	font-family: 'Playfair Display', Georgia, serif;
	font-size: 18px;
	font-weight: 700;
	color: #582206;
	margin: 0;
}

.sidebar-card-body {
	padding: 20px;
}

/* Heritage Facts List */
.artisan-facts-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.artisan-facts-list li {
	display: flex;
	flex-direction: column;
	gap: 3px;
	padding: 10px 0;
	border-bottom: 1px solid #F3EAE0;
}

.artisan-facts-list li:first-child {
	padding-top: 0;
}

.artisan-facts-list li:last-child {
	padding-bottom: 0;
	border-bottom: none;
}

.fact-label {
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.6px;
	color: #8C6A43;
}

.fact-value {
	font-size: 14px;
	font-weight: 600;
	color: #3C2712;
	line-height: 1.4;
}

/* Timeline */
.artisan-timeline {
	position: relative;
	padding-left: 20px;
}

.artisan-timeline::before {
	content: "";
	position: absolute;
	top: 6px;
	bottom: 6px;
	left: 5px;
	width: 2px;
	background: #E8CCA6;
}

.timeline-step {
	position: relative;
	padding-bottom: 18px;
}

.timeline-step:last-child {
	padding-bottom: 0;
}

.timeline-dot {
	position: absolute;
	left: -20px;
	top: 4px;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: #76181A;
	border: 2px solid #FFF8EE;
	box-shadow: 0 0 0 2px #E8CCA6;
}

.timeline-year {
	font-family: 'Playfair Display', Georgia, serif;
	font-size: 16px;
	font-weight: 700;
	color: #76181A;
	line-height: 1.2;
	margin-bottom: 2px;
}

.timeline-desc {
	font-size: 13px;
	color: #503A24;
	line-height: 1.5;
}

.timeline-desc em {
	color: #76181A;
	font-style: italic;
}

/* Philosophy Callout */
.artisan-philosophy-card {
	background: linear-gradient(135deg, #76181A 0%, #580E10 100%);
	border-radius: 18px;
	padding: 24px 22px;
	color: #FFF6E1;
	box-shadow: 0 8px 24px rgba(118, 24, 26, 0.2);
	position: relative;
	overflow: hidden;
}

.artisan-philosophy-card::before {
	content: "";
	position: absolute;
	top: -20px;
	right: -20px;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	background: rgba(192, 150, 69, 0.15);
	pointer-events: none;
}

.philosophy-icon {
	color: #E6D296;
	margin-bottom: 10px;
}

.philosophy-title {
	font-family: 'Playfair Display', Georgia, serif;
	font-size: 18px;
	font-weight: 700;
	color: #FFF6E1;
	margin-bottom: 8px;
}

.philosophy-text {
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	line-height: 1.65;
	color: #F8EFE0;
	font-style: italic;
	margin-bottom: 12px;
}

.philosophy-author {
	display: block;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.5px;
	color: #E6D296;
	text-transform: uppercase;
}

/* =Curated Works Section
========================================================================================*/
.curated-works-section {
	background: #FFFDF9;
	position: relative;
	overflow: hidden;
}

.curated-slider-container {
	position: relative;
	margin-bottom: 2.75rem;
}

.curated-works-track {
	display: flex;
	gap: 24px;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scroll-behavior: smooth;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
	padding: 10px 4px 20px 4px;
}

.curated-works-track::-webkit-scrollbar {
	display: none;
}

.curated-product-card {
	flex: 0 0 calc(33.333% - 16px);
	min-width: 290px;
	scroll-snap-align: start;
	transition: transform 0.35s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.35s ease, border-color 0.35s ease;
}

.curated-card-inner {
	background: #FFFFFF;
	border: 1px solid #EFE4D2;
	border-radius: 18px;
	overflow: hidden;
	height: 100%;
	display: flex;
	flex-direction: column;
	box-shadow: 0 4px 18px rgba(80, 50, 20, 0.05);
	transition: all 0.35s ease;
}

.curated-product-card:hover .curated-card-inner {
	border-color: #D6B98D;
	box-shadow: 0 16px 36px rgba(80, 50, 20, 0.12);
	transform: translateY(-6px);
}

.curated-img-wrap {
	position: relative;
	aspect-ratio: 1 / 1;
	overflow: hidden;
	background: #FAF3E5;
}

.curated-img-wrap a {
	display: block;
	width: 100%;
	height: 100%;
}

.curated-product-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}

.curated-product-card:hover .curated-product-img {
	transform: scale(1.06);
}

.curated-badge {
	position: absolute;
	top: 12px;
	left: 12px;
	background: rgba(255, 255, 255, 0.94);
	backdrop-filter: blur(6px);
	-webkit-backdrop-filter: blur(6px);
	color: #820913;
	font-size: 11px;
	font-weight: 700;
	padding: 4px 10px;
	border-radius: 20px;
	border: 1px solid #EADBCC;
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.06);
	z-index: 2;
	pointer-events: none;
}

.btn-wishlist-toggle {
	position: absolute;
	top: 12px;
	right: 12px;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.94);
	backdrop-filter: blur(6px);
	-webkit-backdrop-filter: blur(6px);
	border: 1px solid #EADBCC;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #763819;
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.06);
	transition: all 0.25s ease;
	z-index: 2;
	cursor: pointer;
	padding: 0;
}

.btn-wishlist-toggle:hover,
.btn-wishlist-toggle.is-active {
	background: #820913;
	border-color: #820913;
	color: #FFFFFF;
	transform: scale(1.1);
}

.btn-wishlist-toggle.is-active svg {
	fill: #FFFFFF;
}

.curated-content {
	padding: 18px 18px 20px;
	display: flex;
	flex-direction: column;
	flex-grow: 1;
}

.curated-maker-tag {
	font-size: 11px;
	font-weight: 700;
	color: #9E6F34;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	margin-bottom: 6px;
}

.curated-title {
	font-family: 'Playfair Display', Georgia, serif;
	font-size: 17px;
	font-weight: 700;
	color: #2D1A0D;
	line-height: 1.35;
	margin-bottom: 6px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	min-height: 46px;
}

.curated-title a {
	color: inherit;
	text-decoration: none;
	transition: color 0.2s ease;
}

.curated-title a:hover {
	color: #820913;
}

.curated-craft-sub {
	font-size: 12.5px;
	color: #7B6858;
	line-height: 1.4;
	margin-bottom: 14px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.curated-bottom-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: auto;
	padding-top: 14px;
	border-top: 1px dashed #EEDFCB;
}

.curated-price-wrap {
	display: flex;
	align-items: baseline;
	gap: 6px;
}

.curated-price {
	font-family: 'Montserrat', Arial, sans-serif;
	font-size: 19px;
	font-weight: 800;
	color: #820913;
}

.curated-old-price {
	font-size: 13px;
	color: #A89584;
	text-decoration: line-through;
}

.btn-curated-cart {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: #FAF3E5;
	border: 1px solid #E2D3BE;
	color: #582206;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);
	cursor: pointer;
	padding: 0;
	flex-shrink: 0;
}

.btn-curated-cart:hover,
.btn-curated-cart.is-added {
	background: linear-gradient(180deg, #820913 0%, #70020B 100%);
	color: #FFFFFF;
	border-color: transparent;
	transform: scale(1.1);
	box-shadow: 0 4px 14px rgba(130, 9, 19, 0.35);
}

/* Slider Arrow Buttons */
.curated-slider-arrow {
	position: absolute;
	top: 42%;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background: #FFFFFF;
	border: 1.5px solid #E2D3BE;
	color: #582206;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 6px 20px rgba(80, 50, 20, 0.12);
	cursor: pointer;
	z-index: 10;
	transition: all 0.3s ease;
	padding: 0;
}

.curated-slider-arrow.curated-prev {
	left: -20px;
}

.curated-slider-arrow.curated-next {
	right: -20px;
}

.curated-slider-arrow:hover {
	background: #820913;
	border-color: #820913;
	color: #FFFFFF;
	transform: scale(1.1);
	box-shadow: 0 8px 24px rgba(130, 9, 19, 0.3);
}

.btn-curated-all {
	padding: 13px 36px;
	font-size: 15px;
	font-weight: 700;
	border-radius: 36px;
	box-shadow: 0 6px 20px rgba(130, 9, 19, 0.25);
	gap: 10px;
}

/* =Product List & Catalog Styles
========================================================================================*/
.product-list-hero-banner {
	background: linear-gradient(180deg, #3A1303 0%, #582206 50%, #76181A 100%);
	position: relative;
	padding: 55px 0 45px;
	overflow: hidden;
	color: #FFF6E1;
}

.product-list-hero-banner::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-image: url('../images/marquee-top-pattern.png'), url('../images/marquee-bottom-pattern.png');
	background-position: top center, bottom center;
	background-repeat: repeat-x;
	opacity: 0.25;
	pointer-events: none;
}

.product-list-hero-banner .container {
	position: relative;
	z-index: 2;
}

.product-list-breadcrumb {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background: rgba(0, 0, 0, 0.22);
	border: 1px solid rgba(254, 239, 206, 0.2);
	padding: 6px 16px;
	border-radius: 30px;
	font-size: 13px;
	font-weight: 500;
	margin-bottom: 18px;
}

.product-list-breadcrumb a {
	color: #FEEFCE;
	text-decoration: none;
	transition: color 0.2s ease;
}

.product-list-breadcrumb a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

.product-list-breadcrumb .separator {
	color: rgba(254, 239, 206, 0.5);
}

.product-list-breadcrumb .current {
	color: #E6D296;
	font-weight: 600;
}

.product-list-hero-title {
	font-family: 'Playfair Display', Georgia, serif;
	font-size: 44px;
	font-weight: 700;
	color: #FFF6E1;
	line-height: 1.2;
	margin-bottom: 12px;
	text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}

.product-list-hero-desc {
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	color: #F8EFE0;
	max-width: 720px;
	margin: 0 auto 28px;
	line-height: 1.6;
}

/* Category Quick Filter Pills Bar */
.category-pills-bar-wrapper {
	overflow-x: auto;
	scrollbar-width: none;
	-webkit-overflow-scrolling: touch;
	padding: 6px 0 10px;
}

.category-pills-bar-wrapper::-webkit-scrollbar {
	display: none;
}

.category-pills-list {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	white-space: nowrap;
}

.category-pill-btn {
	background: rgba(255, 255, 255, 0.12);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	border: 1px solid rgba(254, 239, 206, 0.3);
	color: #FFF6E1;
	padding: 8px 18px;
	border-radius: 30px;
	font-size: 13.5px;
	font-weight: 600;
	display: inline-flex;
	align-items: center;
	gap: 7px;
	transition: all 0.25s ease;
	cursor: pointer;
	text-decoration: none;
}

.category-pill-btn:hover {
	background: rgba(255, 255, 255, 0.22);
	border-color: #E6D296;
	color: #FFFFFF;
	transform: translateY(-2px);
}

.category-pill-btn.active {
	background: linear-gradient(135deg, #E6D296 0%, #C09645 100%);
	border-color: #E6D296;
	color: #3A1303;
	font-weight: 700;
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25);
}

.category-pill-btn .count-badge {
	background: rgba(0, 0, 0, 0.2);
	padding: 2px 7px;
	border-radius: 12px;
	font-size: 11px;
}

.category-pill-btn.active .count-badge {
	background: rgba(58, 19, 3, 0.2);
	color: #3A1303;
}

/* =Main Catalog Listing Section */
.product-catalog-section {
	background: #FAF6EE;
	padding: 45px 0 75px;
	min-height: 800px;
}

/* Filter Sidebar */
.catalog-sidebar {
	background: #FFFFFF;
	border: 1px solid #EDE0CE;
	border-radius: 20px;
	padding: 24px 22px;
	box-shadow: 0 6px 24px rgba(88, 34, 6, 0.04);
	position: sticky;
	top: 100px;
}

.sidebar-heading-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-bottom: 16px;
	border-bottom: 1.5px solid #F0E2D0;
	margin-bottom: 20px;
}

.sidebar-heading-title {
	font-family: 'Playfair Display', Georgia, serif;
	font-size: 20px;
	font-weight: 700;
	color: #582206;
	margin: 0;
	display: flex;
	align-items: center;
	gap: 8px;
}

.btn-clear-filters {
	background: none;
	border: none;
	color: #76181A;
	font-size: 12.5px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	padding: 0;
	cursor: pointer;
	text-decoration: underline;
	transition: color 0.2s ease;
}

.btn-clear-filters:hover {
	color: #582206;
}

/* Sidebar Search */
.sidebar-search-box {
	position: relative;
	margin-bottom: 22px;
}

.sidebar-search-input {
	width: 100%;
	background: #FAF4E8;
	border: 1px solid #E5D5C1;
	border-radius: 30px;
	padding: 9px 38px 9px 16px;
	font-size: 13.5px;
	color: #4A3525;
	outline: none;
	transition: all 0.25s ease;
}

.sidebar-search-input:focus {
	background: #FFFFFF;
	border-color: #C09645;
	box-shadow: 0 0 0 3px rgba(192, 150, 69, 0.15);
}

.sidebar-search-icon {
	position: absolute;
	right: 14px;
	top: 50%;
	transform: translateY(-50%);
	color: #8C6A43;
	pointer-events: none;
}

/* Filter Groups */
.filter-accordion-group {
	margin-bottom: 20px;
	padding-bottom: 18px;
	border-bottom: 1px dashed #EADDCC;
}

.filter-accordion-group:last-child {
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}

.filter-group-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	font-weight: 700;
	color: #582206;
	cursor: pointer;
	padding: 4px 0;
	user-select: none;
}

.filter-group-header svg {
	transition: transform 0.25s ease;
	color: #8C6A43;
}

.filter-group-header.collapsed svg {
	transform: rotate(-90deg);
}

.filter-group-body {
	margin-top: 12px;
}

.filter-options-list {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: 10px;
	max-height: 220px;
	overflow-y: auto;
	scrollbar-width: thin;
	scrollbar-color: #E2D3BE transparent;
}

.filter-options-list::-webkit-scrollbar {
	width: 4px;
}

.filter-options-list::-webkit-scrollbar-thumb {
	background: #E2D3BE;
	border-radius: 4px;
}

.custom-filter-label {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 13.5px;
	color: #503A24;
	cursor: pointer;
	margin: 0;
	transition: color 0.2s ease;
}

.custom-filter-label:hover {
	color: #76181A;
}

.custom-filter-checkbox {
	display: flex;
	align-items: center;
	gap: 9px;
}

.custom-filter-checkbox input[type="checkbox"] {
	appearance: none;
	-webkit-appearance: none;
	width: 17px;
	height: 17px;
	border: 1.5px solid #C7B59E;
	border-radius: 4px;
	background: #FFFFFF;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	position: relative;
	transition: all 0.2s ease;
	flex-shrink: 0;
}

.custom-filter-checkbox input[type="checkbox"]:checked {
	background: #76181A;
	border-color: #76181A;
}

.custom-filter-checkbox input[type="checkbox"]:checked::after {
	content: "";
	width: 5px;
	height: 9px;
	border: solid #FFF6E1;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
	position: absolute;
	top: 1px;
}

.filter-opt-count {
	font-size: 11px;
	font-weight: 600;
	color: #8C6A43;
	background: #F8F1E5;
	padding: 2px 7px;
	border-radius: 10px;
}

/* Price Range Slider */
.price-inputs-row {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-top: 10px;
}

.price-input-box {
	flex: 1;
	position: relative;
}

.price-input-box span {
	position: absolute;
	left: 10px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 12.5px;
	font-weight: 600;
	color: #8C6A43;
}

.price-input-field {
	width: 100%;
	background: #FAF4E8;
	border: 1px solid #E5D5C1;
	border-radius: 8px;
	padding: 6px 8px 6px 24px;
	font-size: 13px;
	font-weight: 600;
	color: #4A3525;
	outline: none;
}

.price-slider-range {
	width: 100%;
	accent-color: #76181A;
	margin-top: 12px;
	cursor: pointer;
}

/* Provenance Badges in Filter */
.filter-provenance-pill {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	background: #FAF2E3;
	border: 1px solid #E6D4BE;
	padding: 6px 12px;
	border-radius: 20px;
	font-size: 12px;
	font-weight: 600;
	color: #76181A;
	cursor: pointer;
	margin-bottom: 6px;
	margin-right: 4px;
	transition: all 0.2s ease;
}

.filter-provenance-pill:hover,
.filter-provenance-pill.active {
	background: #76181A;
	border-color: #76181A;
	color: #FFF6E1;
}

/* Apply & Reset Buttons in Sidebar */
.sidebar-action-btns {
	display: flex;
	gap: 10px;
	margin-top: 24px;
	padding-top: 16px;
	border-top: 1px solid #F0E2D0;
}

.btn-sidebar-apply {
	flex: 1;
	background: #76181A;
	border: 1px solid #76181A;
	color: #FFF6E1;
	padding: 9px 16px;
	border-radius: 30px;
	font-size: 13px;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.25s ease;
}

.btn-sidebar-apply:hover {
	background: #5E0D10;
	border-color: #5E0D10;
	color: #FFFFFF;
}

.btn-sidebar-reset {
	background: #FAF2E3;
	border: 1px solid #E5D5C1;
	color: #582206;
	padding: 9px 16px;
	border-radius: 30px;
	font-size: 13px;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.25s ease;
}

.btn-sidebar-reset:hover {
	background: #EFE4D2;
}

/* =Catalog Content Toolbar */
.catalog-toolbar-card {
	background: #FFFFFF;
	border: 1px solid #EDE0CE;
	border-radius: 16px;
	padding: 14px 20px;
	margin-bottom: 24px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 14px;
	box-shadow: 0 4px 16px rgba(88, 34, 6, 0.03);
}

.catalog-toolbar-info-row {
	display: flex;
	align-items: center;
}

.catalog-results-count {
	font-size: 14px;
	font-weight: 600;
	color: #582206;
}

.catalog-results-count strong {
	color: #76181A;
}

.catalog-toolbar-controls {
	display: flex;
	align-items: center;
	gap: 14px;
	flex-wrap: wrap;
}

/* Sort Select */
.catalog-sort-wrapper {
	display: flex;
	align-items: center;
	gap: 8px;
}

.catalog-sort-label {
	font-size: 13px;
	font-weight: 600;
	color: #8C6A43;
	white-space: nowrap;
	margin: 0;
}

.catalog-sort-select {
	background: #FAF4E8 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2376181A' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") no-repeat right 12px center;
	border: 1px solid #E5D5C1;
	border-radius: 30px;
	padding: 7px 32px 7px 14px;
	font-size: 13px;
	font-weight: 600;
	color: #4A3525;
	outline: none;
	cursor: pointer;
	appearance: none;
	-webkit-appearance: none;
	transition: all 0.2s ease;
}

.catalog-sort-select:focus {
	border-color: #C09645;
	box-shadow: 0 0 0 2px rgba(192, 150, 69, 0.2);
}

/* View Switcher */
.catalog-view-switcher {
	display: flex;
	align-items: center;
	background: #FAF4E8;
	border: 1.5px solid #E5D5C1;
	border-radius: 30px;
	padding: 3px;
	gap: 3px;
	box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.04);
}

.btn-view-mode {
	width: 34px;
	height: 34px;
	border-radius: 50%;
	border: none;
	background: transparent;
	color: #8C6A43;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: all 0.25s cubic-bezier(0.2, 0.8, 0.2, 1);
	padding: 0;
	position: relative;
}

.btn-view-mode:hover {
	color: #76181A;
	background: rgba(118, 24, 26, 0.08);
	transform: scale(1.06);
}

.btn-view-mode.active {
	background: #76181A;
	color: #FFF6E1;
	box-shadow: 0 3px 10px rgba(118, 24, 26, 0.35);
	transform: scale(1.04);
}

/* Mobile Filter Drawer Trigger */
.btn-mobile-filter-toggle {
	display: none;
	background: #76181A;
	border: 1px solid #76181A;
	color: #FFF6E1;
	padding: 8px 16px;
	border-radius: 30px;
	font-size: 13px;
	font-weight: 700;
	align-items: center;
	justify-content: center;
	gap: 6px;
	cursor: pointer;
	transition: all 0.2s ease;
	box-shadow: 0 3px 10px rgba(118, 24, 26, 0.2);
}

.btn-mobile-filter-toggle:active {
	transform: scale(0.97);
}

.mobile-filter-badge {
	background: #C09645;
	color: #3A1303;
	font-size: 10.5px;
	font-weight: 800;
	padding: 1px 6px;
	border-radius: 12px;
	line-height: 1.2;
}

/* Active Filter Chips */
.active-filters-chips-bar {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 20px;
}

.active-filter-chip {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	background: #FFFFFF;
	border: 1px solid #E5D5C1;
	padding: 4px 12px;
	border-radius: 20px;
	font-size: 12px;
	font-weight: 600;
	color: #582206;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.03);
}

.active-filter-chip .chip-remove-btn {
	background: none;
	border: none;
	color: #76181A;
	font-size: 14px;
	line-height: 1;
	cursor: pointer;
	padding: 0;
	display: flex;
	align-items: center;
}

.active-filter-chip .chip-remove-btn:hover {
	color: #B21F24;
}

/* =Product Cards Grid & Animated View Transitions */
.product-cards-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 22px;
	margin-bottom: 35px;
	transition: opacity 0.2s cubic-bezier(0.25, 1, 0.5, 1), transform 0.2s cubic-bezier(0.25, 1, 0.5, 1);
	will-change: opacity, transform;
}

.product-cards-grid.is-animating-view {
	opacity: 0.15;
	transform: translateY(6px) scale(0.988);
	pointer-events: none;
}

.product-cards-grid.view-animating .product-grid-card {
	animation: kkdCardEntrance 0.44s cubic-bezier(0.2, 0.8, 0.2, 1) both;
	animation-delay: calc(var(--card-index, 0) * 0.03s);
}

@keyframes kkdCardEntrance {
	0% {
		opacity: 0;
		transform: translateY(18px) scale(0.96);
	}

	100% {
		opacity: 1;
		transform: translateY(0) scale(1);
	}
}

.product-cards-grid.view-4-col {
	grid-template-columns: repeat(4, 1fr);
}

.product-grid-card {
	background: #FFFFFF;
	border: 1px solid #EDE0CE;
	border-radius: 18px;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	box-shadow: 0 4px 16px rgba(80, 50, 20, 0.04);
	transition: transform 0.35s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.35s ease, border-color 0.35s ease, opacity 0.3s ease;
	position: relative;
	will-change: transform, opacity;
}

.product-grid-card:hover {
	transform: translateY(-6px);
	border-color: #D6B98D;
	box-shadow: 0 16px 36px rgba(80, 50, 20, 0.12);
}

/* Product Card Media Wrap */
.product-card-media {
	position: relative;
	width: 100%;
	aspect-ratio: 1 / 1;
	overflow: hidden;
	background: #FAF3E5;
	transition: flex 0.38s cubic-bezier(0.25, 1, 0.5, 1), max-width 0.38s cubic-bezier(0.25, 1, 0.5, 1), width 0.38s cubic-bezier(0.25, 1, 0.5, 1), min-height 0.38s ease, aspect-ratio 0.38s ease;
}

.product-cards-grid:not(.view-list) .product-card-media {
	width: 100%;
	max-width: 100%;
	flex: 0 0 auto;
	aspect-ratio: 1 / 1;
}

.product-card-media a {
	display: block;
	width: 100%;
	height: 100%;
}

.product-card-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}

.product-grid-card:hover .product-card-img {
	transform: scale(1.06);
}

.product-craft-badge {
	position: absolute;
	top: 12px;
	left: 12px;
	background: rgba(255, 255, 255, 0.95);
	backdrop-filter: blur(6px);
	-webkit-backdrop-filter: blur(6px);
	color: #820913;
	font-size: 11px;
	font-weight: 700;
	padding: 4px 10px;
	border-radius: 20px;
	border: 1px solid #EADBCC;
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.06);
	z-index: 2;
	pointer-events: none;
}

.product-card-wishlist {
	position: absolute;
	top: 12px;
	right: 12px;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.95);
	backdrop-filter: blur(6px);
	-webkit-backdrop-filter: blur(6px);
	border: 1px solid #EADBCC;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #763819;
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.06);
	transition: all 0.25s ease;
	z-index: 2;
	cursor: pointer;
	padding: 0;
}

.product-card-wishlist:hover,
.product-card-wishlist.is-active {
	background: #820913;
	border-color: #820913;
	color: #FFFFFF;
	transform: scale(1.1);
}

.product-card-wishlist.is-active svg {
	fill: #FFFFFF;
}

/* Product Card Details */
.product-card-body {
	padding: 18px 18px 20px;
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	transition: padding 0.35s ease;
}

.product-maker-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 6px;
	margin-bottom: 6px;
}

.product-maker-tag {
	font-size: 11px;
	font-weight: 700;
	color: #9E6F34;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	text-decoration: none;
	transition: color 0.2s ease;
}

.product-maker-tag:hover {
	color: #76181A;
	text-decoration: underline;
}

.product-rating-snippet {
	display: inline-flex;
	align-items: center;
	gap: 3px;
	font-size: 11.5px;
	font-weight: 700;
	color: #C09645;
}

.product-title {
	font-family: 'Playfair Display', Georgia, serif;
	font-size: 16.5px;
	font-weight: 700;
	color: #2D1A0D;
	line-height: 1.35;
	margin-bottom: 5px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	min-height: 44px;
	transition: font-size 0.3s ease, min-height 0.3s ease, margin 0.3s ease;
}

.product-title a {
	color: inherit;
	text-decoration: none;
	transition: color 0.2s ease;
}

.product-title a:hover {
	color: #820913;
}

.product-craft-sub {
	font-size: 12.5px;
	color: #7B6858;
	line-height: 1.4;
	margin-bottom: 12px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* Description Excerpt for List View */
.product-desc-excerpt {
	font-size: 13.5px;
	line-height: 1.6;
	color: #503A24;
	margin-bottom: 0;
	max-height: 0;
	opacity: 0;
	overflow: hidden;
	pointer-events: none;
	transition: max-height 0.4s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.35s ease, margin-bottom 0.35s ease;
}

.product-bottom-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: auto;
	padding-top: 12px;
	border-top: 1px dashed #EEDFCB;
}

.product-price-box {
	display: flex;
	flex-direction: column;
}

.price-main-wrap {
	display: flex;
	align-items: baseline;
	gap: 6px;
}

.product-price {
	font-family: 'Montserrat', sans-serif;
	font-size: 18px;
	font-weight: 800;
	color: #820913;
}

.product-old-price {
	font-size: 12.5px;
	color: #A89584;
	text-decoration: line-through;
}

.product-discount-tag {
	font-size: 10px;
	font-weight: 700;
	color: #0E8A42;
	background: #EAF7EE;
	padding: 1px 5px;
	border-radius: 4px;
	display: inline-block;
	width: fit-content;
	margin-top: 2px;
}

.product-cart-btn {
    width: auto !important;
    min-width: 68px;
    height: 36px;
    padding: 0 14px !important;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;

    border: 0;
    border-radius: 8px;

    background: #6f1b1d;
    color: #fff;

    font-size: 12px;
    font-weight: 700;
    line-height: 1;

    white-space: nowrap;
    box-shadow: none;
    transition: all .2s ease;
}
.product-cart-btn:hover {
    background: #571416;
    color: #fff;
    transform: translateY(-1px);
}

.product-cart-btn svg {
    display: none;
}

.product-cart-btn span {
    font-size: 12px;
    font-weight: 700;
}
.product-cart-btn:hover,
.product-cart-btn.is-added {
	background: linear-gradient(180deg, #820913 0%, #70020B 100%);
	color: #FFFFFF;
	border-color: transparent;
	transform: scale(1.1);
	box-shadow: 0 4px 14px rgba(130, 9, 19, 0.35);
}

/* =List View Mode Styles */
.product-cards-grid.view-list {
	grid-template-columns: 1fr;
	gap: 18px;
}

.product-cards-grid.view-list .product-grid-card {
	flex-direction: row;
	align-items: stretch;
}

.product-cards-grid.view-list .product-card-media {
	flex: 0 0 280px;
	width: 280px;
	max-width: 280px;
	aspect-ratio: auto;
	height: auto;
	min-height: 220px;
}

.product-cards-grid.view-list .product-card-body {
	padding: 22px 24px;
	flex: 1;
}

.product-cards-grid.view-list .product-title {
	font-size: 19px;
	min-height: auto;
	margin-bottom: 8px;
}

.product-cards-grid.view-list .product-desc-excerpt {
	max-height: 90px;
	opacity: 1;
	margin-bottom: 14px;
	pointer-events: auto;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

/* =Catalog Pagination */
.catalog-pagination-wrap {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 16px;
	padding-top: 20px;
	border-top: 1px solid #EFE4D2;
}

.pagination-progress-info {
	font-size: 13.5px;
	color: #7B6858;
	font-weight: 500;
}

.catalog-pagination-nav {
	display: flex;
	align-items: center;
	gap: 6px;
	list-style: none;
	padding: 0;
	margin: 0;
}

.catalog-pagination-nav li a,
.catalog-pagination-nav li span {
	width: 38px;
	height: 38px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #FFFFFF;
	border: 1px solid #E5D5C1;
	color: #582206;
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
	transition: all 0.2s ease;
}

.catalog-pagination-nav li a:hover {
	background: #FAF2E3;
	border-color: #C09645;
	color: #76181A;
}

.catalog-pagination-nav li.active span {
	background: #76181A;
	border-color: #76181A;
	color: #FFF6E1;
	box-shadow: 0 4px 12px rgba(118, 24, 26, 0.25);
}

.catalog-pagination-nav li.disabled span {
	opacity: 0.45;
	cursor: not-allowed;
}

/* =Artisan Trust Bar */
.artisan-trust-bar-section {
	background: #FFFFFF;
	border-top: 1px solid #EDE0CE;
	border-bottom: 1px solid #EDE0CE;
	padding: 35px 0;
}

.trust-feature-box {
	display: flex;
	align-items: center;
	gap: 14px;
}

.trust-icon-wrap {
	width: 48px;
	height: 48px;
	border-radius: 12px;
	background: #FAF0E1;
	border: 1px solid #E8CCA6;
	color: #76181A;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.trust-title {
	font-family: 'Playfair Display', Georgia, serif;
	font-size: 16px;
	font-weight: 700;
	color: #582206;
	margin-bottom: 2px;
}

.trust-desc {
	font-size: 12.5px;
	color: #8C6A43;
	margin: 0;
	line-height: 1.4;
}

/* Interactive Feedback Toast */
.kkd-feedback-toast {
	position: fixed;
	bottom: 24px;
	right: 24px;
	background: #76181A;
	color: #FFF6E1;
	padding: 12px 20px;
	border-radius: 30px;
	box-shadow: 0 8px 28px rgba(0, 0, 0, 0.28);
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 13.5px;
	font-weight: 600;
	z-index: 9999;
	transform: translateY(100px);
	opacity: 0;
	visibility: hidden;
	transition: all 0.35s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.kkd-feedback-toast.show {
	transform: translateY(0);
	opacity: 1;
	visibility: visible;
}

/* ========================================================================================
   =Product Details Page Styles
   ======================================================================================== */
.product-detail-section {
	padding: 40px 0 70px;
	background: #FFFBF3;
}

/* Breadcrumbs in detail page */
.product-detail-breadcrumb {
	display: inline-flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
	font-size: 13px;
	color: #8C6A43;
	margin-bottom: 24px;
	padding: 8px 18px;
	background: #FAF3E6;
	border: 1px solid #EFE4D2;
	border-radius: 30px;
}

.product-detail-breadcrumb a {
	color: #632607;
	text-decoration: none;
	font-weight: 600;
	transition: color 0.2s ease;
}

.product-detail-breadcrumb a:hover {
	color: #76181A;
}

.product-detail-breadcrumb .separator {
	color: #C09645;
	font-size: 11px;
}

.product-detail-breadcrumb .current {
	color: #76181A;
	font-weight: 700;
	max-width: 280px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* Product Gallery (Left Column) */
.product-gallery-card {
	background: #FFFFFF;
	border: 1.5px solid #F0E4D2;
	border-radius: 20px;
	padding: 20px;
	box-shadow: 0 10px 32px rgba(88, 34, 6, 0.06);
	position: sticky;
	top: 90px;
}

.gallery-main-viewer {
	position: relative;
	width: 100%;
	aspect-ratio: 1 / 1;
	border-radius: 16px;
	overflow: hidden;
	background: #FAF5EB;
	border: 1px solid #EFE4D2;
	margin-bottom: 16px;
	cursor: crosshair;
}

.gallery-main-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.4s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.gallery-main-viewer:hover .gallery-main-img {
	transform: scale(1.08);
}

/* Floating Badges on Main Image */
.gallery-badge-top-left {
	position: absolute;
	top: 14px;
	left: 14px;
	display: flex;
	flex-direction: column;
	gap: 6px;
	z-index: 5;
}

.gallery-gi-badge {
	background: #76181A;
	color: #FFF6E1;
	font-size: 11px;
	font-weight: 700;
	padding: 4px 10px;
	border-radius: 20px;
	display: inline-flex;
	align-items: center;
	gap: 5px;
	box-shadow: 0 4px 12px rgba(118, 24, 26, 0.35);
	letter-spacing: 0.02em;
}

.gallery-craft-badge {
	background: #C09645;
	color: #3A1303;
	font-size: 10.5px;
	font-weight: 700;
	padding: 3px 9px;
	border-radius: 20px;
	display: inline-flex;
	align-items: center;
	box-shadow: 0 2px 8px rgba(192, 150, 69, 0.3);
}

.gallery-actions-top-right {
	position: absolute;
	top: 14px;
	right: 14px;
	display: flex;
	flex-direction: column;
	gap: 8px;
	z-index: 5;
}

.gallery-action-btn {
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.92);
	backdrop-filter: blur(6px);
	border: 1px solid #EBE0CF;
	color: #632607;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: all 0.25s ease;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.gallery-action-btn:hover {
	background: #76181A;
	color: #FFF6E1;
	border-color: #76181A;
	transform: scale(1.1);
}

.gallery-action-btn.is-active {
	background: #76181A;
	color: #FFF6E1;
	border-color: #76181A;
}

.gallery-action-btn.is-active svg {
	fill: #FFF6E1;
	stroke: #FFF6E1;
}

/* Gallery Thumbnails */
.gallery-thumbs-row {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 10px;
	margin-bottom: 20px;
}

.gallery-thumb-item {
	aspect-ratio: 1 / 1;
	border-radius: 10px;
	overflow: hidden;
	border: 2px solid transparent;
	background: #FAF5EB;
	cursor: pointer;
	transition: all 0.25s ease;
	position: relative;
	padding: 0;
}

.gallery-thumb-item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.gallery-thumb-item:hover {
	border-color: #C09645;
	transform: translateY(-2px);
}

.gallery-thumb-item.active {
	border-color: #76181A;
	box-shadow: 0 0 0 2px rgba(118, 24, 26, 0.2);
}

.gallery-thumb-item .thumb-video-icon {
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.45);
	display: flex;
	align-items: center;
	justify-content: center;
	color: #FFF6E1;
}

/* Artisan Provenance Card (Below Gallery) */
.gallery-artisan-provenance {
	background: #FAF3E6;
	border: 1px solid #EADBCA;
	border-radius: 14px;
	padding: 14px 16px;
	display: flex;
	align-items: center;
	gap: 14px;
}

.provenance-avatar {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	overflow: hidden;
	border: 2px solid #C09645;
	flex-shrink: 0;
}

.provenance-avatar img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.provenance-info {
	flex: 1;
}

.provenance-label {
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	color: #8C6A43;
	font-weight: 700;
	margin-bottom: 2px;
	display: flex;
	align-items: center;
	gap: 4px;
}

.provenance-artisan-name {
	font-size: 14px;
	font-weight: 700;
	color: #582206;
	margin-bottom: 2px;
	font-family: 'Playfair Display', Georgia, serif;
}

.provenance-text {
	font-size: 12px;
	color: #6C5542;
	margin: 0;
	line-height: 1.35;
}

/* Product Info (Right Column) */
.product-info-wrap {
	padding-left: 10px;
}

.product-artisan-lead {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 10px;
}

.artisan-lead-badge {
	background: #FAF0DF;
	border: 1px solid #E2CCA9;
	color: #76181A;
	font-size: 12px;
	font-weight: 700;
	padding: 4px 12px;
	border-radius: 20px;
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	transition: all 0.2s ease;
}

.artisan-lead-badge:hover {
	background: #76181A;
	color: #FFF6E1;
	border-color: #76181A;
}

.artisan-location-tag {
	font-size: 12.5px;
	color: #8C6A43;
	font-weight: 600;
}

.product-main-title {
	font-family: 'Playfair Display', Georgia, serif;
	font-size: 32px;
	font-weight: 800;
	color: #3A1303;
	line-height: 1.25;
	margin-bottom: 12px;
}

/* Ratings & GI Row */
.product-meta-rating-row {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 14px;
	padding-bottom: 18px;
	border-bottom: 1px solid #EFE4D2;
	margin-bottom: 18px;
}

.product-stars-wrap {
	display: flex;
	align-items: center;
	gap: 4px;
	color: #D39E45;
	font-size: 14px;
}

.product-review-count {
	font-size: 13px;
	color: #632607;
	font-weight: 600;
	text-decoration: underline;
	text-underline-offset: 3px;
}

.product-gi-verify-tag {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	font-size: 12px;
	font-weight: 700;
	color: #2D6A4F;
	background: #EAF4EE;
	border: 1px solid #B7E4C7;
	padding: 3px 10px;
	border-radius: 16px;
}

/* Price & Gandhian Impact Box */
.product-price-section {
	background: #FFFFFF;
	border: 1px solid #F0E4D2;
	border-radius: 16px;
	padding: 18px 20px;
	margin-bottom: 22px;
	box-shadow: 0 4px 18px rgba(88, 34, 6, 0.04);
}

.product-price-headline {
	display: flex;
	align-items: baseline;
	gap: 12px;
	flex-wrap: wrap;
	margin-bottom: 6px;
}

.product-current-price {
	font-size: 34px;
	font-weight: 800;
	color: #76181A;
	line-height: 1;
}

.product-original-price {
	font-size: 18px;
	color: #9C8570;
	text-decoration: line-through;
	font-weight: 500;
}

.product-save-pill {
	background: #E8F5E9;
	color: #2E7D32;
	font-size: 12px;
	font-weight: 800;
	padding: 3px 10px;
	border-radius: 20px;
	border: 1px solid #C8E6C9;
}

.product-tax-notice {
	font-size: 12px;
	color: #7B6858;
	margin-bottom: 12px;
}

/* Fair Wage Gandhian Impact Bar */
.product-fair-wage-notice {
	background: #FAF3E6;
	border-left: 4px solid #C09645;
	border-radius: 0 10px 10px 0;
	padding: 10px 14px;
	display: flex;
	align-items: flex-start;
	gap: 10px;
}

.fair-wage-icon {
	color: #C09645;
	flex-shrink: 0;
	margin-top: 2px;
}

.fair-wage-text {
	font-size: 12.5px;
	color: #582206;
	margin: 0;
	line-height: 1.4;
}

.fair-wage-text strong {
	color: #76181A;
}

/* Short Excerpt & Highlights */
.product-excerpt-text {
	font-size: 14px;
	color: #553E2A;
	line-height: 1.6;
	margin-bottom: 20px;
}

.product-craft-highlights-list {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 10px;
	margin-bottom: 24px;
}

.craft-highlight-item {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 12.5px;
	color: #582206;
	font-weight: 600;
	background: #FAF6EE;
	padding: 8px 12px;
	border-radius: 10px;
	border: 1px solid #EFE4D2;
}

.craft-highlight-item svg {
	color: #C09645;
	flex-shrink: 0;
}

/* Options / Variant Selector */
.product-variants-group {
	margin-bottom: 22px;
}

.variant-group-title {
	font-size: 13.5px;
	font-weight: 700;
	color: #3A1303;
	margin-bottom: 10px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.variant-group-title .selected-val {
	font-weight: 500;
	color: #76181A;
}

.size-pills-row {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.size-pill-btn {
	padding: 9px 16px;
	background: #FFFFFF;
	border: 1.5px solid #E2D2BC;
	border-radius: 10px;
	font-size: 13px;
	font-weight: 600;
	color: #582206;
	cursor: pointer;
	transition: all 0.2s ease;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.size-pill-btn .size-desc {
	font-size: 10.5px;
	color: #8C6A43;
	font-weight: 500;
}

.size-pill-btn:hover {
	border-color: #C09645;
	background: #FFFDF8;
}

.size-pill-btn.active {
	border-color: #76181A;
	background: #FAF0E1;
	color: #76181A;
	box-shadow: 0 3px 10px rgba(118, 24, 26, 0.12);
}

.size-pill-btn.active .size-desc {
	color: #76181A;
	font-weight: 600;
}

/* Colorway swatches */
.color-swatches-row {
	display: flex;
	align-items: center;
	gap: 12px;
}

.color-swatch-btn {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 6px 14px 6px 8px;
	background: #FFFFFF;
	border: 1.5px solid #E2D2BC;
	border-radius: 24px;
	font-size: 12.5px;
	font-weight: 600;
	color: #582206;
	cursor: pointer;
	transition: all 0.2s ease;
}

.color-dot {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	border: 1px solid rgba(0, 0, 0, 0.15);
	flex-shrink: 0;
}

.color-swatch-btn:hover {
	border-color: #C09645;
}

.color-swatch-btn.active {
	border-color: #76181A;
	background: #FAF0E1;
	color: #76181A;
}

/* Quantity & Action Buttons */
.product-purchase-action-wrap {
	display: flex;
	align-items: center;
	gap: 14px;
	margin-bottom: 22px;
	flex-wrap: wrap;
}

.quantity-stepper {
	display: inline-flex;
	align-items: center;
	background: #FFFFFF;
	border: 1.5px solid #E0CEB7;
	border-radius: 30px;
	height: 48px;
	padding: 0 4px;
}

.qty-btn {
	width: 38px;
	height: 38px;
	border-radius: 50%;
	background: transparent;
	border: none;
	color: #582206;
	font-size: 18px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: all 0.2s ease;
}

.qty-btn:hover {
	background: #FAF0E1;
	color: #76181A;
}

.qty-input {
	width: 44px;
	border: none;
	background: transparent;
	text-align: center;
	font-weight: 700;
	font-size: 15px;
	color: #3A1303;
	padding: 0;
}

.qty-input:focus {
	outline: none;
}

/* Add to Cart & Buy Buttons */
.btn-detail-add-cart {
	flex: 1;
	min-width: 170px;
	height: 48px;
	border-radius: 30px;
	background: #76181A;
	color: #FFF6E1;
	font-size: 14.5px;
	font-weight: 700;
	border: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	transition: all 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);
	box-shadow: 0 4px 16px rgba(118, 24, 26, 0.28);
	cursor: pointer;
}

.btn-detail-add-cart:hover {
	background: #5A1113;
	transform: translateY(-2px);
	box-shadow: 0 6px 20px rgba(118, 24, 26, 0.4);
	color: #FFFFFF;
}

.btn-detail-add-cart.is-added {
	background: #2D6A4F;
	box-shadow: 0 4px 16px rgba(45, 106, 79, 0.3);
}

.btn-detail-buy-now {
	flex: 1;
	min-width: 170px;
	height: 48px;
	border-radius: 30px;
	background: #C09645;
	color: #3A1303;
	font-size: 14.5px;
	font-weight: 700;
	border: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	transition: all 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);
	box-shadow: 0 4px 16px rgba(192, 150, 69, 0.28);
	cursor: pointer;
}

.btn-detail-buy-now:hover {
	background: #A87D2E;
	color: #1A0701;
	transform: translateY(-2px);
	box-shadow: 0 6px 20px rgba(192, 150, 69, 0.35);
}

.btn-detail-wishlist {
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background: #FFFFFF;
	border: 1.5px solid #E0CEB7;
	color: #76181A;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: all 0.25s ease;
	flex-shrink: 0;
}

.btn-detail-wishlist:hover {
	border-color: #76181A;
	background: #FAF0E1;
	transform: scale(1.08);
}

.btn-detail-wishlist.is-active {
	background: #76181A;
	color: #FFF6E1;
	border-color: #76181A;
}

.btn-detail-wishlist.is-active svg {
	fill: #FFF6E1;
}

/* Stock Urgency */
.stock-urgency-note {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 12px;
	font-weight: 600;
	color: #8C5310;
	margin-bottom: 20px;
}

.stock-dot {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #E65100;
	display: inline-block;
	animation: pulseStock 1.8s infinite;
}

@keyframes pulseStock {
	0% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(230, 81, 0, 0.7);
	}

	70% {
		transform: scale(1.1);
		box-shadow: 0 0 0 6px rgba(230, 81, 0, 0);
	}

	100% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(230, 81, 0, 0);
	}
}

/* Pincode & Delivery Checker Card */
.product-pincode-checker-box {
	background: #FFFFFF;
	border: 1px solid #EFE4D2;
	border-radius: 14px;
	padding: 16px 18px;
	margin-bottom: 22px;
}

.pincode-label-row {
	display: flex;
	align-items: center;
	gap: 6px;
	font-size: 13px;
	font-weight: 700;
	color: #3A1303;
	margin-bottom: 10px;
}

.pincode-input-group {
	display: flex;
	align-items: center;
	position: relative;
	background: #FAF6EE;
	border: 1.5px solid #E0CEB7;
	border-radius: 30px;
	padding: 3px 3px 3px 16px;
	transition: all 0.25s ease;
	margin-bottom: 8px;
}

.pincode-input-group:focus-within {
	border-color: #76181A;
	background: #FFFFFF;
	box-shadow: 0 0 0 3px rgba(118, 24, 26, 0.08);
}

.pincode-input {
	flex: 1;
	min-width: 0;
	height: 40px;
	border: none;
	background: transparent;
	padding: 0;
	font-size: 13.5px;
	font-weight: 600;
	color: #3A1303;
	outline: none;
}

.pincode-input::placeholder {
	color: #9C8570;
	font-weight: 500;
	font-size: 13px;
}

.btn-check-pincode {
	height: 40px;
	padding: 0 22px;
	border-radius: 22px;
	background: #76181A;
	color: #FFF6E1;
	border: none;
	font-size: 13px;
	font-weight: 700;
	cursor: pointer;
	transition: all 0.25s ease;
	flex-shrink: 0;
}

.btn-check-pincode:hover {
	background: #582206;
	color: #FFFFFF;
}

.pincode-delivery-result {
	font-size: 12.5px;
	color: #2D6A4F;
	font-weight: 600;
	display: none;
	align-items: center;
	gap: 6px;
	padding-top: 4px;
}

.pincode-delivery-result.show {
	display: flex;
}

/* Detail Trust Badges 4-Grid */
.product-detail-trust-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 12px;
}

.detail-trust-item {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	background: #FAF6EE;
	border: 1px solid #EDE0CE;
	border-radius: 12px;
	padding: 12px 14px;
}

.detail-trust-item svg {
	color: #76181A;
	flex-shrink: 0;
	margin-top: 2px;
}

.trust-item-title {
	font-size: 13px;
	font-weight: 700;
	color: #3A1303;
	margin-bottom: 2px;
}

.trust-item-desc {
	font-size: 11.5px;
	color: #7A634E;
	margin: 0;
	line-height: 1.35;
}

/* =Product Detail Tabs Section (Luxury Indian Heritage Aesthetics) */
.product-tabs-section {
	padding: 70px 0 85px;
	background: #FAF5EB;
	border-top: 1.5px solid #EFE4D2;
	position: relative;
}

.product-tabs-section::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 6px;
	background: linear-gradient(90deg, #76181A 0%, #C09645 50%, #76181A 100%);
	opacity: 0.85;
}

/* Creative Capsule Navigation Bar with Smooth Scroll Track */
.product-tabs-nav-outer {
	position: relative;
	max-width: 960px;
	margin: 0 auto 36px;
	display: flex;
	align-items: center;
}

.tab-scroll-arrow {
	display: none;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background: #FFFFFF;
	border: 1.5px solid #EADBCA;
	color: #76181A;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	box-shadow: 0 4px 12px rgba(88, 34, 6, 0.12);
	z-index: 3;
	flex-shrink: 0;
	transition: all 0.2s ease;
}

.tab-scroll-arrow:hover {
	background: #76181A;
	color: #FFF6E1;
	border-color: #76181A;
}

.product-tabs-nav-wrap {
	display: flex;
	justify-content: center;
	overflow-x: auto;
	scrollbar-width: none;
	-webkit-overflow-scrolling: touch;
	width: 100%;
	padding: 4px;
}

.product-tabs-nav-wrap::-webkit-scrollbar {
	display: none;
}

.product-tabs-nav {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	list-style: none;
	padding: 6px;
	margin: 0 auto;
	background: #FFFFFF;
	border: 1.5px solid #EADBCA;
	border-radius: 40px;
	box-shadow: 0 8px 24px rgba(88, 34, 6, 0.06);
	width: max-content;
}

.product-tab-link {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 11px 20px;
	font-size: 13.5px;
	font-weight: 700;
	color: #6C5542;
	text-decoration: none;
	background: transparent;
	border: 1.5px solid transparent;
	border-radius: 30px;
	transition: all 0.28s cubic-bezier(0.2, 0.8, 0.2, 1);
	white-space: nowrap;
	cursor: pointer;
}

.product-tab-link svg {
	color: #C09645;
	transition: all 0.28s ease;
	flex-shrink: 0;
}

.product-tab-link:hover {
	color: #76181A;
	background: #FAF3E6;
}

.product-tab-link.active {
	color: #FFF6E1;
	background: #76181A;
	border-color: #76181A;
	box-shadow: 0 4px 16px rgba(118, 24, 26, 0.32);
}

.product-tab-link.active svg {
	color: #FFF6E1;
}

.product-tab-pane {
	display: none;
	animation: tabFadeSlide 0.4s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.product-tab-pane.active {
	display: block;
}

@keyframes tabFadeSlide {
	from {
		opacity: 0;
		transform: translateY(12px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* Master Tab Card */
.tab-content-card {
	background: #FFFFFF;
	border: 1.5px solid #F0E4D2;
	border-radius: 24px;
	padding: 45px 50px;
	box-shadow: 0 12px 38px rgba(88, 34, 6, 0.05);
	position: relative;
	overflow: hidden;
}

/* Creative Header for Tabs */
.tab-heritage-header {
	text-align: center;
	margin-bottom: 35px;
	position: relative;
}

.tab-badge-pill {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	background: #FAF0DF;
	border: 1px solid #E2CCA9;
	color: #76181A;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	padding: 4px 14px;
	border-radius: 20px;
	margin-bottom: 10px;
}

.tab-section-heading {
	font-family: 'Playfair Display', Georgia, serif;
	font-size: 30px;
	font-weight: 800;
	color: #3A1303;
	margin-bottom: 6px;
}

.tab-section-sub {
	font-size: 14.5px;
	color: #7B6858;
	max-width: 680px;
	margin: 0 auto;
}

.tab-ornament-divider {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	margin-top: 14px;
}

.tab-ornament-divider .line {
	width: 60px;
	height: 1.5px;
	background: linear-gradient(90deg, transparent, #C09645, transparent);
}

.tab-ornament-divider svg {
	color: #C09645;
}

/* Audio Soundbite Voice of Kaarigar Card */
.artisan-audio-story-card {
	background: linear-gradient(135deg, #FAF3E6 0%, #F5E8D3 100%);
	border: 1.5px solid #E4CCA6;
	border-radius: 18px;
	padding: 16px 22px;
	display: flex;
	align-items: center;
	gap: 18px;
	margin-bottom: 35px;
	box-shadow: 0 4px 16px rgba(88, 34, 6, 0.04);
}

.audio-play-btn {
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background: #76181A;
	color: #FFF6E1;
	border: none;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	flex-shrink: 0;
	transition: all 0.25s ease;
	box-shadow: 0 4px 12px rgba(118, 24, 26, 0.3);
}

.audio-play-btn:hover {
	background: #582206;
	transform: scale(1.08);
}

.audio-story-meta {
	flex: 1;
}

.audio-story-title {
	font-size: 13.5px;
	font-weight: 700;
	color: #3A1303;
	margin-bottom: 2px;
	display: flex;
	align-items: center;
	gap: 6px;
}

.audio-story-sub {
	font-size: 12px;
	color: #7B6858;
	margin: 0;
}

.audio-wave-bars {
	display: flex;
	align-items: center;
	gap: 3px;
	height: 24px;
}

.wave-bar {
	width: 3px;
	height: 8px;
	background: #C09645;
	border-radius: 2px;
	animation: soundWave 1.2s infinite ease-in-out;
}

.wave-bar:nth-child(2) {
	animation-delay: 0.2s;
	height: 16px;
}

.wave-bar:nth-child(3) {
	animation-delay: 0.4s;
	height: 22px;
}

.wave-bar:nth-child(4) {
	animation-delay: 0.1s;
	height: 12px;
}

.wave-bar:nth-child(5) {
	animation-delay: 0.3s;
	height: 18px;
}

@keyframes soundWave {

	0%,
	100% {
		transform: scaleY(0.4);
	}

	50% {
		transform: scaleY(1);
	}
}

/* Kahani / Craft Heritage Layout */
.kahani-grid {
	display: grid;
	grid-template-columns: 1.15fr 0.85fr;
	gap: 40px;
	align-items: start;
	margin-bottom: 40px;
}

.kahani-narrative-text p {
	font-size: 14.5px;
	line-height: 1.75;
	color: #4A3522;
	margin-bottom: 18px;
}

.drop-cap-initial {
	float: left;
	font-family: 'Playfair Display', Georgia, serif;
	font-size: 52px;
	line-height: 0.85;
	font-weight: 800;
	color: #76181A;
	padding-right: 12px;
	padding-top: 4px;
}

.kahani-artisan-quote-callout {
	background: #FFFDF8;
	border-left: 4px solid #C09645;
	border-radius: 0 14px 14px 0;
	padding: 16px 20px;
	margin: 24px 0;
	font-style: italic;
	font-size: 14px;
	line-height: 1.6;
	color: #582206;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.03);
}

.kahani-artisan-quote-callout strong {
	color: #76181A;
	display: block;
	font-style: normal;
	margin-top: 6px;
	font-size: 12px;
}

/* Ornate Framed Photo */
.kahani-framed-photo-card {
	position: relative;
	border-radius: 18px;
	overflow: hidden;
	box-shadow: 0 14px 34px rgba(88, 34, 6, 0.14);
	border: 3px solid #FAF0DF;
}

.kahani-framed-photo-card img {
	width: 100%;
	height: auto;
	display: block;
	transition: transform 0.5s ease;
}

.kahani-framed-photo-card:hover img {
	transform: scale(1.04);
}

.floating-lineage-stamp {
	position: absolute;
	top: 14px;
	right: 14px;
	background: rgba(30, 10, 5, 0.85);
	backdrop-filter: blur(6px);
	border: 1px solid rgba(192, 150, 69, 0.6);
	color: #FFF6E1;
	padding: 6px 12px;
	border-radius: 20px;
	font-size: 11px;
	font-weight: 700;
	display: inline-flex;
	align-items: center;
	gap: 5px;
}

.kahani-media-caption {
	background: linear-gradient(to top, rgba(30, 10, 5, 0.95) 0%, rgba(30, 10, 5, 0.6) 70%, transparent 100%);
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 30px 18px 14px;
	color: #FFF6E1;
	font-size: 12.5px;
	font-style: italic;
	line-height: 1.4;
}

/* 3-Card Sacred Symbolism Matrix */
.symbolism-matrix-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 16px;
	margin-bottom: 35px;
}

.symbolism-card {
	background: #FAF6EE;
	border: 1.5px solid #EFE4D2;
	border-radius: 16px;
	padding: 20px 18px;
	transition: all 0.25s ease;
}

.symbolism-card:hover {
	transform: translateY(-3px);
	border-color: #C09645;
	box-shadow: 0 8px 20px rgba(88, 34, 6, 0.08);
}

.symbolism-icon-badge {
	width: 44px;
	height: 44px;
	border-radius: 12px;
	background: #FFFFFF;
	border: 1px solid #E8CCA6;
	color: #76181A;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	margin-bottom: 12px;
}

.symbolism-title {
	font-family: 'Playfair Display', Georgia, serif;
	font-size: 16px;
	font-weight: 700;
	color: #3A1303;
	margin-bottom: 4px;
}

.symbolism-desc {
	font-size: 12.5px;
	color: #6C5542;
	margin: 0;
	line-height: 1.45;
}

/* 4-Step Making Journey Horizontal Stepper */
.making-journey-section {
	border-top: 1.5px dashed #E5D5C1;
	padding-top: 30px;
}

.making-journey-title {
	font-family: 'Playfair Display', Georgia, serif;
	font-size: 20px;
	font-weight: 700;
	color: #3A1303;
	text-align: center;
	margin-bottom: 22px;
}

.making-steps-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 16px;
	position: relative;
}

.making-step-item {
	background: #FFFFFF;
	border: 1px solid #EFE4D2;
	border-radius: 14px;
	padding: 16px 14px;
	position: relative;
	transition: all 0.25s ease;
}

.making-step-item:hover {
	border-color: #76181A;
	box-shadow: 0 6px 16px rgba(118, 24, 26, 0.08);
}

.step-num-badge {
	font-size: 11px;
	font-weight: 800;
	color: #C09645;
	text-transform: uppercase;
	margin-bottom: 4px;
	display: block;
}

.step-name {
	font-size: 13.5px;
	font-weight: 700;
	color: #3A1303;
	margin-bottom: 4px;
}

.step-desc {
	font-size: 11.5px;
	color: #7B6858;
	margin: 0;
	line-height: 1.35;
}

/* Gandhian Transparency / Honest Price Breakdown Creative Styles */
.transparency-quote-box {
	background: #FAF0DF;
	border-left: 4px solid #76181A;
	border-radius: 0 14px 14px 0;
	padding: 16px 20px;
	margin-bottom: 30px;
	font-style: italic;
	font-size: 14px;
	color: #582206;
}

.price-breakdown-card {
	background: #FAF6EE;
	border: 1.5px solid #EFE4D2;
	border-radius: 20px;
	padding: 28px;
	margin-bottom: 35px;
}

.price-breakdown-bar-wrap {
	height: 32px;
	border-radius: 16px;
	overflow: hidden;
	display: flex;
	margin-bottom: 22px;
	box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.12);
}

.breakdown-bar-segment {
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.02em;
	transition: all 0.2s ease;
	padding: 0 4px;
	white-space: nowrap;
	overflow: hidden;
}

.bar-short-text {
	display: none;
}

.breakdown-bar-segment:hover {
	filter: brightness(1.1);
}

.segment-artisan {
	background: #76181A;
	width: 65%;
}

.segment-materials {
	background: #C09645;
	width: 15%;
}

.segment-logistics {
	background: #582206;
	width: 10%;
}

.segment-welfare {
	background: #2D6A4F;
	width: 10%;
}

.price-breakdown-legend-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 16px;
}

.legend-card {
	background: #FFFFFF;
	border: 1.5px solid #EADBCA;
	border-radius: 14px;
	padding: 16px 18px;
	display: flex;
	flex-direction: column;
	gap: 6px;
	transition: transform 0.2s ease;
}

.legend-card:hover {
	transform: translateY(-2px);
}

.legend-card-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 6px;
}

.legend-pill {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 11.5px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.04em;
}

.legend-dot {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	flex-shrink: 0;
}

.legend-val {
	font-size: 20px;
	font-weight: 800;
	color: #3A1303;
	line-height: 1;
}

.legend-desc {
	font-size: 12px;
	color: #7B6858;
	margin: 0;
	line-height: 1.35;
}

/* Comparison Matrix: Traditional Retail vs KKD */
.comparison-matrix-card {
	background: #FFFFFF;
	border: 1px solid #EFE4D2;
	border-radius: 16px;
	padding: 24px;
	margin-top: 25px;
}

.comparison-matrix-title {
	font-family: 'Playfair Display', Georgia, serif;
	font-size: 18px;
	font-weight: 700;
	color: #3A1303;
	margin-bottom: 16px;
	text-align: center;
}

.comparison-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;
}

.comparison-col-traditional {
	background: #FFF5F5;
	border: 1.5px dashed #E57373;
	border-radius: 14px;
	padding: 16px 18px;
}

.comparison-col-traditional h5 {
	color: #C62828;
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 8px;
}

.comparison-col-kkd {
	background: #F1F8F5;
	border: 1.5px solid #2D6A4F;
	border-radius: 14px;
	padding: 16px 18px;
}

.comparison-col-kkd h5 {
	color: #2D6A4F;
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 8px;
}

.comparison-list {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: 8px;
	font-size: 12.5px;
}

/* Specifications Tab Creative Grid & Care Protocol */
.spec-tiles-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 14px;
	margin-bottom: 30px;
}

.spec-tile-item {
	background: #FAF6EE;
	border: 1px solid #EFE4D2;
	border-radius: 14px;
	padding: 14px 16px;
}

.spec-tile-label {
	font-size: 11px;
	font-weight: 700;
	color: #8C6A43;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	margin-bottom: 2px;
}

.spec-tile-val {
	font-size: 13.5px;
	font-weight: 700;
	color: #3A1303;
}

/* Care Protocol Do's and Don'ts */
.care-protocol-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;
	margin-top: 25px;
}

.care-dos-box {
	background: #F1F8F5;
	border: 1px solid #C2E2CF;
	border-radius: 14px;
	padding: 18px 20px;
}

.care-dos-box h5 {
	color: #2D6A4F;
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 10px;
	display: flex;
	align-items: center;
	gap: 6px;
}

.care-donts-box {
	background: #FFF5F5;
	border: 1px solid #FFCDD2;
	border-radius: 14px;
	padding: 18px 20px;
}

.care-donts-box h5 {
	color: #C62828;
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 10px;
	display: flex;
	align-items: center;
	gap: 6px;
}

.care-checklist {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: 8px;
	font-size: 12.5px;
	color: #4A3522;
}

/* Meet Artisan Tab Creative Dossier */
.artisan-tab-card {
	display: grid;
	grid-template-columns: 300px 1fr;
	gap: 35px;
	align-items: center;
}

.artisan-tab-media {
	position: relative;
	border-radius: 20px;
	overflow: hidden;
	border: 3px solid #FAF0DF;
	box-shadow: 0 12px 30px rgba(88, 34, 6, 0.12);
}

.artisan-tab-media img {
	width: 100%;
	height: auto;
	display: block;
}

.artisan-tab-content h3 {
	font-family: 'Playfair Display', Georgia, serif;
	font-size: 26px;
	font-weight: 800;
	color: #3A1303;
	margin-bottom: 4px;
}

.artisan-tab-sub {
	font-size: 12.5px;
	color: #C09645;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	margin-bottom: 14px;
}

.artisan-impact-counter-strip {
	display: flex;
	gap: 14px;
	margin: 18px 0;
}

.impact-counter-mini {
	background: #FAF6EE;
	border: 1px solid #EADBCA;
	border-radius: 10px;
	padding: 8px 14px;
	text-align: center;
}

.impact-counter-mini .val {
	font-size: 18px;
	font-weight: 800;
	color: #76181A;
	line-height: 1;
}

.impact-counter-mini .label {
	font-size: 10.5px;
	color: #7B6858;
	font-weight: 600;
}

.btn-visit-artisan {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background: #76181A;
	color: #FFF6E1;
	padding: 12px 26px;
	border-radius: 30px;
	font-size: 14px;
	font-weight: 700;
	text-decoration: none;
	transition: all 0.25s ease;
	box-shadow: 0 4px 14px rgba(118, 24, 26, 0.25);
}

.btn-visit-artisan:hover {
	background: #582206;
	color: #FFFFFF;
	transform: translateY(-2px);
}

/* Customer Reviews Tab Creative Styles */
.reviews-summary-row {
	display: grid;
	grid-template-columns: 240px 1fr 200px;
	gap: 28px;
	align-items: center;
	background: #FAF6EE;
	border: 1px solid #EFE4D2;
	border-radius: 18px;
	padding: 24px;
	margin-bottom: 30px;
}

.review-big-score {
	text-align: center;
}

.review-big-number {
	font-size: 48px;
	font-weight: 800;
	color: #76181A;
	line-height: 1;
	margin-bottom: 6px;
}

.review-big-stars {
	color: #D39E45;
	font-size: 18px;
	margin-bottom: 4px;
}

.review-total-text {
	font-size: 12px;
	color: #7B6858;
}

.rating-bars-list {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.rating-bar-row {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 12px;
	color: #582206;
	font-weight: 600;
}

.rating-bar-progress {
	flex: 1;
	height: 8px;
	border-radius: 4px;
	background: #E8DCCF;
	overflow: hidden;
}

.rating-bar-fill {
	height: 100%;
	background: #C09645;
	border-radius: 4px;
}

.review-action-wrap {
	text-align: center;
}

.btn-write-review {
	padding: 11px 22px;
	border-radius: 30px;
	background: #76181A;
	color: #FFF6E1;
	font-size: 13px;
	font-weight: 700;
	border: none;
	cursor: pointer;
	transition: all 0.2s ease;
	box-shadow: 0 4px 12px rgba(118, 24, 26, 0.25);
}

.btn-write-review:hover {
	background: #582206;
	color: #FFFFFF;
}

/* Patron Styling Gallery Strip */
.patron-photos-strip {
	display: flex;
	gap: 12px;
	margin-bottom: 28px;
	overflow-x: auto;
	scrollbar-width: none;
	padding-bottom: 4px;
}

.patron-photos-strip::-webkit-scrollbar {
	display: none;
}

.patron-photo-thumb {
	width: 90px;
	height: 90px;
	border-radius: 12px;
	overflow: hidden;
	border: 1.5px solid #EADBCA;
	flex-shrink: 0;
	cursor: pointer;
	transition: transform 0.2s ease;
}

.patron-photo-thumb:hover {
	transform: scale(1.06);
	border-color: #C09645;
}

.patron-photo-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* Reviews List */
.reviews-stream-list {
	display: flex;
	flex-direction: column;
	gap: 18px;
}

.review-card-item {
	background: #FFFFFF;
	border: 1px solid #EFE4D2;
	border-radius: 16px;
	padding: 20px 22px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.02);
}

.review-card-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 8px;
}

.reviewer-name {
	font-size: 14px;
	font-weight: 700;
	color: #3A1303;
	display: flex;
	align-items: center;
	gap: 6px;
}

.verified-buyer-chip {
	font-size: 10.5px;
	background: #EAF4EE;
	color: #2D6A4F;
	padding: 2px 8px;
	border-radius: 12px;
	font-weight: 700;
	border: 1px solid #C2E2CF;
}

.review-date {
	font-size: 12px;
	color: #9C8570;
}

.review-stars-row {
	color: #D39E45;
	font-size: 13px;
	margin-bottom: 8px;
}

.review-body-text {
	font-size: 13.5px;
	color: #553E2A;
	line-height: 1.6;
	margin-bottom: 12px;
}

.review-artisan-reply {
	background: #FAF3E6;
	border-left: 3px solid #C09645;
	padding: 12px 16px;
	border-radius: 0 10px 10px 0;
	font-size: 12.5px;
	color: #582206;
}

.review-artisan-reply strong {
	color: #76181A;
	display: block;
	margin-bottom: 2px;
}

/* Reviews List */
.reviews-stream-list {
	display: flex;
	flex-direction: column;
	gap: 18px;
}

.review-card-item {
	background: #FFFFFF;
	border: 1px solid #EFE4D2;
	border-radius: 14px;
	padding: 18px 20px;
}

.review-card-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 8px;
}

.reviewer-name {
	font-size: 14px;
	font-weight: 700;
	color: #3A1303;
	display: flex;
	align-items: center;
	gap: 6px;
}

.verified-buyer-chip {
	font-size: 10.5px;
	background: #EAF4EE;
	color: #2D6A4F;
	padding: 2px 8px;
	border-radius: 12px;
	font-weight: 700;
	border: 1px solid #C2E2CF;
}

.review-date {
	font-size: 12px;
	color: #9C8570;
}

.review-stars-row {
	color: #D39E45;
	font-size: 13px;
	margin-bottom: 8px;
}

.review-body-text {
	font-size: 13.5px;
	color: #553E2A;
	line-height: 1.55;
	margin-bottom: 12px;
}

.review-artisan-reply {
	background: #FAF3E6;
	border-left: 3px solid #C09645;
	padding: 10px 14px;
	border-radius: 0 8px 8px 0;
	font-size: 12.5px;
	color: #582206;
}

.review-artisan-reply strong {
	color: #76181A;
	display: block;
	margin-bottom: 2px;
}

/* =Artisan Impact Banner (Centered Column View) */
.product-impact-banner {
	background: linear-gradient(135deg, #76181A 0%, #4A0E10 100%);
	padding: 50px 0;
	color: #FFF6E1;
	position: relative;
	overflow: hidden;
}

.product-impact-banner::before {
	content: '';
	position: absolute;
	inset: 0;
	background-image: radial-gradient(rgba(192, 150, 69, 0.15) 1.5px, transparent 1.5px);
	background-size: 18px 18px;
	opacity: 0.6;
}

.impact-banner-content {
	position: relative;
	z-index: 2;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: 24px;
	max-width: 860px;
	margin: 0 auto;
}

.impact-banner-text {
	text-align: center;
}

.impact-banner-text h2 {
	font-family: 'Playfair Display', Georgia, serif;
	font-size: 28px;
	font-weight: 800;
	color: #FFF6E1;
	margin-bottom: 8px;
	line-height: 1.3;
}

.impact-banner-text p {
	font-size: 14.5px;
	color: #FAF0DF;
	margin: 0 auto;
	max-width: 720px;
	line-height: 1.6;
}

.impact-banner-stats {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 16px;
	flex-wrap: wrap;
}

.impact-stat-box {
	background: rgba(255, 255, 255, 0.1);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	border: 1px solid rgba(255, 246, 225, 0.2);
	border-radius: 14px;
	padding: 14px 28px;
	text-align: center;
	min-width: 140px;
}

.impact-stat-number {
	font-family: 'Playfair Display', Georgia, serif;
	font-size: 28px;
	font-weight: 800;
	color: #C09645;
	line-height: 1;
	margin-bottom: 10px;
}

.impact-stat-label {
	font-size: 11px;
	font-weight: 700;
	color: #FFF6E1;
	text-transform: uppercase;
	letter-spacing: 0.04em;
}

/* =Related Handcrafted Works Section */
.related-works-section {
	padding: 60px 0 70px;
	background: #FFFBF3;
}

.section-head-center {
	text-align: center;
	margin-bottom: 35px;
}

.section-head-center .sub-title {
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	color: #C09645;
	margin-bottom: 4px;
}

.section-head-center .main-title {
	font-family: 'Playfair Display', Georgia, serif;
	font-size: 32px;
	font-weight: 800;
	color: #3A1303;
}

/* =Mobile Sticky Action Bar */
.mobile-sticky-action-bar {
	display: none;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(255, 255, 255, 0.96);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	border-top: 1.5px solid #EFE4D2;
	padding: 10px 16px calc(10px + env(safe-area-inset-bottom, 0px));
	z-index: 1040;
	box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.1);
}

.mobile-sticky-bar-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
}

.mobile-sticky-price {
	display: flex;
	flex-direction: column;
}

.mobile-sticky-price .sticky-val {
	font-size: 20px;
	font-weight: 800;
	color: #76181A;
	line-height: 1.1;
}

.mobile-sticky-price .sticky-label {
	font-size: 10.5px;
	color: #8C6A43;
	font-weight: 600;
}

.mobile-sticky-btns {
	display: flex;
	align-items: center;
	gap: 8px;
	flex: 1;
	justify-content: flex-end;
}

.btn-sticky-cart {
	height: 42px;
	padding: 0 16px;
	border-radius: 24px;
	background: #76181A;
	color: #FFF6E1;
	border: none;
	font-size: 13px;
	font-weight: 700;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
}

.btn-sticky-buy {
	height: 42px;
	padding: 0 16px;
	border-radius: 24px;
	background: #C09645;
	color: #3A1303;
	border: none;
	font-size: 13px;
	font-weight: 700;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

/* =About Us Page Styles
========================================================================================*/
.about-hero-row {
	background: linear-gradient(180deg, rgba(48, 20, 5, 0.88) 0%, rgba(112, 2, 11, 0.92) 100%), url('../images/page-title.jpg') center center / cover no-repeat;
	padding: 95px 0 85px;
	position: relative;
	overflow: hidden;
	text-align: center;
}

.about-hero-row::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 6px;
	background: linear-gradient(90deg, #FCDC97 0%, #C09645 50%, #FCDC97 100%);
}

.about-breadcrumbs {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	font-size: 13.5px;
	font-weight: 600;
	color: #FCDC97;
	margin-bottom: 20px;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	width: 100%;
}

.about-breadcrumbs a {
	color: #FFF6E1;
	text-decoration: none;
}

.about-breadcrumbs a:hover {
	color: #FCDC97;
}

.about-breadcrumbs .bc-sep {
	color: rgba(252, 220, 151, 0.6);
}

.about-hero-title {
	font-size: 52px;
	font-weight: 800;
	color: #FFF6E1;
	line-height: 1.2;
	margin-bottom: 20px;
	letter-spacing: -0.01em;
}

.about-hero-lead {
	font-size: 18.5px;
	font-weight: 400;
	color: rgba(255, 246, 225, 0.92);
	max-width: 860px;
	line-height: 1.65;
	margin: 0 auto 28px;
}

.about-pill-tag {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 7px 20px;
	border-radius: 30px;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

.about-pill-tag.pill-gold {
	background: rgba(252, 220, 151, 0.15);
	border: 1px solid #C09645;
	color: #FCDC97;
}

.about-pill-tag.pill-maroon {
	background: rgba(130, 9, 19, 0.1);
	border: 1px solid rgba(130, 9, 19, 0.3);
	color: #820913;
}

/* Genesis Section */
.about-genesis-section {
	padding: 95px 0;
	background: #FFFBF3;
	position: relative;
}

.genesis-jharokha-frame {
	border-radius: 240px 240px 24px 24px;
	overflow: hidden;
	border: 3px solid #C09645;
	position: relative;
	box-shadow: 0 20px 48px rgba(64, 44, 5, 0.14), inset 0 0 0 4px #FFFBF3, inset 0 0 0 7px #C09645;
}

.genesis-jharokha-frame img {
	width: 100%;
	height: auto;
	object-fit: cover;
	display: block;
	transition: transform 0.6s ease;
}

.genesis-jharokha-frame:hover img {
	transform: scale(1.03);
}

.genesis-floating-badge {
	position: absolute;
	bottom: 24px;
	left: 50%;
	transform: translateX(-50%);
	background: rgba(48, 20, 5, 0.94);
	backdrop-filter: blur(8px);
	border: 1px solid #C09645;
	border-radius: 30px;
	padding: 9px 24px;
	color: #FCDC97;
	font-size: 13.5px;
	font-weight: 600;
	white-space: nowrap;
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25);
	display: inline-flex;
	align-items: center;
	gap: 8px;
}

.genesis-quote-box {
	background: linear-gradient(135deg, rgba(252, 220, 151, 0.25) 0%, rgba(255, 251, 243, 0.6) 100%);
	border-left: 4px solid #820913;
	border-top: 1px solid rgba(192, 150, 69, 0.25);
	border-right: 1px solid rgba(192, 150, 69, 0.25);
	border-bottom: 1px solid rgba(192, 150, 69, 0.25);
	padding: 24px 28px;
	border-radius: 0 18px 18px 0;
	font-family: "Playfair Display", serif;
	font-style: italic;
	font-size: 18.5px;
	line-height: 1.55;
	color: #582206;
	margin: 26px 0;
	position: relative;
}

.genesis-quote-author {
	display: block;
	font-family: 'Montserrat', Arial, sans-serif;
	font-style: normal;
	font-size: 12.5px;
	font-weight: 700;
	color: #820913;
	margin-top: 10px;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

.about-genesis-section .stat-mini-card {
	background: #FFFAF1;
	border: 1px solid #FCDC97;
	border-radius: 18px;
	padding: 16px 16px 14px;
	height: 100%;
	box-shadow: 0 4px 14px rgba(192, 150, 69, 0.12);
	transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.about-genesis-section .stat-mini-card:hover {
	transform: translateY(-3px);
	border-color: #C09645;
	box-shadow: 0 8px 22px rgba(192, 150, 69, 0.22);
}

/* 4 Core Pillars - Premium Heritage Style */
.about-pillars-section {
	padding: 95px 0;
	background: linear-gradient(180deg, #FFFBF3 0%, rgba(254, 225, 228, 0.45) 50%, #FFFBF3 100%);
	position: relative;
}

.about-pillar-box {
	background-color: #2C0004;
	background-repeat: no-repeat;
	border-radius: 20px;
	position: relative;
	overflow: hidden;
	z-index: 1;
	background-size: cover;
	background-position: right center;
	height: 100%;
	display: flex;
	flex-direction: column;
	border: 1px solid rgba(252, 220, 151, 0.25);
	box-shadow: 0 10px 30px rgba(44, 0, 4, 0.15);
	transition: all 0.4s cubic-bezier(0.2, 0, 0.1, 1);
}

.about-pillar-box:hover {
	transform: translateY(-6px);
	box-shadow: 0 20px 45px rgba(44, 0, 4, 0.32);
	border-color: #C09645;
}

.about-pillar-box:before {
	content: "";
	inset: 0;
	z-index: -1;
	position: absolute;
	background: linear-gradient(to right, rgba(84, 1, 7, 0.94) 35%, rgba(104, 14, 21, 0.78) 65%, rgba(143, 41, 50, 0.4) 100%);
	transition: background 0.4s ease;
}

.about-pillar-box-02:before {
	background: linear-gradient(to right, rgba(118, 56, 25, 0.95) 35%, rgba(118, 56, 25, 0.8) 65%, rgba(118, 56, 25, 0.45) 100%);
}

.about-pillar-box-03:before {
	background: linear-gradient(to right, rgba(64, 44, 5, 0.95) 35%, rgba(88, 34, 6, 0.8) 65%, rgba(112, 2, 11, 0.45) 100%);
}

.about-pillar-box-04:before {
	background: linear-gradient(to right, rgba(44, 0, 4, 0.95) 35%, rgba(130, 9, 19, 0.8) 65%, rgba(118, 56, 25, 0.45) 100%);
}

.about-pillar-top {
	padding: 2.2rem 2rem 1.8rem;
	display: flex;
	flex-direction: column;
	gap: 1.1rem;
	color: #FFF6E1;
	flex: 1;
}

.about-pillar-top .pillar-num {
	height: 44px;
	width: 44px;
	border: 1.5px solid #FCDC97;
	background: rgba(252, 220, 151, 0.12);
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50px;
	font-weight: 700;
	font-size: 16px;
	color: #FCDC97;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

.about-pillar-top h3 {
	font-size: 24px;
	font-weight: 700;
	color: #FFF6E1;
	position: relative;
	padding-bottom: 0.9rem;
	margin: 0;
	line-height: 1.3;
}

.about-pillar-top h3:after {
	content: "";
	width: 36px;
	height: 2px;
	background: #FCDC97;
	position: absolute;
	bottom: 0;
	left: 0;
}

.about-pillar-top p {
	font-size: 15px;
	line-height: 1.6;
	color: rgba(255, 246, 225, 0.88);
	margin: 0;
	max-width: 420px;
}

.about-pillar-bottom {
	background: rgba(30, 2, 5, 0.78);
	backdrop-filter: blur(8px);
	padding: 1.1rem 1.8rem;
	color: #FFF6E1;
	margin-top: auto;
	border-top: 1px solid rgba(252, 220, 151, 0.18);
}

.about-pillar-bottom ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.5rem 0;
}

.about-pillar-bottom ul li {
	display: inline-flex;
	align-items: center;
	gap: 0.55rem;
	font-size: 13.5px;
	font-weight: 600;
	color: #FCDC97;
	margin: 0;
}

.about-pillar-bottom ul li svg {
	width: 17px;
	height: 17px;
	fill: #FCDC97;
	flex-shrink: 0;
}

.about-pillar-bottom ul li:after {
	content: "|";
	margin: 0 0.85rem;
	color: rgba(252, 220, 151, 0.4);
}

.about-pillar-bottom ul li:last-child:after {
	display: none;
}

/* Impact Dashboard */
.about-impact-section {
	background: linear-gradient(145deg, #381A07 0%, #290306 60%, #170103 100%);
	color: #FFF6E1;
	padding: 95px 0;
	position: relative;
	overflow: hidden;
}

.about-impact-section .kkd-section-title h2 {
	color: #FFF6E1;
}

.about-impact-section .kkd-title-tag span {
	color: #FCDC97;
}

.about-impact-section .kkd-title-tag figure svg path {
	fill: #FCDC97;
}

.about-impact-section .kkd-title-devider svg path {
	fill: #FCDC97;
}

.about-impact-section .kkd-title-devider span:first-child {
	background: linear-gradient(to left, #FCDC97 0%, rgba(252, 220, 151, 0) 100%) !important;
}

.about-impact-section .kkd-title-devider span:last-child {
	background: linear-gradient(to right, #FCDC97 0%, rgba(252, 220, 151, 0) 100%) !important;
}

.about-impact-section .kkd-section-title p {
	color: rgba(255, 246, 225, 0.85);
}

.about-impact-section::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 5px;
	background: linear-gradient(90deg, #C09645 0%, #FCDC97 50%, #C09645 100%);
}

.live-pulse-badge {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background: rgba(30, 200, 100, 0.15);
	border: 1px solid rgba(30, 200, 100, 0.4);
	border-radius: 20px;
	padding: 4px 14px;
	font-size: 11.5px;
	font-weight: 700;
	color: #5CFF9D;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	margin-bottom: 12px;
}

.live-dot {
	width: 8px;
	height: 8px;
	background: #5CFF9D;
	border-radius: 50%;
	display: inline-block;
	box-shadow: 0 0 10px #5CFF9D;
	animation: kkdPulse 1.8s infinite ease-in-out;
}

@keyframes kkdPulse {
	0% {
		transform: scale(0.85);
		opacity: 0.6;
		box-shadow: 0 0 4px #5CFF9D;
	}

	50% {
		transform: scale(1.25);
		opacity: 1;
		box-shadow: 0 0 12px #5CFF9D;
	}

	100% {
		transform: scale(0.85);
		opacity: 0.6;
		box-shadow: 0 0 4px #5CFF9D;
	}
}

.about-impact-stat-card {
	background: rgba(255, 255, 255, 0.05);
	border: 1px solid rgba(252, 220, 151, 0.22);
	border-radius: 20px;
	padding: 34px 24px;
	text-align: center;
	transition: all 0.35s ease;
	backdrop-filter: blur(10px);
	height: 100%;
}

.about-impact-stat-card:hover {
	background: rgba(255, 255, 255, 0.09);
	border-color: #FCDC97;
	transform: translateY(-6px);
	box-shadow: 0 16px 36px rgba(0, 0, 0, 0.35);
}

.about-impact-icon-wrap {
	width: 52px;
	height: 52px;
	border-radius: 50%;
	background: rgba(252, 220, 151, 0.15);
	color: #FCDC97;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 18px;
}

.about-impact-num {
	font-family: "Playfair Display", serif;
	font-size: 46px;
	font-weight: 800;
	color: #FCDC97;
	line-height: 1.1;
	margin-bottom: 8px;
	letter-spacing: -0.01em;
}

.about-impact-label {
	font-size: 16.5px;
	font-weight: 700;
	color: #FFF6E1;
	margin-bottom: 6px;
}

.about-impact-desc {
	font-size: 13px;
	color: rgba(255, 246, 225, 0.75);
	line-height: 1.5;
	margin-bottom: 0;
}

.impact-growth-badge {
	display: inline-block;
	margin-top: 12px;
	font-size: 12px;
	font-weight: 700;
	color: #FCDC97;
	background: rgba(252, 220, 151, 0.12);
	border: 1px solid rgba(252, 220, 151, 0.25);
	border-radius: 12px;
	padding: 3px 12px;
}

/* Gandhian Charter */
.about-charter-section {
	padding: 95px 0;
	background: #FFFBF3;
	position: relative;
}

.charter-item-card {
	background: #FFFFFF;
	border-radius: 20px;
	border: 1px solid rgba(192, 150, 69, 0.25);
	padding: 32px 28px;
	height: 100%;
	transition: all 0.35s ease;
	display: flex;
	gap: 20px;
	align-items: flex-start;
	position: relative;
	overflow: hidden;
}

.charter-item-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 16px 32px rgba(130, 9, 19, 0.08);
	border-color: #820913;
}

.charter-num-watermark {
	position: absolute;
	right: 18px;
	bottom: -10px;
	font-family: "Playfair Display", serif;
	font-size: 96px;
	font-weight: 900;
	color: rgba(192, 150, 69, 0.08);
	line-height: 1;
	pointer-events: none;
	user-select: none;
}

.charter-icon-box {
	width: 56px;
	height: 56px;
	min-width: 56px;
	border-radius: 16px;
	background: linear-gradient(135deg, #820913 0%, #70020B 100%);
	display: flex;
	align-items: center;
	justify-content: center;
	color: #FFF6E1;
	box-shadow: 0 6px 16px rgba(130, 9, 19, 0.25);
}

.charter-badge-tag {
	display: inline-block;
	font-size: 11.5px;
	font-weight: 700;
	color: #820913;
	background: rgba(130, 9, 19, 0.07);
	border: 1px solid rgba(130, 9, 19, 0.2);
	padding: 3px 10px;
	border-radius: 12px;
	margin-bottom: 10px;
}

.charter-title {
	font-size: 19.5px;
	font-weight: 700;
	color: #582206;
	margin-bottom: 8px;
}

.charter-text {
	font-size: 14.5px;
	color: #554124;
	line-height: 1.6;
	margin-bottom: 0;
}

/* Udyam Yatra Section */
.udyam-yatra-section {
	padding: 95px 0;
	background: linear-gradient(180deg, #FFFBF3 0%, rgba(252, 220, 151, 0.18) 100%);
	position: relative;
}

.cluster-track-card {
	background: #FFFFFF;
	border-radius: 18px;
	border: 1px solid rgba(192, 150, 69, 0.25);
	padding: 0;
	overflow: hidden;
	transition: all 0.35s ease;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.cluster-track-card:hover {
	border-color: #C09645;
	box-shadow: 0 14px 32px rgba(64, 44, 5, 0.12);
	transform: translateY(-6px);
}

.cluster-photo-window {
	position: relative;
	height: 185px;
	overflow: hidden;
	background: #301405;
}

.cluster-photo-window img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.5s ease;
}

.cluster-track-card:hover .cluster-photo-window img {
	transform: scale(1.08);
}

.cluster-photo-window:after {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 40%, rgba(30, 10, 2, 0.75) 100%);
}

.cluster-gi-pill {
	position: absolute;
	top: 14px;
	right: 14px;
	background: rgba(48, 20, 5, 0.88);
	backdrop-filter: blur(6px);
	border: 1px solid #FCDC97;
	color: #FCDC97;
	font-size: 10.5px;
	font-weight: 700;
	letter-spacing: 0.06em;
	padding: 3px 10px;
	border-radius: 20px;
	z-index: 2;
}

.cluster-content-wrap {
	padding: 22px 24px 20px;
	display: flex;
	flex-direction: column;
	flex: 1;
}

.cluster-badge {
	display: inline-block;
	font-size: 12px;
	font-weight: 700;
	color: #820913;
	background: rgba(130, 9, 19, 0.08);
	padding: 4px 12px;
	border-radius: 14px;
	margin-bottom: 12px;
	width: fit-content;
}

.cluster-title {
	font-size: 20px;
	font-weight: 700;
	color: #582206;
	margin-bottom: 6px;
}

.cluster-location {
	font-size: 13.5px;
	color: #820913;
	font-weight: 600;
	margin-bottom: 12px;
	display: flex;
	align-items: center;
	gap: 5px;
}

.cluster-desc {
	font-size: 14px;
	color: #554124;
	line-height: 1.55;
	margin-bottom: 16px;
}

.cluster-footer-stats {
	border-top: 1px dashed rgba(192, 150, 69, 0.35);
	padding-top: 14px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 12.5px;
	font-weight: 600;
	color: #763819;
}

.cluster-explore-btn {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	font-size: 12.5px;
	font-weight: 700;
	color: #820913;
	text-decoration: none;
	transition: gap 0.25s ease, color 0.25s ease;
}

.cluster-explore-btn:hover {
	color: #540107;
	gap: 8px;
}

/* Master Artisan Voices */
.about-voices-section {
	padding: 95px 0;
	background: #FFFBF3;
	position: relative;
}

.voice-quote-card {
	background: #FFFFFF;
	border-radius: 22px;
	border: 1px solid rgba(192, 150, 69, 0.24);
	padding: 34px 28px;
	position: relative;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	transition: all 0.35s ease;
}

.voice-quote-card:hover {
	transform: translateY(-6px);
	box-shadow: 0 18px 36px rgba(130, 9, 19, 0.1);
	border-color: #C09645;
}

.voice-card-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 16px;
}

.voice-quote-icon {
	color: #C09645;
}

.voice-verified-tag {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	font-size: 11px;
	font-weight: 700;
	color: #763819;
	background: rgba(192, 150, 69, 0.12);
	border: 1px solid rgba(192, 150, 69, 0.35);
	padding: 3px 10px;
	border-radius: 12px;
	text-transform: uppercase;
	letter-spacing: 0.04em;
}

.voice-quote-text {
	font-family: "Playfair Display", serif;
	font-style: italic;
	font-size: 17px;
	line-height: 1.65;
	color: #402C05;
	margin-bottom: 24px;
	position: relative;
}

.voice-author-row {
	display: flex;
	align-items: center;
	gap: 16px;
	border-top: 1px solid rgba(192, 150, 69, 0.18);
	padding-top: 20px;
}

.voice-avatar-frame {
	position: relative;
	width: 58px;
	height: 58px;
	flex-shrink: 0;
}

.voice-avatar {
	width: 58px;
	height: 58px;
	border-radius: 50%;
	object-fit: cover;
	border: 2px solid #C09645;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
}

.voice-name {
	font-size: 17px;
	font-weight: 700;
	color: #582206;
	margin-bottom: 2px;
}

.voice-craft {
	font-size: 13px;
	color: #820913;
	font-weight: 600;
	margin-bottom: 2px;
}

.voice-tenure-badge {
	display: inline-block;
	font-size: 11px;
	font-weight: 600;
	color: #763819;
	background: #FFF8F0;
	padding: 2px 8px;
	border-radius: 6px;
	border: 1px solid rgba(192, 150, 69, 0.25);
}

/* Advisory Council & Mentors */
.about-team-section {
	padding: 95px 0;
	background: linear-gradient(180deg, rgba(254, 225, 228, 0.35) 0%, #FFFBF3 100%);
	position: relative;
}

.team-card {
	background: #FFFFFF;
	border-radius: 22px;
	border: 1px solid rgba(192, 150, 69, 0.22);
	padding: 32px 24px;
	text-align: center;
	transition: all 0.35s ease;
	height: 100%;
	display: flex;
	flex-direction: column;
}

.team-card:hover {
	transform: translateY(-6px);
	box-shadow: 0 18px 36px rgba(64, 44, 5, 0.1);
	border-color: #C09645;
}

.team-photo-wrap {
	width: 140px;
	height: 165px;
	margin: 0 auto 20px;
	border-radius: 65px 65px 18px 18px;
	border: 3px solid #C09645;
	overflow: hidden;
	padding: 4px;
	background: #FFFBF3;
	box-shadow: 0 10px 24px rgba(64, 44, 5, 0.15);
	position: relative;
}

.team-photo-wrap img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 60px 60px 14px 14px;
	transition: transform 0.5s ease;
}

.team-card:hover .team-photo-wrap img {
	transform: scale(1.06);
}

.team-photo-badge {
	position: absolute;
	bottom: 8px;
	left: 50%;
	transform: translateX(-50%);
	background: rgba(48, 20, 5, 0.92);
	backdrop-filter: blur(4px);
	border: 1px solid #C09645;
	border-radius: 12px;
	padding: 2px 10px;
	white-space: nowrap;
}

.team-photo-badge span {
	font-size: 10px;
	font-weight: 700;
	color: #FCDC97;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

.team-name {
	font-size: 20px;
	font-weight: 700;
	color: #582206;
	margin-bottom: 4px;
}

.team-role {
	font-size: 13.5px;
	font-weight: 600;
	color: #820913;
	margin-bottom: 14px;
}

.team-desc {
	font-size: 13.5px;
	color: #554124;
	line-height: 1.55;
	margin-bottom: 0;
	flex: 1;
}

.team-card-footer {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	justify-content: center;
	margin-top: 18px;
	padding-top: 14px;
	border-top: 1px dashed rgba(192, 150, 69, 0.28);
}

.team-pillar-pill {
	font-size: 11px;
	font-weight: 600;
	color: #763819;
	background: rgba(192, 150, 69, 0.12);
	border-radius: 10px;
	padding: 2px 9px;
}

/* About CTA Section */
.about-cta-section {
	padding: 95px 0;
	background: linear-gradient(180deg, rgba(64, 44, 5, 0.86) 0%, rgba(112, 2, 11, 0.88) 100%), url('../images/shop-is-waiting-bg.jpg') center center / cover no-repeat;
	position: relative;
	text-align: center;
	color: #FFF6E1;
}

.about-cta-box {
	background: rgba(48, 20, 5, 0.88);
	backdrop-filter: blur(12px);
	border: 1px solid #C09645;
	border-radius: 26px;
	padding: 55px 45px;
	box-shadow: 0 24px 50px rgba(0, 0, 0, 0.35);
}

.about-cta-title {
	font-size: 42px;
	font-weight: 800;
	color: #FFF6E1;
	line-height: 1.25;
	margin-bottom: 12px;
}

.about-cta-mandala {
	display: flex;
	justify-content: center;
	align-items: center;
}

.about-cta-desc {
	font-size: 17px;
	color: rgba(255, 246, 225, 0.9);
	max-width: 740px;
	margin: 0 auto 32px;
	line-height: 1.6;
}

.about-cta-trust-bar {
	border-top: 1px solid rgba(252, 220, 151, 0.2);
	margin-top: 8px;
}

.cta-trust-item {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: 13px;
	font-weight: 600;
	color: #FCDC97;
	letter-spacing: 0.02em;
}

.trust-bullet {
	color: rgba(252, 220, 151, 0.5);
	font-size: 14px;
}

/* ==========================================================================
   Contact Page Styles (Kaarigar Ki Dukan)
   ========================================================================== */

/* Section 1: Contact Hero */
.contact-hero-sec {
	background-color: #F6EFE6;
	padding: 70px 0 50px;
	position: relative;
	overflow: hidden;
}

/* Section 2: Contact Channel Cards */
.contact-channels-section {
	background-color: #FFFAF1;
	padding: 80px 0;
}

.contact-channel-card {
	background: #FFFFFF;
	border: 1.5px solid #FCDC97;
	border-radius: 16px;
	padding: 32px 24px;
	display: flex;
	flex-direction: column;
	height: 100%;
	position: relative;
	box-shadow: 0 4px 20px rgba(130, 9, 19, 0.04);
	transition: all 0.35s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.contact-channel-card:hover {
	transform: translateY(-6px);
	box-shadow: 0 16px 36px rgba(130, 9, 19, 0.1);
	border-color: #C09645;
}

.channel-card-icon {
	width: 52px;
	height: 52px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #FFF8EB;
	margin-bottom: 18px;
	transition: transform 0.3s ease;
}

.contact-channel-card:hover .channel-card-icon {
	transform: scale(1.08);
}

.channel-pill-tag {
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #A85429;
	background: rgba(168, 84, 41, 0.1);
	padding: 3px 10px;
	border-radius: 20px;
	display: inline-block;
	width: fit-content;
	margin-bottom: 12px;
}

.channel-card-title {
	font-family: "Playfair Display", serif;
	font-size: 20px;
	font-weight: 700;
	color: #820913;
	margin-bottom: 10px;
	line-height: 1.3;
}

.channel-card-desc {
	font-size: 13.5px;
	color: #554433;
	line-height: 1.6;
	margin-bottom: 20px;
	flex-grow: 1;
}

.channel-action-row {
	margin-top: auto;
	padding-top: 14px;
	border-top: 1px solid rgba(252, 220, 151, 0.4);
}

.channel-link {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 13px;
	font-weight: 600;
	color: #820913;
	text-decoration: none;
	transition: all 0.25s ease;
}

.channel-link:hover {
	color: #A85429;
	transform: translateX(4px);
}

/* Section 3: The Kaarigar Samwaad (Dual Column Layout) */
.contact-form-section {
	background-color: #F8F3EC;
	padding: 90px 0;
	position: relative;
}

/* Left: Hub Card */
.contact-hub-card {
	background: #FFFFFF;
	border: 1.5px solid #FCDC97;
	border-radius: 20px;
	padding: 38px 32px;
	box-shadow: 0 8px 30px rgba(130, 9, 19, 0.05);
	position: relative;
	height: 100%;
}

.hub-live-badge {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	background: rgba(39, 174, 96, 0.1);
	color: #218838;
	font-size: 12px;
	font-weight: 700;
	padding: 4px 12px;
	border-radius: 20px;
	border: 1px solid rgba(39, 174, 96, 0.3);
}

.live-dot {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #28A745;
	display: inline-block;
	animation: pulseLive 2s infinite ease-in-out;
}

@keyframes pulseLive {
	0%, 100% {
		opacity: 1;
		transform: scale(1);
	}
	50% {
		opacity: 0.4;
		transform: scale(0.85);
	}
}

.hub-card-heading {
	font-family: "Playfair Display", serif;
	font-size: 22px;
	font-weight: 700;
	color: #820913;
	margin-bottom: 10px;
	line-height: 1.35;
}

.hub-card-desc {
	font-size: 14px;
	color: #6B5646;
	line-height: 1.65;
	margin-bottom: 24px;
}

.hub-info-list {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.hub-info-item {
	display: flex;
	align-items: flex-start;
	gap: 14px;
}

.hub-icon-wrap {
	width: 38px;
	height: 38px;
	border-radius: 50%;
	background: #FFFAF1;
	border: 1px solid #FCDC97;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #820913;
	flex-shrink: 0;
	margin-top: 2px;
}

.hub-info-title {
	font-family: "Playfair Display", serif;
	font-size: 16px;
	font-weight: 700;
	color: #582206;
	margin-bottom: 4px;
}

.hub-info-text {
	font-size: 13.5px;
	color: #6B5646;
	line-height: 1.5;
	margin-bottom: 0;
}

.contact-hotline-link {
	color: #820913;
	font-weight: 600;
	text-decoration: none;
	transition: color 0.2s ease;
}

.contact-hotline-link:hover {
	color: #B88235;
	text-decoration: underline;
}

.hub-talisman-quote {
	background: #FFF8EB;
	border-left: 3px solid #C09645;
	padding: 14px 18px;
	border-radius: 0 10px 10px 0;
	font-style: italic;
	font-size: 13px;
	color: #6B5646;
	line-height: 1.6;
}

/* Right: The Samwaad Patra Form */
.samwaad-form-card {
	background: #FFFFFF;
	border: 1.5px solid #FCDC97;
	border-radius: 20px;
	padding: 42px 38px;
	box-shadow: 0 10px 36px rgba(130, 9, 19, 0.06);
	position: relative;
}

.samwaad-header {
	margin-bottom: 24px;
}

.samwaad-title {
	font-family: "Playfair Display", serif;
	font-size: 26px;
	font-weight: 700;
	color: #820913;
	margin-bottom: 8px;
}

.samwaad-lead {
	font-size: 14px;
	color: #6B5646;
	line-height: 1.6;
}

.samwaad-label {
	font-size: 13px;
	font-weight: 600;
	color: #582206;
	margin-bottom: 7px;
	letter-spacing: 0.01em;
}

.samwaad-type-pills {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.type-pill-btn {
	position: relative;
	cursor: pointer;
	margin-bottom: 0;
}

.type-pill-btn input[type="radio"] {
	position: absolute;
	opacity: 0;
	width: 0;
	height: 0;
	pointer-events: none;
}

.type-pill-btn span {
	display: inline-block;
	padding: 8px 16px;
	background: #FFFDF9;
	border: 1.5px solid #E8DAC6;
	border-radius: 24px;
	font-size: 13px;
	font-weight: 600;
	color: #6B5646;
	transition: all 0.25s ease;
	user-select: none;
}

.type-pill-btn:hover span {
	border-color: #C09645;
	color: #820913;
	background: #FFF8EB;
}

.type-pill-btn input[type="radio"]:checked + span {
	background: #820913;
	color: #FFF8EB;
	border-color: #820913;
	box-shadow: 0 4px 12px rgba(130, 9, 19, 0.25);
}

.samwaad-input,
.samwaad-textarea {
	background: #FFFDF9;
	border: 1.5px solid #DFCEB8;
	border-radius: 10px;
	padding: 12px 16px;
	font-size: 14px;
	color: #332211;
	transition: all 0.25s ease;
	outline: none;
	width: 100%;
}

.samwaad-input:focus,
.samwaad-textarea:focus {
	border-color: #820913;
	background: #FFFFFF;
	box-shadow: 0 0 0 3px rgba(130, 9, 19, 0.1);
}

.form-trust-badge {
	font-size: 12.5px;
	font-weight: 600;
	color: #6B5646;
}

/* Section 4: Geographic Field Clinics (Map & Cluster mini items) */
.contact-map-section {
	background-color: #FFFAF1;
	padding: 85px 0;
}

.contact-map-illustration-box {
	background: #FFFFFF;
	border: 1.5px solid #FCDC97;
	border-radius: 20px;
	padding: 24px;
	box-shadow: 0 8px 25px rgba(130, 9, 19, 0.04);
	text-align: center;
	overflow: hidden;
}

.contact-map-img {
	max-height: 440px;
	width: 100%;
	object-fit: contain;
	transition: transform 0.4s ease;
}

.contact-map-illustration-box:hover .contact-map-img {
	transform: scale(1.02);
}

.craft-clusters-overview {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.cluster-mini-item {
	display: flex;
	align-items: flex-start;
	gap: 16px;
	background: #FFFFFF;
	border: 1.5px solid #EEDBBE;
	border-radius: 14px;
	padding: 18px 20px;
	transition: all 0.3s ease;
}

.cluster-mini-item:hover {
	transform: translateX(6px);
	border-color: #C09645;
	box-shadow: 0 6px 20px rgba(192, 150, 69, 0.12);
}

.cluster-mini-badge {
	width: 38px;
	height: 38px;
	border-radius: 10px;
	background: #820913;
	color: #FFF8EB;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: "Playfair Display", serif;
	font-size: 15px;
	font-weight: 700;
	flex-shrink: 0;
}

.cluster-mini-name {
	font-family: "Playfair Display", serif;
	font-size: 17px;
	font-weight: 700;
	color: #820913;
	margin-bottom: 4px;
}

.cluster-mini-desc {
	font-size: 13px;
	color: #6B5646;
	line-height: 1.5;
	margin-bottom: 0;
}

/* Section 5: Frequently Asked Questions */
.contact-faq-section {
	background-color: #FFFDF8;
	padding: 85px 0;
}

.kkd-faq-accordion .accordion-item {
	background: #FFFFFF;
	border: 1.5px solid #EADBCE !important;
	border-radius: 12px !important;
	margin-bottom: 16px;
	overflow: hidden;
	transition: all 0.3s ease;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.02);
}

.kkd-faq-accordion .accordion-header .accordion-button {
	font-family: "Playfair Display", serif;
	font-weight: 700;
	font-size: 16.5px;
	color: #582206;
	background: #FFFFFF;
	padding: 18px 22px;
	border-radius: 12px !important;
	transition: all 0.3s ease;
}

.kkd-faq-accordion .accordion-button:not(.collapsed) {
	background: #FFF8EB !important;
	color: #820913 !important;
	border-bottom: 1px solid #FCDC97 !important;
}

.kkd-faq-accordion .accordion-body {
	background-color: #FFF8EB;
	color: #5B483B;
	font-size: 14.5px;
	line-height: 1.7;
	padding: 18px 22px;
}

/* ==========================================================================
   Customer Account / My Account Page Styles (Kaarigar Ki Dukan)
   Based on Clean Reference E-Commerce Account Layout
   ========================================================================== */

.account-dashboard-sec {
	background-color: #FAF7F2;
	min-height: calc(100vh - 400px);
}

.account-page-header {
	margin-bottom: 28px;
}

.account-page-title {
	font-family: "Playfair Display", serif;
	font-size: 32px;
	font-weight: 700;
	color: #242424;
	letter-spacing: -0.01em;
	margin-bottom: 0;
}

/* Left Sidebar Card */
.account-sidebar-card {
	background: #FFFFFF;
	border: 1.5px solid #EADBCE;
	border-radius: 16px;
	padding: 28px 20px;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);
}

.sidebar-welcome-text {
	font-family: "Playfair Display", serif;
	font-size: 18px;
	font-weight: 700;
	color: #242424;
	margin-bottom: 20px;
	padding-bottom: 16px;
	border-bottom: 1.5px solid #F0E6DA;
	letter-spacing: -0.01em;
}

.account-nav-list {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.account-nav-btn {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 13px 16px;
	border-radius: 10px;
	background: transparent;
	border: 1px solid transparent;
	color: #554438;
	font-size: 14.5px;
	font-weight: 500;
	text-align: left;
	transition: all 0.2s ease;
	cursor: pointer;
	text-decoration: none;
	outline: none;
}

.account-nav-btn:hover {
	background: #F8F3EC;
	color: #820913;
}

.account-nav-btn.active {
	background: #F4ECE1;
	border-color: #E2D3C0;
	color: #820913;
	font-weight: 700;
}

.nav-btn-content {
	display: inline-flex;
	align-items: center;
	gap: 12px;
}

.nav-btn-icon {
	width: 20px;
	height: 20px;
	flex-shrink: 0;
	color: inherit;
	transition: transform 0.2s ease;
}

.account-nav-btn:hover .nav-btn-icon {
	transform: scale(1.08);
}

.nav-btn-title {
	font-size: 14.5px;
}

.nav-chevron-icon {
	color: inherit;
	opacity: 0.5;
	flex-shrink: 0;
	transition: transform 0.2s ease, opacity 0.2s ease;
}

.account-nav-btn:hover .nav-chevron-icon {
	opacity: 0.9;
	transform: translateX(2px);
}

.account-nav-btn.active .nav-chevron-icon {
	opacity: 1;
	color: #820913;
	transform: translateX(2px);
}

/* Right Tab Content Panels */
.account-tab-panel {
	display: none;
}

.account-tab-panel.active {
	display: block;
	animation: accountPanelFadeIn 0.3s ease;
}

@keyframes accountPanelFadeIn {
	from {
		opacity: 0;
		transform: translateY(8px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.account-section-title {
	font-family: "Playfair Display", serif;
	font-size: 26px;
	font-weight: 700;
	color: #242424;
	letter-spacing: -0.01em;
}

/* Account Order Card (Strictly Matching Reference Layout) */
.account-order-card {
	background: #FFFFFF;
	border: 1.5px solid #EADBCE;
	border-radius: 16px;
	padding: 26px 28px;
	box-shadow: 0 4px 18px rgba(0, 0, 0, 0.03);
	transition: transform 0.2s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.account-order-card:hover {
	border-color: #DFCEB8;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);
}

.order-thumbs-strip {
	display: flex;
	align-items: center;
	gap: 14px;
	flex-wrap: wrap;
}

.order-thumb-img {
	width: 76px;
	height: 76px;
	object-fit: cover;
	border-radius: 8px;
	border: 1px solid #EADBCE;
	background-color: #F8F5F0;
	transition: transform 0.25s ease;
}

.order-thumb-img:hover {
	transform: scale(1.05);
}

/* Order Action Outline Button (Strictly matching reference layout) */
.order-action-wrap {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}

.btn-order-action {
	border: 1.5px solid #2B2B2B !important;
	background-color: transparent !important;
	color: #2B2B2B !important;
	font-size: 12.5px;
	font-weight: 700;
	letter-spacing: 0.06em;
	padding: 10px 22px;
	border-radius: 6px;
	text-transform: uppercase;
	transition: all 0.25s ease;
	white-space: nowrap;
	cursor: pointer;
}

.btn-order-action:hover {
	background-color: #2B2B2B !important;
	color: #FFFFFF !important;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.sub-action-link {
	font-size: 13px;
	color: #6B5646;
	text-decoration: underline;
	font-weight: 500;
	transition: color 0.2s ease;
	display: inline-block;
	margin-top: 5px;
}

.sub-action-link:hover {
	color: #820913;
}

.sub-action-link.text-danger:hover {
	color: #A01B26 !important;
}

/* Order 4-Column Metadata Row (Strictly matching reference layout) */
.order-meta-row {
	border-top: 1px solid #F0E8DE;
	padding-top: 18px;
	margin-top: 8px;
}

.meta-label {
	display: block;
	font-size: 12px;
	color: #8A7B6E;
	margin-bottom: 4px;
	font-weight: 500;
	letter-spacing: 0.02em;
}

.meta-value {
	display: block;
	font-size: 15px;
	font-weight: 600;
	color: #242424;
}

/* Order Status with colored dots */
.meta-status {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: 14.5px;
	font-weight: 700;
}

.meta-status::before {
	content: "";
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	flex-shrink: 0;
}

.status-delivered {
	color: #1E7E34;
}

.status-delivered::before {
	background-color: #28A745;
	box-shadow: 0 0 0 3px rgba(40, 167, 69, 0.2);
}

.status-transit {
	color: #B45309;
}

.status-transit::before {
	background-color: #D97706;
	box-shadow: 0 0 0 3px rgba(217, 119, 6, 0.2);
}

.status-processing {
	color: #820913;
}

.status-processing::before {
	background-color: #820913;
	box-shadow: 0 0 0 3px rgba(130, 9, 19, 0.2);
}

/* Address Modal & Actions */
.btn-add-address {
	border: 1.5px solid #2B2B2B !important;
	border-radius: 24px !important;
	padding: 6px 18px !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	background-color: transparent !important;
	color: #2B2B2B !important;
	letter-spacing: 0.02em;
	transition: all 0.25s ease;
}

.btn-add-address:hover {
	background-color: #2B2B2B !important;
	color: #FFFFFF !important;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
}

.account-modal .modal-content {
	border: 1.5px solid #EADBCE;
	border-radius: 20px;
	box-shadow: 0 20px 60px rgba(88, 34, 6, 0.15);
	overflow: hidden;
}

.account-modal .modal-header {
	background: #FFFDF9;
	border-bottom: 1.5px solid #F0E6DA;
	padding: 22px 28px 18px;
}

.account-modal .modal-title {
	font-family: "Playfair Display", serif;
	font-size: 22px;
	font-weight: 700;
	color: #242424;
	margin-bottom: 2px;
}

.account-modal .modal-subtitle {
	font-size: 13px;
	color: #8A7B6E;
}

.account-modal .modal-body {
	padding: 24px 28px;
	background: #FFFFFF;
}

.account-modal .modal-footer {
	background: #FFFDF9;
	border-top: 1.5px solid #F0E6DA;
	padding: 16px 28px 20px;
}

/* Address Type Selection Pills */
.addr-type-pill {
	cursor: pointer;
	margin-bottom: 0;
}

.addr-type-pill input {
	display: none;
}

.addr-type-pill span {
	display: inline-block;
	padding: 7px 18px;
	font-size: 13px;
	font-weight: 600;
	color: #6B5646;
	background: #FFFDF9;
	border: 1.5px solid #DFCEB8;
	border-radius: 20px;
	transition: all 0.2s ease;
}

.addr-type-pill input:checked + span {
	background: #820913;
	border-color: #820913;
	color: #FFF8EB;
	box-shadow: 0 4px 12px rgba(130, 9, 19, 0.2);
}

.addr-type-pill:hover span {
	border-color: #820913;
	color: #820913;
}

.addr-type-pill input:checked:hover span {
	color: #FFF8EB;
}

.account-modal .form-check-input:checked {
	background-color: #820913;
	border-color: #820913;
}

.address-badge {
	font-size: 10px !important;
	font-weight: 700 !important;
	letter-spacing: 0.05em !important;
	padding: 4px 8px !important;
	border-radius: 4px !important;
}

/* Account Card Top Row & Layout Helpers */
.order-card-top-row {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 24px;
}

.account-section-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	flex-wrap: wrap;
	margin-bottom: 24px;
}

.favorite-card-inner {
	display: flex;
	gap: 16px;
	align-items: flex-start;
}

.favorite-card-thumb {
	width: 80px;
	height: 100px;
	object-fit: cover;
	flex-shrink: 0;
	border-radius: 8px;
}

.favorite-actions-wrap {
	display: flex;
	gap: 8px;
	margin-top: 8px;
}

.account-form-actions {
	display: flex;
	justify-content: flex-end;
}

.signout-actions-wrap {
	display: flex;
	justify-content: center;
	gap: 16px;
}

/* ==========================================================================
   ORDERS PAGE STYLING (orders.html)
   ========================================================================== */

/* Breadcrumbs */
.orders-breadcrumb {
	margin-bottom: 20px;
}

.orders-breadcrumb .breadcrumb {
	background: transparent;
	padding: 0;
	margin: 0;
	font-size: 13.5px;
	font-weight: 500;
}

.orders-breadcrumb .breadcrumb-item a {
	color: #7A695A;
	text-decoration: none;
	transition: color 0.2s ease;
}

.orders-breadcrumb .breadcrumb-item a:hover {
	color: #820913;
}

.orders-breadcrumb .breadcrumb-item.active {
	color: #2B2B2B;
	font-weight: 600;
}

.orders-breadcrumb .breadcrumb-item + .breadcrumb-item::before {
	color: #C0B0A0;
}

/* Page Header */
.orders-page-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	flex-wrap: wrap;
	margin-bottom: 28px;
}

.orders-title-group h1 {
	font-family: 'Playfair Display', serif;
	font-size: 32px;
	font-weight: 700;
	color: #2B2B2B;
	margin-bottom: 6px;
	line-height: 1.2;
}

.orders-title-group p {
	font-size: 14.5px;
	color: #6B5B4E;
	margin: 0;
}

.btn-back-account {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: 13.5px;
	font-weight: 600;
	color: #820913;
	background: #FFF3EB;
	border: 1px solid #EAC4AF;
	padding: 9px 18px;
	border-radius: 8px;
	text-decoration: none;
	transition: all 0.2s ease;
}

.btn-back-account:hover {
	background: #820913;
	color: #FFFFFF;
	border-color: #820913;
}

/* Filter & Search Bar */
.orders-filter-bar {
	background: #FFFFFF;
	border: 1.5px solid #EADBCE;
	border-radius: 14px;
	padding: 16px 20px;
	margin-bottom: 30px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.02);
}

.order-filter-pills {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
}

.order-filter-pill {
	background: #F7F3EE;
	border: 1px solid #DFD2C4;
	color: #4A3E34;
	padding: 8px 16px;
	border-radius: 30px;
	font-size: 13px;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.2s ease;
	display: inline-flex;
	align-items: center;
	gap: 8px;
}

.order-filter-pill:hover {
	background: #EADBCE;
	color: #2B2B2B;
}

.order-filter-pill.active {
	background: #2B2B2B;
	color: #FFFFFF;
	border-color: #2B2B2B;
}

.order-filter-pill .pill-count {
	background: rgba(0, 0, 0, 0.08);
	color: inherit;
	font-size: 11px;
	padding: 2px 7px;
	border-radius: 20px;
	font-weight: 700;
}

.order-filter-pill.active .pill-count {
	background: rgba(255, 255, 255, 0.25);
	color: #FFFFFF;
}

.order-search-wrap {
	position: relative;
	min-width: 260px;
}

.order-search-input {
	width: 100%;
	padding: 8px 16px 8px 38px;
	border: 1.5px solid #DFD2C4;
	border-radius: 24px;
	font-size: 13px;
	background-color: #FAF7F2;
	color: #2B2B2B;
	outline: none;
	transition: all 0.2s ease;
}

.order-search-input:focus {
	background-color: #FFFFFF;
	border-color: #820913;
	box-shadow: 0 0 0 3px rgba(130, 9, 19, 0.1);
}

.order-search-icon {
	position: absolute;
	left: 14px;
	top: 50%;
	transform: translateY(-50%);
	color: #8A7B6E;
	pointer-events: none;
}

.order-time-select {
	padding: 8px 14px;
	border: 1.5px solid #DFD2C4;
	border-radius: 24px;
	font-size: 13px;
	background: #FAF7F2;
	color: #4A3E34;
	font-weight: 500;
	outline: none;
	cursor: pointer;
}

/* Detailed Order Card */
.order-card-detailed {
	background: #FFFFFF;
	border: 1.5px solid #EADBCE;
	border-radius: 16px;
	margin-bottom: 28px;
	overflow: hidden;
	box-shadow: 0 4px 18px rgba(0, 0, 0, 0.03);
	transition: box-shadow 0.25s ease, border-color 0.25s ease;
}

.order-card-detailed:hover {
	border-color: #DFCEB8;
	box-shadow: 0 8px 26px rgba(0, 0, 0, 0.06);
}

.order-card-top {
	background: #FAF7F2;
	border-bottom: 1.5px solid #EADBCE;
	padding: 18px 24px;
}

.order-header-meta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 16px;
}

.order-header-meta .order-meta-info-strip {
	order: 1;
}

.order-header-meta .order-status-badge-wrap {
	order: 2;
}

.order-meta-info-strip {
	display: flex;
	align-items: center;
	gap: 28px;
	flex-wrap: wrap;
}

.order-meta-info-item .label {
	display: block;
	font-size: 11.5px;
	color: #8A7B6E;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	font-weight: 600;
	margin-bottom: 2px;
}

.order-meta-info-item .value {
	display: block;
	font-size: 14.5px;
	color: #2B2B2B;
	font-weight: 700;
}

.order-status-badge {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 12px;
	font-weight: 700;
	padding: 6px 14px;
	border-radius: 20px;
	text-transform: uppercase;
	letter-spacing: 0.04em;
}

.order-status-badge.badge-delivered {
	background: #E8F5E9;
	color: #1B5E20;
	border: 1px solid #A5D6A7;
}

.order-status-badge.badge-transit {
	background: #FFF8E1;
	color: #B78103;
	border: 1px solid #FFE082;
}

.order-status-badge.badge-crafting {
	background: #F3E5F5;
	color: #6A1B9A;
	border: 1px solid #CE93D8;
}

/* Stepper / Timeline */
.order-stepper-container {
	padding: 24px 28px;
	background: #FFFDFB;
	border-bottom: 1px solid #F0E8DE;
}

.order-stepper-title {
	font-size: 13.5px;
	font-weight: 700;
	color: #4A3E34;
	margin-bottom: 22px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 8px;
}

.stepper-scroll-hint {
	font-size: 12.5px;
	display: flex;
	align-items: center;
	gap: 6px;
	color: #8A7B6E;
	font-weight: 500;
}

.order-stepper {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	position: relative;
	margin: 0 auto;
	padding: 0 !important;
}

.order-stepper::before,
.stepper-track {
	content: '';
	position: absolute;
	top: 16px;
	transform: translateY(-50%);
	left: 8.3333%;
	right: 8.3333%;
	height: 3px;
	background: #E5DDD3;
	z-index: 1;
	pointer-events: none;
}

.order-stepper:has(.stepper-track)::before {
	display: none;
}

.stepper-track .stepper-progress-fill {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	background: #2E7D32;
	z-index: 2;
	transition: width 0.4s ease;
}

.order-stepper > .stepper-progress-fill {
	position: absolute;
	top: 16px;
	transform: translateY(-50%);
	left: 8.3333%;
	max-width: calc(100% - 16.6667%);
	height: 3px;
	background: #2E7D32;
	z-index: 2;
	transition: width 0.4s ease;
}

.stepper-node {
	position: relative;
	z-index: 3;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	flex: 1;
	min-width: 90px;
	margin: 0;
	padding: 0;
}

.stepper-dot {
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background: #FAF7F2;
	border: 2px solid #C0B0A0;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	font-weight: 700;
	color: #7A695A;
	margin: 0 auto 8px auto;
	box-sizing: border-box;
	line-height: 1;
	flex-shrink: 0;
	transition: all 0.2s ease;
}

.stepper-node.done .stepper-dot {
	background: #2E7D32;
	border-color: #2E7D32;
	color: #FFFFFF;
}

.stepper-node.current .stepper-dot {
	background: #B78103;
	border-color: #B78103;
	color: #FFFFFF;
	box-shadow: 0 0 0 4px rgba(183, 129, 3, 0.2);
}

.stepper-label {
	font-size: 12px;
	font-weight: 600;
	color: #4A3E34;
	line-height: 1.3;
	margin-bottom: 2px;
}

.stepper-date {
	font-size: 11px;
	color: #8A7B6E;
}

/* Order Item Row */
.order-items-wrapper {
	padding: 24px;
}

.order-item-card {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 16px 0;
	border-bottom: 1px solid #F0E8DE;
	gap: 20px;
}

.order-item-card:last-child {
	border-bottom: none;
	padding-bottom: 0;
}

.order-item-card:first-child {
	padding-top: 0;
}

.order-item-main {
	display: flex;
	align-items: center;
	gap: 18px;
	flex: 1;
}

.order-item-img {
	width: 84px;
	height: 84px;
	object-fit: cover;
	border-radius: 10px;
	border: 1px solid #EADBCE;
	background: #FAF7F2;
	flex-shrink: 0;
	transition: transform 0.25s ease;
}

.order-item-img:hover {
	transform: scale(1.05);
}

.order-item-title {
	font-family: 'Playfair Display', serif;
	font-size: 16.5px;
	font-weight: 700;
	color: #2B2B2B;
	margin-bottom: 4px;
}

.order-item-artisan {
	font-size: 13px;
	color: #820913;
	font-weight: 600;
	margin-bottom: 4px;
	display: flex;
	align-items: center;
	gap: 5px;
}

.order-item-meta {
	font-size: 13px;
	color: #6B5B4E;
}

.order-item-actions {
	display: flex;
	align-items: center;
	gap: 10px;
	flex-wrap: wrap;
	justify-content: flex-end;
}

/* Order Card Footer */
.order-card-bottom {
	background: #FAF7F2;
	border-top: 1px solid #EADBCE;
	padding: 18px 24px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 16px;
}

.order-delivery-address {
	font-size: 13px;
	color: #6B5B4E;
}

.order-delivery-address strong {
	color: #2B2B2B;
}

.order-footer-actions {
	display: flex;
	align-items: center;
	gap: 10px;
	flex-wrap: wrap;
}

/* Certificate Preview Modal Styles */
.certificate-frame {
	border: 8px double #C49A45;
	padding: 28px 24px;
	background: #FFFCF7;
	border-radius: 4px;
	text-align: center;
	position: relative;
}

.cert-header {
	font-family: 'Playfair Display', serif;
	font-size: 24px;
	font-weight: 700;
	color: #820913;
	letter-spacing: 0.05em;
	margin-bottom: 6px;
}

.cert-sub {
	font-size: 12.5px;
	color: #7A695A;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	margin-bottom: 18px;
}

.cert-seal {
	width: 64px;
	height: 64px;
	margin: 0 auto 14px;
	display: block;
}

.cert-body {
	font-size: 14px;
	color: #332B25;
	line-height: 1.6;
	margin-bottom: 20px;
}

.cert-meta-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 12px;
	text-align: left;
	background: #F8F3EC;
	padding: 14px 18px;
	border-radius: 6px;
	margin-bottom: 20px;
	font-size: 12.5px;
}

.cert-signatures {
	display: flex;
	justify-content: space-around;
	border-top: 1px solid #E5D5C5;
	padding-top: 16px;
	margin-top: 16px;
}

.cert-sign-title {
	font-size: 11px;
	text-transform: uppercase;
	color: #8A7B6E;
	letter-spacing: 0.05em;
}

.cert-sign-name {
	font-family: 'Playfair Display', serif;
	font-size: 14px;
	font-weight: 700;
	color: #2B2B2B;
}

/* Tracking Timeline Modal Styles */
.tracking-timeline-list {
	position: relative;
	padding-left: 28px;
}

.tracking-timeline-list::before {
	content: '';
	position: absolute;
	left: 9px;
	top: 8px;
	bottom: 8px;
	width: 2px;
	background: #EADBCE;
}

.tracking-timeline-item {
	position: relative;
	padding-bottom: 20px;
}

.tracking-timeline-item:last-child {
	padding-bottom: 0;
}

.tracking-timeline-dot {
	position: absolute;
	left: -28px;
	top: 3px;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #FAF7F2;
	border: 2px solid #C0B0A0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.tracking-timeline-item.completed .tracking-timeline-dot {
	background: #2E7D32;
	border-color: #2E7D32;
	color: #FFFFFF;
}

.tracking-timeline-item.active .tracking-timeline-dot {
	background: #B78103;
	border-color: #B78103;
	color: #FFFFFF;
	box-shadow: 0 0 0 3px rgba(183, 129, 3, 0.25);
}

.tracking-timeline-time {
	font-size: 11.5px;
	color: #8A7B6E;
	font-weight: 600;
}

.tracking-timeline-status {
	font-size: 14px;
	font-weight: 700;
	color: #2B2B2B;
	margin: 2px 0;
}

.tracking-timeline-location {
	font-size: 12.5px;
	color: #6B5B4E;
}

/* ==========================================================================
   ORDER DETAILS PAGE STYLING (orders-detail.html)
   ========================================================================== */

.orders-detail-sec {
	background-color: #FBF8F4;
	min-height: calc(100vh - 400px);
}

/* Header & Meta Bar */
.order-detail-header-card {
	background: #FFFFFF;
	border: 1.5px solid #EADBCE;
	border-radius: 16px;
	padding: 24px 28px;
	margin-bottom: 24px;
	box-shadow: 0 4px 18px rgba(0, 0, 0, 0.02);
}

.order-detail-top-bar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 16px;
	margin-bottom: 18px;
	padding-bottom: 18px;
	border-bottom: 1px solid #F0E8DE;
}

.order-detail-id-wrap {
	display: flex;
	align-items: center;
	gap: 12px;
	flex-wrap: wrap;
}

.order-detail-title {
	font-family: 'Playfair Display', serif;
	font-size: 26px;
	font-weight: 700;
	color: #2B2B2B;
	margin: 0;
	display: flex;
	align-items: center;
	gap: 10px;
}

.btn-copy-id {
	background: transparent;
	border: 1px dashed #C0B0A0;
	color: #7A695A;
	border-radius: 6px;
	padding: 3px 8px;
	font-size: 12px;
	font-weight: 600;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	gap: 5px;
	transition: all 0.2s ease;
}

.btn-copy-id:hover {
	background: #FAF7F2;
	border-color: #820913;
	color: #820913;
}

.order-detail-switcher {
	display: flex;
	align-items: center;
	flex-wrap: wrap !important;
	gap: 6px 8px;
	background: #FAF7F2;
	border: 1px solid #EADBCE;
	padding: 5px 8px;
	border-radius: 14px;
	max-width: 100%;
}

.order-detail-switcher .switcher-label {
	font-size: 11.5px;
	text-transform: uppercase;
	color: #8A7B6E;
	font-weight: 700;
	letter-spacing: 0.05em;
	padding-left: 6px;
	padding-right: 2px;
	white-space: nowrap;
}

.switcher-pill {
	background: transparent;
	border: none;
	padding: 4px 12px;
	border-radius: 20px;
	font-size: 12.5px;
	font-weight: 600;
	color: #6B5B4E;
	cursor: pointer;
	transition: all 0.2s ease;
	white-space: nowrap !important;
	flex: 0 0 auto;
}

.switcher-pill:hover {
	color: #820913;
	background: rgba(130, 9, 19, 0.06);
}

.switcher-pill.active {
	background: #820913;
	color: #FFFFFF;
}

.order-detail-meta-grid {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 16px 24px;
}

.order-meta-box {
	flex: 0 0 auto;
}

.order-meta-box .label {
	font-size: 11.5px;
	text-transform: uppercase;
	color: #8A7B6E;
	letter-spacing: 0.05em;
	font-weight: 600;
	margin-bottom: 3px;
	display: block;
}

.order-meta-box .val {
	font-size: 15px;
	color: #2B2B2B;
	font-weight: 700;
	display: block;
}

.order-detail-actions {
	display: flex;
	align-items: center;
	justify-content: flex-end !important;
	gap: 10px;
	flex-wrap: wrap;
	margin-left: auto !important;
	text-align: right;
}

.order-detail-actions .btn {
	white-space: nowrap !important;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 30px;
	padding: 7px 16px;
	font-weight: 600;
	flex-shrink: 0;
	align-self: flex-end;
}

/* Consignment Highlights Banner */
.consignment-strip-box {
	background: linear-gradient(135deg, #FAF7F2 0%, #FFFDFB 100%);
	border: 1.5px solid #EADBCE;
	border-radius: 14px;
	padding: 18px 24px;
	margin-bottom: 24px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 18px;
}

.consignment-carrier-info {
	display: flex;
	align-items: center;
	gap: 16px;
}

.carrier-icon-badge {
	width: 46px;
	height: 46px;
	border-radius: 12px;
	background: #FFF3EB;
	border: 1px solid #EAC4AF;
	color: #820913;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.consignment-carrier-title {
	font-size: 15px;
	font-weight: 700;
	color: #2B2B2B;
	margin-bottom: 2px;
}

.consignment-carrier-sub {
	font-size: 13px;
	color: #6B5B4E;
}

.consignment-carrier-sub strong {
	color: #2B2B2B;
}

.consignment-quick-buttons {
	display: flex;
	align-items: center;
	gap: 10px;
	flex-wrap: wrap;
}

.consignment-quick-buttons .btn {
	white-space: nowrap !important;
}

/* Stepper Card */
.order-detail-stepper-card {
	background: #FFFFFF;
	border: 1.5px solid #EADBCE;
	border-radius: 16px;
	margin-bottom: 24px;
	overflow: hidden;
	box-shadow: 0 4px 18px rgba(0, 0, 0, 0.02);
}

.stepper-card-header {
	padding: 18px 24px;
	background: #FAF7F2;
	border-bottom: 1.5px solid #EADBCE;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 12px;
}

.stepper-card-title {
	font-family: 'Playfair Display', serif;
	font-size: 17px;
	font-weight: 700;
	color: #2B2B2B;
	margin: 0;
	display: flex;
	align-items: center;
	gap: 8px;
}

.stepper-card-body {
	padding: 28px 24px;
	background: #FFFDFB;
}

.stepper-toggle-btn {
	background: transparent;
	border: 1px solid #DFCEB8;
	color: #7A695A;
	font-size: 12.5px;
	font-weight: 600;
	padding: 5px 12px;
	border-radius: 20px;
	cursor: pointer;
	transition: all 0.2s ease;
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

.stepper-toggle-btn:hover {
	background: #FAF7F2;
	color: #820913;
	border-color: #820913;
}

.stepper-logs-collapse {
	background: #FAF7F2;
	border-top: 1px solid #F0E8DE;
	padding: 20px 24px;
}

/* Detail Items Container */
.order-detail-items-card {
	background: #FFFFFF;
	border: 1.5px solid #EADBCE;
	border-radius: 16px;
	margin-bottom: 24px;
	overflow: hidden;
	box-shadow: 0 4px 18px rgba(0, 0, 0, 0.02);
}

.detail-items-header {
	padding: 18px 24px;
	background: #FAF7F2;
	border-bottom: 1.5px solid #EADBCE;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 10px;
}

.detail-items-title {
	font-family: 'Playfair Display', serif;
	font-size: 18px;
	font-weight: 700;
	color: #2B2B2B;
	margin: 0;
}

.order-detail-item-row {
	padding: 24px;
	border-bottom: 1.5px solid #F0E8DE;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 24px;
	transition: background-color 0.2s ease;
}

.order-detail-item-row:last-child {
	border-bottom: none;
}

.order-detail-item-row:hover {
	background-color: #FFFCF9;
}

.detail-item-main {
	display: flex;
	align-items: flex-start;
	gap: 20px;
	flex: 1;
}

.detail-item-img {
	width: 104px;
	height: 104px;
	object-fit: cover;
	border-radius: 12px;
	border: 1.5px solid #EADBCE;
	background: #FAF7F2;
	flex-shrink: 0;
	transition: transform 0.25s ease;
}

.detail-item-img:hover {
	transform: scale(1.04);
}

.detail-item-info {
	flex: 1;
}

.detail-item-name {
	font-family: 'Playfair Display', serif;
	font-size: 18px;
	font-weight: 700;
	color: #2B2B2B;
	margin-bottom: 4px;
	line-height: 1.3;
}

.detail-item-name a {
	color: inherit;
	text-decoration: none;
	transition: color 0.2s ease;
}

.detail-item-name a:hover {
	color: #820913;
}

.detail-item-artisan-tag {
	font-size: 13px;
	color: #820913;
	font-weight: 600;
	margin-bottom: 8px;
	display: flex;
	align-items: center;
	gap: 6px;
	flex-wrap: wrap;
}

.detail-item-gi-pill {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	font-size: 11px;
	font-weight: 700;
	padding: 2px 8px;
	border-radius: 12px;
	background: #FFF8E1;
	color: #B78103;
	border: 1px solid #FFE082;
	text-transform: uppercase;
	letter-spacing: 0.04em;
}

.detail-item-specs {
	font-size: 13px;
	color: #6B5B4E;
	margin-bottom: 12px;
	line-height: 1.5;
}

.detail-item-actions {
	display: flex;
	align-items: center;
	gap: 10px;
	flex-wrap: wrap;
}

.detail-item-price-col {
	text-align: right;
	min-width: 140px;
	flex-shrink: 0;
}

.detail-item-price-unit {
	font-size: 12.5px;
	color: #8A7B6E;
	margin-bottom: 2px;
}

.detail-item-price-total {
	font-size: 18px;
	font-weight: 700;
	color: #2B2B2B;
	margin-bottom: 4px;
}

.detail-item-qty-tag {
	display: inline-block;
	font-size: 12px;
	font-weight: 600;
	color: #554433;
	background: #F2EBE1;
	padding: 3px 10px;
	border-radius: 12px;
}

/* Two-column Bottom Cards */
.detail-card-panel {
	background: #FFFFFF;
	border: 1.5px solid #EADBCE;
	border-radius: 16px;
	padding: 24px;
	margin-bottom: 24px;
	box-shadow: 0 4px 18px rgba(0, 0, 0, 0.02);
	height: calc(100% - 24px);
}

.detail-card-panel-title {
	font-family: 'Playfair Display', serif;
	font-size: 18px;
	font-weight: 700;
	color: #2B2B2B;
	margin-bottom: 18px;
	padding-bottom: 12px;
	border-bottom: 1.5px solid #F0E8DE;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.address-block {
	font-size: 13.5px;
	color: #554433;
	line-height: 1.6;
	margin-bottom: 18px;
}

.address-block strong {
	color: #2B2B2B;
	font-size: 15px;
	display: block;
	margin-bottom: 4px;
}

.packaging-note-box {
	background: #FDFBF7;
	border: 1px dashed #DFCDB5;
	border-radius: 10px;
	padding: 14px 16px;
	margin-bottom: 18px;
	font-size: 13px;
	color: #6B5646;
	display: flex;
	align-items: flex-start;
	gap: 10px;
}

/* Financial Summary Table */
.financial-summary-list {
	list-style: none;
	padding: 0;
	margin: 0 0 18px 0;
}

.financial-summary-list li {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 8px 0;
	font-size: 13.5px;
	color: #6B5B4E;
	border-bottom: 1px dashed #F0E8DE;
}

.financial-summary-list li strong {
	color: #2B2B2B;
}

.financial-summary-list li.grand-total-row {
	border-bottom: none;
	border-top: 2px solid #EADBCE;
	padding-top: 14px;
	margin-top: 6px;
	font-size: 17px;
	font-weight: 700;
	color: #2B2B2B;
}

.financial-summary-list li.grand-total-row .total-amount {
	font-size: 20px;
	color: #820913;
}

.payment-method-box {
	background: #FAF7F2;
	border-radius: 10px;
	padding: 14px 16px;
	border: 1px solid #EADBCE;
	margin-bottom: 18px;
	font-size: 13px;
}

.artisan-impact-badge {
	background: linear-gradient(135deg, #FFF9EB 0%, #FFF3D6 100%);
	border: 1.5px solid #F2D59B;
	border-radius: 12px;
	padding: 16px;
	font-size: 13px;
	color: #6D4C00;
	display: flex;
	align-items: flex-start;
	gap: 12px;
}

.artisan-impact-badge strong {
	color: #4A3300;
}

/* Care Accordion */
.order-care-card {
	background: #FFFFFF;
	border: 1.5px solid #EADBCE;
	border-radius: 16px;
	padding: 24px;
	margin-bottom: 24px;
}

.order-care-card .accordion-item {
	border: 1px solid #EADBCE;
	border-radius: 10px !important;
	margin-bottom: 10px;
	overflow: hidden;
}

.order-care-card .accordion-button {
	background: #FAF7F2;
	font-weight: 600;
	color: #2B2B2B;
	font-size: 14px;
	box-shadow: none !important;
}

.order-care-card .accordion-button:not(.collapsed) {
	background: #FFF3EB;
	color: #820913;
}

.order-care-card .accordion-body {
	font-size: 13px;
	color: #554433;
	line-height: 1.6;
	background: #FFFFFF;
}

/* Rating Stars Input */
.star-rating-select {
	display: flex;
	gap: 8px;
	font-size: 24px;
	cursor: pointer;
	color: #D4C3B3;
}

.star-rating-select .star.selected,
.star-rating-select .star.hover {
	color: #E6A117;
}

/* Responsive adjustments for orders-detail.html */
@media (max-width: 991px) {
	.order-detail-header-card {
		padding: 20px 22px;
	}

	.order-detail-item-row {
		flex-direction: column;
		gap: 16px;
	}

	.detail-item-price-col {
		text-align: left;
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 100%;
		border-top: 1px dashed #F0E8DE;
		padding-top: 12px;
	}

	.detail-item-price-unit {
		margin-bottom: 0;
	}

	.detail-item-price-total {
		margin-bottom: 0;
	}

	.order-detail-actions {
		justify-content: flex-end !important;
		align-items: flex-end !important;
		width: 100%;
		margin-top: 12px;
		margin-left: auto !important;
		text-align: right;
	}

	.order-detail-actions .btn {
		white-space: nowrap !important;
		align-self: flex-end !important;
	}
}

@media (max-width: 767px) {
	.orders-detail-sec {
		padding-top: 1.5rem !important;
		padding-bottom: 2rem !important;
	}

	/* Breadcrumbs */
	.orders-breadcrumb {
		margin-bottom: 14px;
	}

	.orders-breadcrumb .breadcrumb {
		font-size: 12.5px;
		flex-wrap: nowrap;
		overflow-x: auto;
		white-space: nowrap;
		-webkit-overflow-scrolling: touch;
		padding-bottom: 4px;
	}

	.btn-back-account {
		width: 100%;
		justify-content: center;
		padding: 8px 14px;
		font-size: 13px;
	}

	/* Header Card */
	.order-detail-header-card {
		padding: 16px 14px;
		border-radius: 14px;
		margin-bottom: 18px;
	}

	.order-detail-top-bar {
		flex-direction: column;
		align-items: flex-start;
		gap: 12px;
		margin-bottom: 14px;
		padding-bottom: 14px;
	}

	.order-detail-id-wrap {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
		flex-wrap: wrap;
		gap: 8px;
	}

	.order-detail-title {
		font-size: 20px;
		line-height: 1.25;
	}

	.btn-copy-id {
		font-size: 11px;
		padding: 2px 7px;
	}

	.order-status-badge {
		font-size: 11px;
		padding: 4px 10px;
	}

	/* Switcher Flex-Wrap on Mobile */
	.order-detail-switcher {
		width: 100%;
		display: flex;
		flex-wrap: wrap !important;
		overflow: visible !important;
		white-space: normal !important;
		padding: 6px 8px;
		gap: 6px;
		border-radius: 14px;
	}

	.order-detail-switcher::-webkit-scrollbar {
		display: none;
	}

	.order-detail-switcher .switcher-label {
		display: none;
	}

	.switcher-pill {
		flex: 0 0 auto;
		padding: 5px 12px;
		font-size: 12px;
		white-space: nowrap !important;
	}

	/* Metadata Grid 2-column on Mobile */
	.order-detail-meta-grid {
		grid-template-columns: 1fr 1fr;
		gap: 14px 10px;
	}

	.order-meta-box .label {
		font-size: 11px;
		margin-bottom: 2px;
	}

	.order-meta-box .val {
		font-size: 13.5px;
	}

	.order-detail-actions {
		grid-column: 1 / -1;
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		align-items: flex-end !important;
		justify-content: flex-end !important;
		gap: 8px;
		margin-top: 10px;
		margin-left: auto !important;
		text-align: right;
	}

	.order-detail-actions .btn {
		width: auto !important;
		white-space: nowrap !important;
		align-self: flex-end !important;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		padding: 8px 14px;
		font-size: 12.5px;
		font-weight: 600;
	}

	/* Consignment Highlights Banner */
	.consignment-strip-box {
		padding: 16px 14px;
		border-radius: 14px;
		margin-bottom: 18px;
		gap: 14px;
		flex-direction: column;
		align-items: flex-start;
	}

	.consignment-carrier-info {
		width: 100%;
		display: flex;
		align-items: flex-start;
		gap: 12px;
	}

	.carrier-icon-badge {
		width: 38px;
		height: 38px;
		border-radius: 10px;
		flex-shrink: 0;
	}

	.consignment-carrier-title {
		font-size: 14px;
		line-height: 1.35;
		margin-bottom: 3px;
	}

	.consignment-carrier-sub {
		font-size: 12px;
		line-height: 1.45;
	}

	.consignment-quick-buttons {
		width: 100%;
		display: flex;
		flex-direction: column;
		gap: 8px;
	}

	.consignment-quick-buttons .btn {
		width: 100%;
		padding: 8px 12px;
		font-size: 12.5px;
		font-weight: 600;
		text-align: center;
	}

	/* Milestone Stepper Container & Nodes */
	.order-detail-stepper-card {
		border-radius: 14px;
		margin-bottom: 18px;
	}

	.stepper-card-header {
		padding: 14px 16px;
		flex-direction: column;
		align-items: flex-start;
		gap: 10px;
	}

	.stepper-card-title {
		font-size: 15.5px;
	}

	.stepper-toggle-btn {
		width: 100%;
		justify-content: center;
		padding: 6px 14px;
		font-size: 12px;
	}

	.stepper-card-body {
		padding: 16px 14px 20px 14px;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}

	.stepper-card-body::-webkit-scrollbar {
		height: 5px;
	}

	.stepper-card-body::-webkit-scrollbar-track {
		background: #F4EFEA;
		border-radius: 10px;
	}

	.stepper-card-body::-webkit-scrollbar-thumb {
		background: #C49A45;
		border-radius: 10px;
	}

	.stepper-card-body .order-stepper {
		min-width: 620px;
		padding: 0 !important;
		margin: 0 auto;
	}

	.stepper-node {
		min-width: 95px;
	}

	.stepper-dot {
		width: 32px !important;
		height: 32px !important;
		font-size: 12px;
	}

	.stepper-label {
		font-size: 11.5px;
	}

	.stepper-date {
		font-size: 10.5px;
	}

	/* Items Card */
	.order-detail-items-card {
		border-radius: 14px;
		margin-bottom: 18px;
	}

	.detail-items-header {
		padding: 14px 16px;
		flex-direction: column;
		align-items: flex-start;
		gap: 4px;
	}

	.detail-items-title {
		font-size: 16px;
	}

	.order-detail-item-row {
		padding: 16px 14px;
		flex-direction: column;
		gap: 14px;
	}

	.detail-item-main {
		display: flex;
		flex-direction: row;
		align-items: flex-start;
		gap: 12px;
		width: 100%;
	}

	.detail-item-img {
		width: 72px;
		height: 72px;
		border-radius: 10px;
		flex-shrink: 0;
	}

	.detail-item-info {
		flex: 1;
		min-width: 0;
	}

	.detail-item-name {
		font-size: 15px;
		line-height: 1.3;
		margin-bottom: 4px;
	}

	.detail-item-artisan-tag {
		font-size: 12px;
		margin-bottom: 6px;
		line-height: 1.35;
	}

	.detail-item-specs {
		font-size: 12px;
		line-height: 1.4;
		margin-bottom: 10px;
	}

	.detail-item-actions {
		width: 100%;
		display: flex;
		flex-direction: column;
		gap: 7px;
	}

	.detail-item-actions .btn {
		width: 100%;
		text-align: center;
		padding: 8px 12px;
		font-size: 12.5px;
	}

	.detail-item-price-col {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
		border-top: 1px dashed #F0E8DE;
		padding-top: 10px;
		margin-top: 4px;
	}

	.detail-item-price-unit {
		font-size: 12px;
		margin-bottom: 0;
	}

	.detail-item-price-total {
		font-size: 16px;
		margin-bottom: 0;
	}

	.detail-item-qty-tag {
		font-size: 11.5px;
		padding: 2px 8px;
	}

	/* Two-column Bottom Cards */
	.detail-card-panel {
		padding: 18px 14px;
		border-radius: 14px;
		margin-bottom: 18px;
		height: auto;
	}

	.detail-card-panel-title {
		font-size: 15.5px;
		margin-bottom: 14px;
		padding-bottom: 10px;
	}

	.address-block {
		font-size: 12.5px;
		margin-bottom: 14px;
	}

	.address-block strong {
		font-size: 14px;
	}

	.packaging-note-box {
		padding: 12px 14px;
		font-size: 12px;
		margin-bottom: 14px;
		gap: 8px;
	}

	.artisan-impact-badge {
		padding: 12px 14px;
		font-size: 12px;
		gap: 10px;
	}

	.financial-summary-list li {
		font-size: 12.5px;
		padding: 7px 0;
	}

	.financial-summary-list li.grand-total-row {
		font-size: 15px;
		padding-top: 10px;
	}

	.financial-summary-list li.grand-total-row .total-amount {
		font-size: 18px;
	}

	.payment-method-box {
		padding: 12px 14px;
		font-size: 12px;
		margin-bottom: 14px;
	}

	/* Care Accordion */
	.order-care-card {
		padding: 18px 14px;
		border-radius: 14px;
		margin-bottom: 18px;
	}

	.order-care-card .accordion-button {
		font-size: 13px;
		padding: 12px 14px;
	}

	.order-care-card .accordion-body {
		font-size: 12.5px;
		padding: 12px 14px;
	}

	/* Modals */
	.modal-dialog {
		margin: 12px;
	}

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

	.modal-header {
		padding: 14px 16px;
	}

	.modal-body {
		padding: 16px 14px !important;
	}

	.certificate-frame {
		padding: 16px 12px;
		border-width: 4px;
	}

	.cert-header {
		font-size: 18px;
	}

	.cert-seal {
		width: 48px;
		height: 48px;
		margin-bottom: 10px;
	}

	.cert-body {
		font-size: 12.5px;
		margin-bottom: 14px;
		line-height: 1.5;
	}

	.cert-meta-grid {
		grid-template-columns: 1fr;
		gap: 8px;
		padding: 10px 12px;
		font-size: 12px;
	}

	.cert-signatures {
		flex-direction: column;
		gap: 12px;
		padding-top: 12px;
		margin-top: 12px;
	}
}

@media (max-width: 400px) {
	.order-detail-meta-grid {
		grid-template-columns: 1fr;
		gap: 10px;
	}

	.order-detail-id-wrap {
		flex-direction: column;
		align-items: flex-start;
		gap: 8px;
	}
}
.btn.btn-black-outline {
    background: transparent;
    border-color: #C09645;
    color: #473410;
}