/* Header values are shared semantic brand tokens for the site action system. */
:root {
	--kirans-header: #846D45;
	--kirans-header-announcement: #998159;
	--kirans-action-primary: var(--kirans-header);
	--kirans-action-hover: var(--kirans-header-announcement);
}
.announcement-bar, .site-header {
	--kirans-header-rule: rgba(246, 241, 235, 0.55);
	--kirans-inverse: #F6F1EB;
	color: var(--kirans-inverse);
}
.announcement-bar { background: var(--kirans-header-announcement); }
.site-header { background: var(--kirans-header); }
.announcement-bar__context, .announcement-bar__services,
.site-header .site-navigation, .site-header .header-utility, .site-header .header-icon-button {
	font-family: "Cormorant Garamond", Georgia, serif;
	font-weight: 500;
}
.site-header .header-icon-button { color: var(--kirans-inverse); }
.announcement-bar__context, .announcement-bar__services {
	font-size: 11px;
	letter-spacing: 0.14em;
	line-height: 1;
}
.announcement-bar__strapline { font-weight: 500; }
.announcement-bar__message {
	font-family: "Cormorant Garamond", Georgia, serif;
	font-size: 13px;
	font-weight: 500;
	font-variant-numeric: lining-nums;
	letter-spacing: 0.13em;
	line-height: 1;
	text-transform: uppercase;
}
.announcement-bar__message * { font: inherit; letter-spacing: inherit; vertical-align: baseline; }
.announcement-bar__divider { height: 14px; background: var(--kirans-header-rule); }
.site-header .site-navigation__list > li > a {
	font-family: "Cormorant Garamond", Georgia, serif;
	font-size: 15px;
	font-weight: 500;
	letter-spacing: 0.10em;
	line-height: 1;
	text-transform: uppercase;
	text-decoration: none;
	border: 0;
	background: transparent;
}
.site-header .header-utility__icon .kirans-icon { width: 22px; height: 22px; stroke-width: 1.5; }
.site-header .header-utility__count { font-size: 11px; font-weight: 400; }
.site-header .navigation-panel[role="dialog"] { background: var(--kirans-header); }
/* Phone composition only: the locked desktop rules below are unchanged. */
@media (max-width: 47.999rem) {
	.announcement-bar { min-height: 28px; }
	.announcement-bar__inner { min-height: 27px; width: 100%; padding: 0 12px; }
	.announcement-bar__message { font-size: 11px; letter-spacing: 0.10em; line-height: 1.2; }
	.site-header__brand-row, .site-header__brand-grid { min-height: 63px; }
	.site-header__brand-grid {
		width: 100%;
		padding-inline: 12px;
		grid-template-columns: 88px minmax(0, 1fr) 88px;
		gap: 4px;
		align-items: center;
	}
	.site-header .site-branding { width: 100%; text-align: center; }
	.site-header .site-branding .custom-logo-link { width: 100%; }
	.site-header .site-branding .custom-logo { width: min(148px, 100%); height: auto; max-height: none; }
	.site-header__utilities { gap: 0; }
	.site-header .header-utility { min-width: 44px; min-height: 44px; }
	.site-header .header-utility__icon .kirans-icon { width: 32px; height: 32px; stroke-width: 1.15; }
	.site-header .navigation-toggle .kirans-icon { width: 30px; height: 30px; stroke-width: 1.2; }
	.site-header .header-utility--bag { gap: 2px; }
	.site-header .header-utility__count { position: static; transform: none; align-self: center; line-height: 1; }
}
@media (min-width: 75rem) {
	.announcement-bar { height: 30px; min-height: 30px; }
	.announcement-bar__inner, .site-header__brand-grid {
		width: 100%;
		max-width: 1540px;
		margin-inline: auto;
		padding-inline: 48px;
	}
	.announcement-bar__inner {
		position: relative;
		display: flex;
		justify-content: space-between;
		height: 29px;
		min-height: 0;
		gap: 0;
	}
	.announcement-bar__message {
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		white-space: nowrap;
	}
	.announcement-bar__context, .announcement-bar__services { display: flex; gap: 12px; }
	.announcement-bar__strapline { display: none; }
	.announcement-bar__context > .announcement-bar__divider { display: block; }
	.site-header { height: 72px; min-height: 72px; }
	.site-header__brand-row, .site-header__brand-grid { height: 71px; min-height: 0; padding-block: 0; }
	.site-header__brand-grid { grid-template-columns: 210px minmax(0, 1fr) 180px; gap: 24px; align-items: center; }
	.site-header .site-branding .custom-logo { width: 210px; max-width: none; height: auto; max-height: none; }
	.site-header .site-navigation__list { flex-wrap: nowrap; gap: clamp(32px, 3.6vw, 58px); }
	.site-header .site-navigation__list > li > a { padding-inline: 0; }
	/* 44px hit areas leave 26px between the 24px Search/Account SVGs. */
	.site-header__utilities { display: flex; align-items: center; gap: 6px; }
	.site-header .header-utility__icon .kirans-icon { width: 24px; height: 24px; }
	.site-header .header-utility--bag { margin-left: 4px; padding-left: 20px; gap: 6px; }
	.site-header .header-utility--bag::before { height: 24px; background: var(--kirans-header-rule); }
	.site-header .header-utility__count { position: static; transform: none; line-height: 1; align-self: center; }
}
@media (min-width: 75rem) and (max-width: 89.999rem) {
	.announcement-bar__context { gap: 8px; }
	.announcement-bar__strapline { max-width: 235px; white-space: normal; line-height: 1.3; }
	.site-header__brand-grid { grid-template-columns: 210px minmax(0, 1fr) 160px; gap: 16px; }
	.site-header .site-navigation__list { gap: 24px; }
}

