/* ---------- base.css ---------- */

/* CSS Reset (modern minimal reset) */
*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* Root Variables */
:root {
  --color-primary: #b55a00;
  --color-secondary: #0c1a35;
  --color-bg-light: #fffdf9;
  --color-badge-bg: #ffe7b3;
  --color-badge-text: #8a5800;
  --color-text: #444;
  --color-white: #ffffff;

  --copper: #C85A0A;
  --dark-bg: #0e0e0e;
  --light-bg: #ffffff;
  --text-color: #1c1c1c;

  --color-bg: #ffffff;
  --color-text: #2e2e2e;
  --color-muted: #666;
  --color-heading: #1a1a1a;
  --color-accent: #b87333; /* copper tone */
  --color-accent-dark: #8b4513;
  --color-border: #e5e5e5;
  --radius: 12px;
  --shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
  --max-width: 1080px;
  

  --transition: all 0.3s ease;
  --max-width: 1280px;

  --radius-md: 0.5rem;
  --radius-lg: 1rem;

  --font-main: "Inter", "Segoe UI", sans-serif;

  --card-bg: #ffffff;
  --card-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  --muted: #6b7280;

}


/* Base Body */
body {
  font-family: var(--font-main);
  font-size: 16px;
  color: var(--color-text);
  background-color: var(--color-bg-light);
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
  color: var(--color-secondary);
  font-weight: 700;
  line-height: 1.2;
}

/* Links & Buttons default reset */
a {
  text-decoration: none;
  color: inherit;
  cursor: pointer;
}

button {
  cursor: pointer;
  border: none;
  background: none;
}

/* ---------- BASE ELEMENT STYLES ---------- */