/* Header icon system — kept here because this stylesheet is loaded last. */
.site-header .kirans-wishlist-count[hidden] { display: none; }

@media (min-width: 75rem) {
	.site-header .site-header__brand-grid {
		max-width: none;
		grid-template-columns: 210px minmax(0, 1fr) 240px;
	}
	.site-header__utilities {
		display: flex !important;
		align-items: center !important;
		justify-content: flex-end;
		gap: 6px !important;
	}
	.site-header .header-utility--search,
	.site-header .header-utility--account,
	.site-header .kirans-wishlist-open {
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		box-sizing: border-box;
		flex: 0 0 44px !important;
		width: 44px !important;
		min-width: 44px !important;
		height: 44px;
		min-height: 44px !important;
		padding: 0 !important;
		gap: 0 !important;
	}
	.site-header .header-utility__icon .kirans-icon,
	.site-header .kirans-wishlist-open svg { width: 27px !important; height: 27px !important; }
	.site-header .kirans-wishlist-open { gap: 6px !important; }
	.site-header .header-utility--bag {
		display: inline-flex !important;
		align-items: center !important;
		justify-content: flex-start !important;
		box-sizing: border-box;
		flex: 0 0 68px;
		width: 68px;
		min-width: 68px !important;
		height: 44px;
		min-height: 44px !important;
		margin-left: 12px !important;
		padding: 0 0 0 20px !important;
		gap: 6px !important;
	}
	.site-header .header-utility--bag .header-utility__icon .kirans-icon { width: 30px !important; height: 30px !important; }
	.site-header .header-utility--bag::before { width: 1px; height: 24px !important; }
	.site-header .kirans-wishlist-count,
	.site-header .header-utility--bag .header-utility__count {
		position: static !important;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		min-width: 0;
		height: auto;
		padding: 0;
		font: 500 11px/1 Manrope, Arial, sans-serif;
		font-variant-numeric: lining-nums tabular-nums;
		font-feature-settings: "lnum" 1, "tnum" 1;
		transform: none !important;
	}
}

@media (min-width: 90rem) {
	.site-header .site-header__brand-grid {
		grid-template-columns: 210px minmax(0, 1fr) 320px;
	}
	.site-header .site-header__utilities { gap: 36px !important; }
}

@media (max-width: 74.999rem) {
	.site-header .kirans-wishlist-open,
	.site-header .header-utility--bag { display: inline-flex; align-items: center; }
	.site-header .kirans-wishlist-open { justify-content: center; gap: 5px; }
	.site-header .header-utility--bag { gap: 5px; }
	.site-header .kirans-wishlist-count,
	.site-header .header-utility--bag .header-utility__count {
		position: static !important;
		display: inline-flex;
		align-items: center;
		font: 500 11px/1 Manrope, Arial, sans-serif;
		font-variant-numeric: lining-nums tabular-nums;
		transform: none !important;
	}
}

/* Mobile uses the same icon hierarchy as desktop at a compact scale. */
@media (max-width: 47.999rem) {
	.site-header .site-header__brand-grid {
		grid-template-columns: 44px minmax(0, 1fr) 96px;
		gap: 0;
		padding-inline: 14px;
		position: relative;
	}
	.site-header .site-header__lead {
		grid-column: 1;
		display: flex;
		align-items: center;
		justify-content: flex-start;
		width: 44px;
		height: 44px;
	}
	.site-header .navigation-toggle {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 44px;
		min-width: 44px;
		height: 44px;
		min-height: 44px;
		padding: 0;
	}
	.site-header .navigation-toggle .kirans-icon { width: 30px; height: 30px; }
	/* These controls sit on the brown header. Do not inherit page text colour. */
	.site-header .navigation-toggle,
	.site-header .navigation-panel__header .navigation-panel__close {
		color: #F6F1EB !important;
	}
	.site-header .navigation-toggle .kirans-icon,
	.site-header .navigation-panel__header .navigation-panel__close .kirans-icon {
		color: currentColor;
		stroke: currentColor;
	}
	.site-header .navigation-panel__header .navigation-panel__close .kirans-icon {
		width: 30px;
		height: 30px;
	}
	.site-header .site-branding {
		position: absolute;
		grid-column: auto;
		grid-row: auto;
		left: calc(50% - 8px);
		top: 50%;
		width: 132px;
		z-index: 1;
		text-align: left;
		transform: translate(-50%, -50%);
	}
	.site-header .site-branding .custom-logo { width: 132px; }
	.site-header .site-header__utilities {
		grid-column: 3;
		justify-self: end;
		gap: 0;
		transform: translateX(6px);
	}
	.site-header .header-utility--search,
	.site-header .kirans-wishlist-open,
	.site-header .header-utility--bag {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		box-sizing: border-box;
		flex: 0 0 32px;
		width: 32px;
		min-width: 32px;
		height: 44px;
		min-height: 44px;
		padding: 0;
	}
	.site-header .header-utility--search .kirans-icon { width: 24px; height: 24px; }
	.site-header .kirans-wishlist-open { gap: 5px; }
	.site-header .kirans-wishlist-open svg { width: 24px; height: 24px; }
	.site-header .header-utility--bag { gap: 5px; }
	.site-header .header-utility--bag .header-utility__icon .kirans-icon {
		width: 24px;
		height: 24px;
		transform: translateY(-0.5px);
	}
	.site-header .kirans-wishlist-count,
	.site-header .header-utility--bag .header-utility__count {
		font: 500 11px/1 Manrope, Arial, sans-serif;
		align-self: center;
		margin: 0;
		transform: none;
	}
	.site-header .header-utility__icon {
		display: grid;
		place-items: center;
		line-height: 0;
	}
	/* Counts add noise at phone size. */
	.site-header .kirans-wishlist-count,
	.site-header .header-utility--bag .header-utility__count {
		display: none !important;
	}
}