body {
  font-family: 'Inter', sans-serif;
  color: #1a1a1a;
  background-color: #fff;
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4, h5 {
  font-weight: 700;
  margin: 0;
}

p {
  margin: 0 0 1rem;
  line-height: 1.6;
  color: #555;
}

img {
  max-width: 100%;
  height: auto;
  display: block;
  border: none;
}

.container {
  width: 90%;
  max-width: 1280px;
  margin: 0 auto;
}

/* small utility */
.grid-inner { display: grid; grid-template-columns: repeat( auto-fit, minmax(240px, 1fr) ); gap: 20px; align-items: stretch; }
.loading { opacity: 0.6; pointer-events: none; }


/* start WhatsApp Icon in Navigation Styling */
.whatsapp-nav img {
    width: 26px;
    height: 26px;
    vertical-align: middle;
    transition: transform 0.2s ease;
}

.whatsapp-nav img:hover {
    transform: scale(1.15);
}
/* end WhatsApp Icon in Navigation Styling */

.pagination{text-align: center; margin-top: 20px;}


.iubenda-tp-btn, .iubenda-tp-btn-container{display:none !important;} /* hiding the unnecessary iubenda popup on the front end bottom right */




/*==================================================
Start Hero Section
==================================================*/

.hero{

    position:relative;

    display:flex;

    align-items:center;

    justify-content:center;

    overflow:hidden;

    background:#1b1b1b;

    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;

}

.hero::before{

    content:"";

    position:absolute;

    inset:0;

    background:url("../images/homepage/hero.jpg") center center/cover no-repeat;

    z-index:1;

}

.hero-overlay{

    position:absolute;

    inset:0;

    /*background:rgba(0,0,0,.45); Not required for UK */

    z-index:2;

}

.hero .container{

    position:relative;

    z-index:3;

}

.hero-content{

    max-width:500px;

    text-align:left;

    color:#ffffff;

}

.hero-content h1{color:#fff;}

.hero-badge{

    display:inline-block;

    padding:10px 22px;

    border:1px solid rgba(255,255,255,.35);

    border-radius:40px;

    background:rgba(255,255,255,.08);

    backdrop-filter:blur(8px);

    letter-spacing:2px;

    text-transform:uppercase;

}

.hero h1{

    font-weight:600;
    line-height: 1.27;

}

.hero-subtitle{

    margin-left:auto;

    margin-right:auto;

    line-height:1.8;

    color:rgba(255,255,255,.92);

}

.hero-buttons{

    display:flex;

    gap:18px;

    flex-wrap:wrap;

}
/*==================================================
End Hero Section
==================================================*/

/*=========================================================
Start WHY US
=========================================================*/

.why-us{

    padding:80px 0;

    background:#f7f4ef;

}

.section-heading{

    text-align:center;

    max-width:760px;

    margin:0 auto 60px;

}

.section-tag{

    display:inline-block;

    font-size:.8rem;

    text-transform:uppercase;

    letter-spacing:2px;

    color:#b87333;

    margin-bottom:15px;

}

.section-heading h2{

    margin-bottom:20px;

}

.section-heading p{

    color:#666;

    line-height:1.8;

}

.why-grid{

    display:grid;

    gap:25px;

}

.why-card{

    background:#fff;

    border-radius:14px;

    padding:35px;

    transition:.35s;

    box-shadow:0 8px 30px rgba(0,0,0,.05);

}

.why-card:hover{

    transform:translateY(-6px);

    box-shadow:0 20px 45px rgba(0,0,0,.10);

}

.why-icon{

    font-size:2rem;

    margin-bottom:20px;

}

.why-card h3{

    margin-bottom:15px;

}

.why-card p{

    color:#666;

    line-height:1.7;

}
/*=========================================================
End WHY US
=========================================================*/

/*=====================================================
Start Homepage section SHOP CATEGORIES
=====================================================*/

.shop-categories {
	padding: clamp(70px, 8vw, 120px) 0;
	background: #fffdf9;
}

.shop-categories .container {
	width: min(1600px, calc(100% - 48px));
	margin: 0 auto;
}

.shop-categories .section-heading {
	max-width: 760px;
	margin: 0 auto clamp(42px, 5vw, 70px);
	text-align: center;
}

.shop-categories .section-tag {
	display: inline-block;
	margin-bottom: 12px;
	color: #a56b43;
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 0.18em;
	text-transform: uppercase;
}

.shop-categories .section-heading h2 {
	margin: 0;
	color: #1f1d19;
	font-size: clamp(38px, 4.5vw, 64px);
	font-weight: 600;
	line-height: 1.08;
	letter-spacing: -0.025em;
}

.shop-categories .section-heading p {
	max-width: 700px;
	margin: 18px auto 0;
	color: #746d66;
	font-size: 16px;
	line-height: 1.7;
}


/*=====================================================
Editorial Category Grid
=====================================================*/

.category-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	grid-template-areas:
		"featured featured tall"
		"standard-one standard-two standard-three";
	gap: 22px;
}

.category-card {
	position: relative;
	display: block;
	min-height: 390px;
	overflow: hidden;
	border-radius: 4px;
	color: #1f1d19;
	background: #efe8df;
	text-decoration: none;
	isolation: isolate;
}

.category-card-featured {
	grid-area: featured;
	min-height: 520px;
}

.category-card-tall {
	grid-area: tall;
	min-height: 520px;
}

.category-card-standard:nth-of-type(3) {
	grid-area: standard-one;
}

.category-card-standard:nth-of-type(4) {
	grid-area: standard-two;
}

.category-card-standard:nth-of-type(5) {
	grid-area: standard-three;
}


/*=====================================================
Category Images
=====================================================*/

.category-image {
	position: absolute;
	inset: 0;
	overflow: hidden;
}

.category-image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	transition:
		transform 650ms ease,
		filter 350ms ease;
}


/*=====================================================
Text Overlay
=====================================================*/

.category-overlay {
	position: absolute;
	inset: 0;
	z-index: 2;

	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: flex-start;

	padding: clamp(24px, 3vw, 42px);

}

.category-overlay h3 {
	margin: 0 0 9px;
	color: #fff;
	font-size: clamp(27px, 1.4vw, 42px);
	font-weight: 400;
	line-height: 1.12;
	letter-spacing: -0.02em;
	text-shadow: 0 1px 12px rgba(255, 255, 255, 0.42);
}

.category-explore {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	color: #fff;
	font-size: 15px;
	font-weight: 500;
	line-height: 1.2;
}

.category-explore span {
	display: inline-block;
	transition: transform 180ms ease;
}


/*=====================================================
Hover
=====================================================*/

.category-card:hover .category-image img,
.category-card:focus-visible .category-image img {
	transform: scale(1.035);
	filter: saturate(1.03);
}

.category-card:hover .category-explore span,
.category-card:focus-visible .category-explore span {
	transform: translateX(4px);
}

.category-card:focus-visible {
	outline: 2px solid #a56b43;
	outline-offset: 4px;
}


/*=====================================================
End Homepage section SHOP CATEGORIES
=====================================================*/

/*==============================================================
Start OUR CRAFTSMANSHIP Styles
==============================================================*/

.craftsmanship-section{
    padding:80px 0;
    background:#ffffff;
}

.craftsmanship-wrapper{
    display:flex;
    flex-direction:column;
    gap:50px;
}

.craftsmanship-media{
    position:relative;
    overflow:hidden;
    border-radius:18px;
}

.craftsmanship-image,
.craftsmanship-video{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    border-radius:18px;
}

.craftsmanship-video{
    background:#000;
}

.craftsmanship-content{
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.craftsmanship-content .section-tag{
    display:inline-block;
    margin-bottom:12px;
    font-size:0.85rem;
    font-weight:600;
    letter-spacing:2px;
    text-transform:uppercase;
    color:var(--color-primary);
}

.craftsmanship-content h2{
    margin:0 0 20px;
}

.craftsmanship-content > p{
    margin-bottom:40px;
    max-width:650px;
}

.craft-features{
    display:grid;
    gap:20px;
    margin-bottom:40px;
}

.craft-feature{
    padding:24px;
    background:#ffffff;
    border:1px solid #e7e7e7;
    border-radius:14px;
    transition:all .3s ease;
}

.craft-feature:hover{
    transform:translateY(-5px);
    box-shadow:0 12px 30px rgba(0,0,0,.08);
}

.craft-feature h4{
    margin:0 0 10px;
}

.craft-feature p{
    margin:0;
    color:#666;
}

.craftsmanship-content .btn{
    align-self:flex-start;
}

/*==============================================================
OPTIONAL IMAGE HOVER
==============================================================*/

.craftsmanship-media img,
.craftsmanship-media video{
    transition:transform .5s ease;
}

.craftsmanship-media:hover img,
.craftsmanship-media:hover video{
    transform:scale(1.04);
}

/*==============================================================
End OUR CRAFTSMANSHIP Styles
==============================================================*/

/*==============================================================
Start TRADE & HOSPITALITY
==============================================================*/

.partnerships-section{
    padding:80px 0;
    background:#f9f7f3;
}

.partnerships-wrapper{
    display:flex;
    flex-direction:column;
    gap:50px;
}

/*--------------------------------------------------------------
Media
--------------------------------------------------------------*/

.partnerships-media{
    position:relative;
    overflow:hidden;
    border-radius:18px;
}

.partnership-image,
.partnership-video{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    border-radius:18px;
}

.partnership-video{
    background:#000;
}

/*--------------------------------------------------------------
Content
--------------------------------------------------------------*/

.partnerships-content{
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.partnerships-content .section-tag{
    display:inline-block;
    margin-bottom:12px;
    font-size:.85rem;
    font-weight:600;
    letter-spacing:2px;
    text-transform:uppercase;
    color:var(--color-primary);
}

.partnerships-content h2{
    margin:0 0 20px;
}

.partnerships-content .section-description{
    margin-bottom:40px;
    max-width:700px;
}

/*--------------------------------------------------------------
Cards
--------------------------------------------------------------*/

.partnership-cards{
    display:grid;
    gap:24px;
    margin-bottom:40px;
}

.partnership-card{
    background:#ffffff;
    border:1px solid #e6e6e6;
    border-radius:16px;
    padding:28px;
    transition:all .3s ease;
}

.partnership-card:hover{
    transform:translateY(-6px);
    box-shadow:0 18px 40px rgba(0,0,0,.08);
}

.partnership-card h3{
    margin:0 0 14px;
}

.partnership-card p{
    margin-bottom:18px;
    color:#666;
}

.partnership-card ul{
    margin:0;
    padding-left:18px;
}

.partnership-card li{
    margin-bottom:10px;
    color:#444;
}

.partnership-card li:last-child{
    margin-bottom:0;
}

/*--------------------------------------------------------------
Button
--------------------------------------------------------------*/

.partnerships-content .btn{
    align-self:flex-start;
}
/*==============================================================
End Start TRADE & HOSPITALITY
==============================================================*/

/*=====================================================*
* Start Proudly Made in India
*=====================================================*/

.made-in-india-section {
	--india-dark: #1e1b18;
	--india-text: #615a53;
	--india-copper: #a96c3f;
	--india-copper-light: #d4a47f;
	--india-ivory: #f8f3ed;
	--india-border: #e7d9cc;

	padding: clamp(60px, 7vw, 120px) 0;

	background:
		radial-gradient(
			circle at 16% 26%,
			rgba(185, 116, 65, 0.1),
			transparent 30%
		),
		#fffdf9;

	overflow: hidden;
}

.made-in-india-section .container {
	width: min(1500px, calc(100% - 48px));
	margin: 0 auto;
}


/*=====================================================*
* Layout
*=====================================================*/

.made-in-india-layout {
	display: grid;

	grid-template-columns:
		minmax(260px, 0.8fr)
		minmax(0, 1.2fr);

	align-items: center;

	gap: clamp(40px, 6vw, 100px);

	width: 100%;
	min-width: 0;

	padding: clamp(42px, 5vw, 80px);

	border: 1px solid var(--india-border);
	border-radius: 22px;

	background:
		linear-gradient(
			135deg,
			rgba(255, 255, 255, 0.98),
			var(--india-ivory)
		);

	box-shadow:
		0 28px 65px rgba(72, 43, 24, 0.09);
}


/*=====================================================*
* Seal
*=====================================================*/

.made-in-india-seal-wrap {
	position: relative;

	display: flex;
	align-items: center;
	justify-content: center;

	width: 100%;
	min-width: 0;

	min-height: clamp(320px, 34vw, 440px);
}

.made-in-india-seal-wrap::before,
.made-in-india-seal-wrap::after {
	content: "";

	position: absolute;

	border-radius: 50%;
	border: 1px solid rgba(169, 108, 63, 0.16);

	pointer-events: none;
}

.made-in-india-seal-wrap::before {
	width: min(390px, 85%);
	aspect-ratio: 1;
}

.made-in-india-seal-wrap::after {
	width: min(470px, 100%);
	aspect-ratio: 1;
}

.made-in-india-seal-image {
	position: relative;
	z-index: 2;

	display: block;

	width: min(360px, 82%);
	max-width: 100%;
	height: auto;

	filter:
		drop-shadow(
			0 24px 28px rgba(76, 42, 22, 0.2)
		);

	transition:
		transform 350ms ease,
		filter 350ms ease;
}

.made-in-india-layout:hover
.made-in-india-seal-image {
	transform:
		translateY(-5px)
		rotate(-1deg);

	filter:
		drop-shadow(
			0 30px 34px rgba(76, 42, 22, 0.26)
		);
}


/*=====================================================*
* Content
*=====================================================*/

.made-in-india-content {
	width: 100%;
	max-width: 760px;

	min-width: 0;
}

.made-in-india-eyebrow {
	display: inline-block;

	margin-bottom: 14px;

	color: var(--india-copper);

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

	letter-spacing: 0.2em;
	text-transform: uppercase;
}

.made-in-india-content h2 {
	margin: 0;

	max-width: 100%;

	color: var(--india-dark);

	font-size: clamp(38px, 4vw, 60px);
	font-weight: 400;
	line-height: 1.05;

	letter-spacing: -0.03em;

	overflow-wrap: break-word;
}

.made-in-india-intro {
	max-width: 720px;

	margin: 24px 0 0;

	color: var(--india-text);

	font-size: clamp(16px, 1.3vw, 19px);
	line-height: 1.75;
}


/*=====================================================*
* Benefits
*=====================================================*/

.made-in-india-benefits {
	display: grid;

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

	gap: 25px 32px;

	margin-top: 38px;
	padding-top: 34px;

	border-top:
		1px solid
		var(--india-border);
}

.made-in-india-benefit {
	display: grid;

	grid-template-columns:
		38px
		minmax(0, 1fr);

	align-items: start;

	gap: 14px;

	min-width: 0;
}

.made-in-india-check {
	display: flex;
	align-items: center;
	justify-content: center;

	width: 38px;
	height: 38px;

	border:
		1px solid
		rgba(169, 108, 63, 0.32);

	border-radius: 50%;

	color: #fff;
	background: var(--india-copper);

	font-size: 15px;
	font-weight: 700;

	box-shadow:
		0 7px 18px
		rgba(133, 77, 38, 0.18);
}

.made-in-india-benefit strong {
	display: block;

	margin: 0 0 6px;

	color: var(--india-dark);

	font-size: 16px;
	font-weight: 700;
	line-height: 1.35;

	overflow-wrap: break-word;
}

.made-in-india-benefit p {
	margin: 0;

	color: var(--india-text);

	font-size: 14px;
	line-height: 1.6;

	overflow-wrap: break-word;
}


/*=====================================================*
* Tablet
*=====================================================*/

@media (max-width: 1100px) {

	.made-in-india-section .container {
		width: min(
			100% - 36px,
			1200px
		);
	}

	.made-in-india-layout {
		grid-template-columns:
			minmax(220px, 0.75fr)
			minmax(0, 1.25fr);

		gap: 36px;

		padding: 42px 36px;
	}

	.made-in-india-seal-wrap {
		min-height: 320px;
	}

	.made-in-india-seal-image {
		width: min(
			300px,
			80%
		);
	}

	.made-in-india-content h2 {
		font-size: clamp(
			36px,
			5vw,
			50px
		);
	}

	.made-in-india-benefits {
		grid-template-columns: 1fr;

		gap: 22px;
	}

}


/*=====================================================*
* Mobile
*=====================================================*/

@media (max-width: 767px) {

	.made-in-india-section {
		padding:
			50px 0;
	}

	.made-in-india-section .container {
		width:
			calc(100% - 28px);
	}

	.made-in-india-layout {
		grid-template-columns: 1fr;

		gap: 34px;

		padding:
			36px 22px;

		border-radius: 18px;
	}

	.made-in-india-seal-wrap {
		min-height: auto;

		padding:
			20px 0 10px;
	}

	.made-in-india-seal-wrap::before {
		width: min(
			310px,
			82vw
		);
	}

	.made-in-india-seal-wrap::after {
		width: min(
			360px,
			92vw
		);
	}

	.made-in-india-seal-image {
		width: min(
			270px,
			74vw
		);
	}

	.made-in-india-content {
		max-width: none;
	}

	.made-in-india-eyebrow {
		margin-bottom: 10px;

		font-size: 11px;
	}

	.made-in-india-content h2 {
		font-size: clamp(
			34px,
			10vw,
			44px
		);

		line-height: 1.08;
	}

	.made-in-india-intro {
		margin-top: 18px;

		font-size: 16px;
		line-height: 1.65;
	}

	.made-in-india-benefits {
		grid-template-columns: 1fr;

		gap: 22px;

		margin-top: 30px;
		padding-top: 28px;
	}

	.made-in-india-benefit {
		grid-template-columns:
			34px
			minmax(0, 1fr);

		gap: 12px;
	}

	.made-in-india-check {
		width: 34px;
		height: 34px;

		font-size: 14px;
	}

	.made-in-india-benefit strong {
		font-size: 15px;
	}

	.made-in-india-benefit p {
		font-size: 14px;
	}

}


/*=====================================================*
* Small Mobile
*=====================================================*/

@media (max-width: 480px) {

	.made-in-india-section .container {
		width:
			calc(100% - 20px);
	}

	.made-in-india-layout {
		padding:
			30px 18px;
	}

	.made-in-india-seal-image {
		width: min(
			240px,
			72vw
		);
	}

	.made-in-india-content h2 {
		font-size: clamp(
			32px,
			10vw,
			40px
		);
	}

}


/*=====================================================*
* End Proudly Made in India
*=====================================================*/


/*=====================================================
Start India Site Identifier
=====================================================*/

.site-market-badge {
	display: inline-flex;
	align-items: center;
	gap: 10px;

	padding: 7px 12px;

	border-left: 1px solid #e8e0d8;

	color: #6f4930;
	background: transparent;

	white-space: nowrap;
}

.site-market-flag{
	display:flex;
	align-items:center;
	justify-content:center;

	width:36px;
	height:36px;

	flex:0 0 36px;

	border-radius:50%;
	overflow:hidden;

	border:1px solid #ddd;
	box-shadow:0 3px 8px rgba(0,0,0,.12);

	background:#fff;
}

.site-market-flag img{
	width:100%;
	height:100%;
	object-fit:cover;
	display:block;
}

.site-market-copy {
	display: flex;
	flex-direction: column;

	line-height: 1.05;
}

.site-market-copy strong {
	color: #8f5b38;

	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.14em;
}

.site-market-copy small {
	margin-top: 3px;

	color: #8d8178;

	font-size: 9px;
	font-weight: 600;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

@media (max-width: 768px) {

	.site-market-copy small {
		display: none;
	}

	.site-market-badge {
		gap: 7px;
		padding-right: 8px;
		padding-left: 8px;
	}

	.site-market-flag {
		width: 30px;
		height: 20px;
		flex-basis: 30px;
	}

}
/*=====================================================
End India Site Identifier
=====================================================*/