html {
	scroll-behavior: smooth;
}

/* :root {
    --pink: #94344f;
    --gold: #f5f5f5;
    --black: #000000;
    --white: #ffffff;
    --primary-color: #94344f;
    --secondary-color: #f5f5f5;
    --text-color: #333333;
	

    --cream: var(--white);
    --parchment: var(--gold);
    --paper: var(--white);
    --charcoal: var(--black);
    --ink: var(--black);
    --muted: var(--black);
    --line: var(--ember));
    --saffron: var(--gold);
    --saffron-deep: var(--gold);
    --ember: var(--pink);
    --ember-deep: var(--pink);

    --serif: "Cormorant Garamond", "Cormorant", Georgia, serif;
    --sans: "Outfit", ui-sans-serif, system-ui, sans-serif;
    --mono: "JetBrains Mono", ui-monospace, SFMono-Regular, monospace;

    --container: 1240px;
    --font-min: 16px;
    --section-padding: 60px;
    --section-heading: 4.5rem;
} */

:root {
	--pink: #94344f;
	--gold: #f5f5f5;
	--black: #000000;
	--white: #ffffff;
	--primary-color: #94344f;
	--secondary-color: #f5f5f5;
	--text-color: #333333;

	--cream: var(--white);
	--parchment: var(--gold);
	--paper: var(--white);
	--charcoal: var(--black);
	--ink: var(--black);
	--muted: var(--black);

	--line: var(--ember);

	--saffron: var(--gold);
	--saffron-deep: var(--gold);
	--ember: var(--pink);
	--ember-deep: var(--pink);

	--serif: "Cormorant Garamond", "Cormorant", Georgia, serif;
	--sans: "Outfit", ui-sans-serif, system-ui, sans-serif;
	--mono: "JetBrains Mono", ui-monospace, SFMono-Regular, monospace;

	--container: 1340px;
	--font-min: 16px;
	--section-padding: 60px;
	--section-heading: 4.0rem;
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	margin: 0;
	padding: 0;
	font-size: var(--font-min);
}
body {
    margin-top: 107px;
	padding: 0;
	font-family: var(--sans);
	color: var(--charcoal);
	background: var(--cream);
	font-size: var(--font-min);
	line-height: 1.55;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

button,
input,
select,
textarea {
	font-size: var(--font-min);
}

img {
	max-width: 100%;
	display: block;
}

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

.logo-img {
	height: 80px;
	width: auto;
	display: block;
}

.dish .img {
	overflow: hidden;
}

.cater-event .ic i {
	font-size: 1.125rem;
	color: var(--gold);
}

/* Font Awesome icons */
.utility span,
.utility a {
	display: inline-flex;
	align-items: center;
	gap: 8px;
}

.utility i,
.hero-meta .k i,
.visit-block .lbl i,
.visit-block .big a i,
.map-card .map-foot .addr>i,
.open-pill i.pulse-icon {
	color: var(--ember);
}

.visit-block .lbl i,
.visit-block .big a i {
	color: var(--gold);
	font-size: 16px;
}

.ribbon .icon i {
	font-size: 1.25rem;
}

footer .social a i {
	font-size: 1rem;
}

.pink-btn i,
.gold-btn i,
.white-btn i {
	font-size: 1em;
}

.testi .stars {
	display: flex;
	gap: 4px;
	letter-spacing: 0;
}

.testi .stars i {
	font-size: 1rem;
	color: var(--ember);
}

.open-pill .pulse-icon {
	font-size: 0.5rem;
	animation: pulse-glow 1.5s ease-in-out infinite;
}

@keyframes pulse-glow {

	0%,
	100% {
		opacity: 1;
	}

	50% {
		opacity: 0.35;
	}
}

.map-card .map-foot .addr>i {
	color: var(--pink);
	font-size: 16px;
}

a {
	color: inherit;
	text-decoration: none;
}

button {
	font: inherit;
	cursor: pointer;
}

.wrap {
	max-width: var(--container);
	margin: 0 auto;
	padding: 0 32px;
}

.eyebrow {
	font-family: var(--mono);
	font-size: var(--font-min);
	/* letter-spacing: 0.12em; */
	text-transform: uppercase;
	color: var(--ember);
	display: inline-flex;
	align-items: center;
	gap: 10px;
	font-size: 20px;
}

.eyebrow::before {
	content: "";
	width: 24px;
	height: 1px;
	background: currentColor;
}

h1,
h2,
h3,
h4 {
	font-family: var(--serif);
	font-weight: 500;
	color: var(--charcoal);
	margin: 0;
	text-transform: capitalize;
	letter-spacing: -0.01em;
	line-height: 1;
}

.section-head h2,
.about-copy>h2,
.cater-copy>h2,
#visit .section-head h2,
.news h3 {
	font-size: var(--section-heading);
	line-height: 1.1;
}

.section .eyebrow+h2,
.section-head .eyebrow+h2,
.about-copy>.eyebrow+h2,
.cater-copy>.eyebrow+h2,
#visit .section-head>.eyebrow+h2,
.news .eyebrow+h3 {
	margin-top: 14px;
}

h3 {
	font-size: 1.5rem;
	line-height: 1.2;
}

p {
	margin: 0;
	text-wrap: pretty;
	font-size: var(--font-min);
}

.lede {
	font-size: var(--font-min);
	color: var(--ink);
	max-width: 62ch;
}

/* buttons */
.pink-btn,
.gold-btn,
.white-btn {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 10px 20px;
	border-radius: 999px;
	font-family: var(--sans);
	font-weight: 500;
	font-size: var(--font-min);
	letter-spacing: 0.02em;
	border: 1px solid transparent;
	transition:
		transform 0.12s ease,
		background 0.2s,
		color 0.2s,
		border-color 0.2s;
	cursor: pointer;
	text-decoration: none;
}

.pink-btn:hover,
.gold-btn:hover,
.white-btn:hover {
	transform: translateY(-1px);
}

.pink-btn {
	background: var(--pink);
	color: var(--white);
	border-color: var(--pink);
}

.pink-btn:hover {
	background: var(--black);
	color: var(--white);
	border-color: var(--black);
}

.gold-btn {
	background: var(--gold);
	color: var(--black);
	border-color: var(--gold);
}

.gold-btn:hover {
	background: var(--black);
	color: var(--gold);
	border-color: var(--black);
}

.white-btn {
	background: var(--white);
	color: var(--black);
	border-color: var(--black);
}

.white-btn:hover {
	background: var(--black);
	color: var(--white);
	border-color: var(--black);
}

#catering .white-btn,
#visit .white-btn {
	background: transparent;
	color: var(--white);
	border-color: var(--white);
}

#catering .white-btn:hover,
#visit .white-btn:hover {
	background: var(--white);
	color: var(--black);
	border-color: var(--white);
}

/* ── utility bar ─────────────────────────────────── */
.utility {
	background: var(--black);
	color: var(--white);
	font-size: 16px;
	font-family: var(--mono);
	letter-spacing: 0.04em;
}

.utility .wrap {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 36px;
}

.utility-left {
	display: flex;
	gap: 24px;
	align-items: center;
}

.utility-left .dot {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: var(--saffron);
	display: inline-block;
	margin-right: 8px;
	box-shadow: 0 0 12px var(--saffron);
}

.utility a:hover {
	color: var(--saffron);
}

.utility-right {
	display: flex;
	gap: 18px;
}

nav.primary {
    position: fixed;
    top: 0;
    z-index: 50;
    width: 100%;
    padding: 14px 0;
    border-bottom: 1px solid #dadada;
    background: var(--ember);
}

nav.primary .wrap {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 78px;
}

.logo {
	display: flex;
	align-items: center;
	gap: 14px;
}

.logo-mark {
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background: var(--charcoal);
	display: grid;
	place-items: center;
	color: var(--saffron);
	font-family: var(--serif);
	font-size: 22px;
	font-style: italic;
	font-weight: 600;
	border: 1px solid var(--gold);
	box-shadow:
		inset 0 0 0 3px var(--charcoal),
		inset 0 0 0 4px var(--saffron);
}

.logo-text {
	display: flex;
	flex-direction: column;
	line-height: 1;
}

.logo-text .name {
	font-family: var(--serif);
	font-size: 22px;
	font-weight: 600;
	color: var(--charcoal);
	letter-spacing: 0.01em;
}

.logo-text .sub {
	font-family: var(--mono);
	font-size: 16px;
	letter-spacing: 0.22em;
	text-transform: uppercase;
	color: var(--muted);
	margin-top: 4px;
}

.nav-links {
	display: flex;
	gap: 77px;
	align-items: center;
}

.nav-links a {
	font-size: 16px;
	color: #fff;
	position: relative;
	padding: 40px 0px;
}

.nav-links a:hover {
	color: #fff;
}

.nav-links a::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 1px;
	background: var(--ember);
	transform: scaleX(0);
	transform-origin: left;
	transition: transform 0.25s ease;
}


.hero {
    position: relative;
    overflow: hidden;
    background: #F6F2F0;
    padding-bottom: 70px;
    padding-top: 70px;
}

.hero::before {
	content: "";
	position: absolute;
	inset: 0;
	background: radial-gradient(1100px 600px at 80% -10%, var(--white), transparent 60%),
		radial-gradient(900px 500px at -10% 100%, var(--gold), transparent 60%);
	pointer-events: none;
}

.section-video {
	position: relative;
	box-shadow: 0 30px 60px -20px #0000008a, 0 8px 20px -10px var(--black);
	padding: 35px;
}

.section-video video {
	height: 100%;
	width: 100%;
}

.hero .wrap {
	position: relative;
	display: grid;
	grid-template-columns: 50% 35%;
	gap: 64px;
	justify-content: center;
	align-items: center;
}

.hero h1 {
	font-family: var(--serif);
	font-weight: 500;
	font-size: 90px;
	line-height: 0.96;
	letter-spacing: -0.02em;
	margin-bottom: 24px;
	margin-top: 15px;
}

.hero h1 em {
	font-style: normal;
	color: var(--ember);
	font-weight: 500;
}

.hero .ledge {
	font-size: 19px;
	color: var(--ink);
	max-width: 52ch;
	margin-bottom: 36px;
}

.hero-ctas {
	display: flex;
	gap: 14px;
	flex-wrap: wrap;
}

.hero-meta {
	margin-top: 56px;
	display: flex;
	gap: 40px;
	align-items: center;
	padding-top: 28px;
	border-top: 1px solid var(--ember);
}

.hero-meta .item {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.hero-meta .k {
	font-family: var(--mono);
	font-size: 16px;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: var(--muted);
	display: inline-flex;
	align-items: center;
	gap: 8px;
}

.hero-meta .v {
	font-family: var(--serif);
	font-size: 30px;
	font-style: italic;
	color: var(--charcoal);
}

.hero-art {
	position: relative;
	height: 620px;
	Z-INDEX: 11;
}

.hero-art .ph {
	position: absolute;
	border-radius: p;
	overflow: hidden;
	box-shadow: 0 30px 60px -20px #0000008a, 0 8px 20px -10px var(--black);
}

.hero-art .ph-1 {
	top: 0;
	right: 8%;
	width: 63%;
	height: 79%;
	outline: 10px solid #fff;
}

.hero-art .ph-1::before {
	background-image: url(https://www.choopangrillny.com/wp-content/uploads/2026/06/wind-img2.png);
	position: absolute;
	content: "";
	top: 0;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
	filter: brightness(0) saturate(100%) invert(99%) sepia(48%) saturate(5415%) hue-rotate(305deg) brightness(89%) contrast(86%);
	background-size: cover;
	background-position: top;
}

.hero-art .ph-2 {
	bottom: 9%;
	left: -5%;
	width: 46%;
	height: 59%;
	outline: 10px solid #fff;
}

.hero-art .ph-2::before {
	background-image: url(https://www.choopangrillny.com/wp-content/uploads/2026/06/wind-img2.png);
	position: absolute;
	content: "";
	top: 0;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
	/* filter: brightness(0) saturate(100%) invert(77%) sepia(5%) saturate(4742%) hue-rotate(350deg) brightness(101%) contrast(91%); */
	background-size: cover;
	background-position: top;
	filter: brightness(0) saturate(100%) invert(99%) sepia(48%) saturate(5415%) hue-rotate(305deg) brightness(89%) contrast(86%);
}

.hero-art .ph-3 {
	top: 38%;
	right: 0;
	width: 30%;
	height: 30%;
	border: 6px solid var(--cream);
}

.hero-art .badge {
	position: absolute;
	top: 14%;
	left: -10px;
	width: 130px;
	height: 130px;
	border-radius: 50%;
	background: var(--saffron);
	color: var(--charcoal);
	display: grid;
	place-items: center;
	text-align: center;
	font-family: var(--serif);
	font-style: italic;
	font-size: 30px;
	line-height: 1.1;
	transform: rotate(-8deg);
	box-shadow: 0 12px 30px var(--gold);
	display: none;
	z-index: 2;
}

.hero-art .badge small {
	display: block;
	font-family: var(--mono);
	font-style: normal;
	font-size: 16px;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: var(--black);
	margin-top: 4px;
}

/* placeholder graphic */
.placeholder {
	width: 100%;
	height: 100%;
	background: repeating-linear-gradient(135deg, var(--pink) 0 1px, transparent 1px 14px),
		linear-gradient(160deg, var(--gold), var(--black));
	color: var(--white);
	position: relative;
	display: grid;
	place-items: center;
}

.placeholder.tone-warm {
	background: repeating-linear-gradient(135deg, var(--pink) 0 1px, transparent 1px 14px),
		linear-gradient(160deg, var(--pink), var(--gold));
}

.placeholder.tone-saffron {
	background: repeating-linear-gradient(135deg, var(--white) 0 1px, transparent 1px 14px),
		linear-gradient(160deg, var(--gold), var(--pink));
	color: var(--charcoal);
}

.placeholder.tone-deep {
	background: repeating-linear-gradient(135deg, var(--pink) 0 1px, transparent 1px 14px),
		linear-gradient(160deg, var(--gold), var(--black));
}

.placeholder.tone-herb {
	background: repeating-linear-gradient(135deg, var(--white) 0 1px, transparent 1px 14px),
		linear-gradient(160deg, var(--gold), var(--black));
}

.placeholder .ph-label {
	font-family: var(--mono);
	font-size: 16px;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	border: 1px solid currentColor;
	padding: 6px 10px;
	border-radius: 2px;
}

.placeholder .ph-label small {
	display: block;
	margin-top: 3px;
	font-size: 16px;
	letter-spacing: 0.24em;
}

/* ── ribbon: visit-at-a-glance ───────────────────── */
.ribbon {
	background: var(--ember);
	color: var(--white);
	padding: 40px 0;
}

.ribbon .wrap {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 40px;
	align-items: center;
}

.ribbon .cell {
	display: flex;
	gap: 18px;
	align-items: center;
}

.ribbon .icon {
	width: 46px;
	height: 46px;
	border-radius: 50%;
	border: 1px solid var(--gold);
	display: grid;
	place-items: center;
	color: var(--saffron);
}

.ribbon .cell .lbl {
	font-family: var(--mono);
	font-size: 19px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--gold);
	font-weight: 500;
}

.ribbon .cell .val {
	font-family: var(--serif);
	font-size: 18px;
	line-height: 1.2;
	font-family: unset;
}

/* ── section base ───────────────────────────────── */
section.section,
#visit,
.news {
	padding: var(--section-padding) 0;
}

.section-head {
	display: grid;
	grid-template-columns: 700px 1fr;
	gap: 60px;
	align-items: end;
	margin-bottom: 30px;
}

.section-head.single {
	display: block;
}

.section-head .right {
	color: var(--ink);
}

#about {
	background: var(--cream);
	background-image: url(https://www.choopangrillny.com/wp-content/uploads/2026/06/ab-bg.png);
	background-size: cover;
	background-position: center;
	position: relative;
	background-attachment: scroll;
	overflow: hidden;
}

#about::after {
	position: absolute;
	content: '';
	height: 45px;
	width: 100%;
	background-image: url(https://www.choopangrillny.com/wp-content/uploads/2026/06/ab-1.jpg);
	bottom: 0px;
}

.about-grid {
	display: grid;
	grid-template-columns: 0.95fr 1.15fr;
	gap: 60px;
	align-items: center;
}

.about-art {
	position: relative;
	height: 620px;
}

.about-art .ph-main {
	position: absolute;
	inset: 0 30px 60px 0;
	border-radius: 0px;
	overflow: hidden;
}

.about-art .ph-stamp {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 56%;
	height: 36%;
	border-radius: 4px;
	overflow: hidden;
	border: 8px solid var(--cream);
	box-shadow: 0 20px 40px -15px var(--black);
}

.about-art .est {
	position: absolute;
	top: -10px;
	left: -10px;
	background: var(--cream);
	padding: 14px 18px;
	border: 1px solid var(--line);
	font-family: var(--mono);
	font-size: 16px;
	letter-spacing: 0.22em;
	text-transform: uppercase;
	color: var(--ember);
	z-index: 3;
}

.about-copy h2 em {
	font-style: italic;
	color: var(--ember);
}

.about-copy .paragraphs {
	margin-top: 24px;
	display: flex;
	flex-direction: column;
	gap: 16px;
	color: var(--ink);
	font-size: 17px;
	line-height: 1.65;
}

.about-pillars {
	margin-top: 36px;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
	border-top: 1px solid var(--line);
	padding-top: 28px;
}

.about-pillars .p .n {
	font-family: var(--serif);
	font-size: 36px;
	line-height: 1;
	color: var(--ember);
	font-style: italic;
}

.about-pillars .p .t {
	margin-top: 8px;
	font-size: 16px;
	color: var(--ink);
}

.about-cta {
	margin-top: 36px;
	display: flex;
	gap: 14px;
}

#menu {
	background: #ffdb8a;
	position: relative;
	padding-bottom: 122px;
}

#menu::before {
	position: absolute;
	content: '';
	height: 45px;
	width: 100%;
	background-image: url(https://www.choopangrillny.com/wp-content/uploads/2026/06/ab-1.jpg);
	bottom: 0px;
}

#menu .wrap {
	position: relative;
}

.menu-filter {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
	margin-bottom: 48px;
}

.menu-filter button {
	background: transparent;
	border: 1px solid var(--ember);
	border-radius: 999px;
	padding: 10px 18px;
	font-family: var(--mono);
	font-size: 16px;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--ink);
	transition: all 0.2s;
}

.menu-filter button.active,
.menu-filter button:hover {
	background: var(--charcoal);
	color: var(--cream);
	border-color: var(--charcoal);
}

.dish-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 28px;
}

.dish {
	background: var(--paper);
	border: 1px solid var(--line);
	border-radius: 4px;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	transition:
		transform 0.25s ease,
		box-shadow 0.25s ease;
}

.dish:hover {
	transform: translateY(-4px);
	box-shadow: 0 30px 50px -25px var(--black);
}

.dish .img {
	height: 240px;
	position: relative;
}

.dish .body {
	padding: 24px 26px 26px;
	display: flex;
	flex-direction: column;
	gap: 10px;
	flex: 1;
}

.dish .top {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 16px;
}

.dish .name {
	font-family: var(--serif);
	font-size: 24px;
	color: var(--charcoal);
	font-weight: 700;
}

.dish .price {
	font-family: var(--serif);
	font-size: 22px;
	color: var(--ember);
	white-space: nowrap;
	font-weight: 800;
}

.dish .desc {
	color: var(--ink);
	font-size: 16px;
	line-height: 1.55;
	flex: 1;
}

.dish .tags {
	display: flex;
	gap: 6px;
	margin-top: 6px;
}

.dish .tag {
	font-family: var(--mono);
	font-size: 16px;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--muted);
	border: 1px solid var(--line);
	padding: 4px 8px;
	border-radius: 2px;
}

.menu-foot {
    margin-top: 45px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    border: 2px solid var(--pink);
    background: #fff;
    padding: 20px;
    flex-wrap: wrap;
}
.menu-foot .note {
	font-family: var(--serif);
	font-size: 22px;
	color: var(--ink);
	max-width: 50ch;
	font-weight: 700;
	text-transform: capitalize;
}

/* ── catering ───────────────────────────────────── */
#catering {
	background: var(--ember);
	color: var(--white);
	position: relative;
}

/* #catering::before {
    background-image: url(https://www.choopangrillny.com/wp-content/uploads/2026/06/sample-03.png);
    position: absolute;
    content: '';

} */


#catering .eyebrow {
	color: var(--saffron);
}

#catering h2 {
	color: var(--white);
}

#catering h2 em {
	color: var(--saffron);
	font-style: italic;
}

.cater-grid {
	display: grid;
	grid-template-columns: 1.05fr 0.95fr;
	gap: 80px;
	align-items: center;
}

.cater-copy .lede {
	color: var(--white);
	font-size: var(--font-min);
}

.cater-copy .cater-lede-first {
	margin-top: 24px;
}

.cater-copy .lede+.lede {
	margin-top: 16px;
}

#visit .section-head h2 {
	max-width: 35ch;
}

.cater-events {
	margin-top: 36px;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 14px;
}

.ic img {
	width: 100%;
	max-width: 65px;
}

.cater-event {
	display: flex;
	flex-direction: column;
	gap: 14px;
	transition: background 0.25s,
		border-color 0.25s;
	border: 1px solid #eeeeee63;
	border-radius: 0px;
	padding: 11px;
	transition: 0.8s !important;
}

.cater-event:hover {
	background-color: #fff;
	transform: translateY(-10px);
}

.cater-event:hover .t {
	color: #000;
}

.cater-event .ic {
	display: grid;
	place-items: center;
	color: var(--saffron);
}

.cater-event .t {
	font-family: var(--serif);
	font-size: 20px;
	color: var(--white);
	text-align: center;
	font-weight: 700;
	font-size: 22px;
}

.cater-event .d {
	font-size: 16px;
	color: var(--gold);
	line-height: 1.5;
}

.cater-cta {
	margin-top: 40px;
	display: flex;
	gap: 14px;
}

.cater-art {
	position: relative;
	height: 563px;
}

.cater-art .ph-1 {
	position: absolute;
	inset: 0 0 9% 30%;
	border-radius: 4px;
	overflow: hidden;
	border: 11px solid #fff;
	border-radius: 0px;
}

.cater-art .ph-1::before {
	background-image: url(https://www.choopangrillny.com/wp-content/uploads/2026/06/wind-img2.png);
	position: absolute;
	content: "";
	top: 0;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: top;
	filter: brightness(0) saturate(100%) invert(99%) sepia(48%) saturate(5415%) hue-rotate(305deg) brightness(89%) contrast(86%);
}


.cater-art .ph-2 {
	position: absolute;
	inset: 50% 50% 0 0;
	border-radius: 1px;
	overflow: hidden;
	border: 11px solid #ffffff;
}


.cater-art .ph-2::before {
	background-image: url(https://www.choopangrillny.com/wp-content/uploads/2026/06/wind-img2.png);
	position: absolute;
	content: "";
	top: 0;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
	/* filter: brightness(0) saturate(100%) invert(77%) sepia(5%) saturate(4742%) hue-rotate(350deg) brightness(101%) contrast(91%); */
	background-size: cover;
	background-position: top;
	filter: brightness(0) saturate(100%) invert(99%) sepia(48%) saturate(5415%) hue-rotate(305deg) brightness(89%) contrast(86%);
}


.cater-art .tray-card {
	position: absolute;
	right: -20px;
	bottom: 20px;
	background: var(--saffron);
	color: var(--charcoal);
	padding: 22px 26px;
	border-radius: 4px;
	max-width: 260px;
	z-index: 2;
	box-shadow: 0 20px 40px -15px var(--black);
	display: none;
}

.cater-art .tray-card .k {
	font-family: var(--mono);
	font-size: 16px;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: var(--black);
}

.cater-art .tray-card .v {
	font-family: var(--serif);
	font-size: 26px;
	font-style: italic;
	line-height: 1.15;
	margin-top: 6px;
}

/* gallery */
#gallery {
	background: var(--cream);
}


.gal-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
    justify-content: space-between;
}

.gal-tile {
    position: relative;
    display: block;
    margin: 0;
    min-height: 0;
    overflow: hidden;
    border: none;
    border-radius: 0;
    background: #ffffff;
    width: 100%;
    height: 350px;
    box-shadow: 2px 2px 2px #ccc;
}

.gal-link {
	display: block;
	position: absolute;
	inset: 0;
	color: var(--white);
	text-decoration: none;
}

.gal-link:focus-visible {
	outline: 3px solid var(--pink);
	outline-offset: -3px;
	z-index: 3;
}

.gal-tile .site-img {
    height: 100%;
    object-fit: cover;
    transition: 0.3s;
    width: 100%;
    padding: 7px;
}

.gal-tile:hover .site-img,
.gal-tile:focus-within .site-img {
	transform: scale(1.04);
}

.gal-num {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2;
	min-width: 48px;
	padding: 10px 14px;
	background: var(--ember);
	color: var(--white);
	font-family: var(--serif);
	font-size: var(--font-min);
	font-weight: 500;
	letter-spacing: 0.06em;
	line-height: 1;
	text-align: center;
	pointer-events: none;
	display: none;


}



.gal-foot {
	margin-top: 48px;
	text-align: center;
}



#reviews {
	background: #fffcfc;
	background-image: url('');
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	position: relative;
}

#reviews::after {
	content: "";
	position: absolute;
	inset: 0;
	background: #ffdb8a;
	opacity: 1;
}

#reviews .wrap {
	position: relative;
	z-index: 1;
}

/* #reviews p.lede {
    color: #fff;
} */
/* 
#reviews .eyebrow {
    color: var(--cream);
}

#reviews .section-head h2 {
    color: var(--cream);
} */

.testi-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 28px;
	margin: 0 auto;
}

.testi {
	background: var(--paper);
	border: 0px;
	border-radius: 4px;
	padding: 36px 32px 32px;
	position: relative;
	padding-top: 70px;
	padding-bottom: 43px;
}

.testi:before {
	background-image: url('https://www.choopangrillny.com/wp-content/uploads/2026/06/wind-img3.png');
	background-repeat: no-repeat;
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 75px;
	height: 75px;
	background-size: contain;
	filter: brightness(0) saturate(100%) invert(99%) sepia(48%) saturate(5415%) hue-rotate(305deg) brightness(89%) contrast(86%);
}

.testi:after {
	background-image: url('https://www.choopangrillny.com/wp-content/uploads/2026/06/wind-img3.png');
	background-repeat: no-repeat;
	content: '';
	position: absolute;
	top: auto;
	left: auto;
	right: 0;
	width: 75px;
	height: 75px;
	background-size: contain;
	filter: brightness(0) saturate(100%) invert(99%) sepia(48%) saturate(5415%) hue-rotate(305deg) brightness(89%) contrast(86%);
	bottom: 0;
	rotate: 180deg;
}

.testi .stars {
	color: var(--saffron);
	letter-spacing: 4px;
	font-size: 16px;
	margin-bottom: 18px;
}

.testi .q {
	font-size: 18px;
	color: var(--charcoal);

	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;

	overflow: hidden;
}

.testi .meta {
	margin-top: 24px;
	display: flex;
	align-items: center;
	gap: 12px;
	border-top: 1px solid var(--ember);
	padding-top: 18px;
}

.testi .avatar {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: var(--ember);
	color: var(--cream);
	display: grid;
	place-items: center;
	font-family: var(--serif);
	font-weight: 600;
	font-size: 16px;
}

.testi .name {
	font-weight: 500;
	font-size: 16px;
}

.testi .src {
	font-family: var(--mono);
	font-size: 16px;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: var(--muted);
	margin-top: 2px;
}

.testi-foot {
	margin-top: 40px;
	display: flex;
	align-items: center;
	gap: 18px;
	justify-content: center;
}

.testi-foot .row {
	display: flex;
	align-items: center;
	gap: 12px;
}

.testi-foot .big {
	font-family: var(--serif);
	font-size: 30px;
	color: var(--ember);
}

.testi-foot .label {
	font-family: var(--mono);
	font-size: 16px;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--muted);
}

/* ── blog ───────────────────────────────────────── */
#blog {
	background: var(--cream);
}

.blog-grid {
	display: grid;
	grid-template-columns: 1.4fr 1fr 1fr;
	gap: 28px;
}

.post {
	background: var(--paper);
	border: 1px solid var(--line);
	border-radius: 4px;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	transition:
		transform 0.25s,
		box-shadow 0.25s;
}

.post:hover {
	transform: translateY(-3px);
	box-shadow: 0 20px 40px -20px var(--black);
}

.post .img {
	height: 240px;
}

.post.feature .img {
	height: 320px;
}

.post .body {
	padding: 24px 26px 28px;
	display: flex;
	flex-direction: column;
	gap: 12px;
	flex: 1;
}

.post .meta-row {
	display: flex;
	gap: 12px;
	align-items: center;
	font-family: var(--mono);
	font-size: 16px;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--muted);
}

.post .meta-row .cat {
	color: var(--ember);
}

.post h3 {
	font-size: 22px;
	line-height: 1.2;
}

.post.feature h3 {
	font-size: 30px;
}

.post .excerpt {
	color: var(--ink);
	font-size: 16px;
	line-height: 1.55;
}

.post .read {
	margin-top: auto;
	font-family: var(--mono);
	font-size: 16px;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: var(--charcoal);
	display: inline-flex;
	gap: 8px;
	align-items: center;
}

.post .read:hover {
	color: var(--ember);
}


#visit {
	background: var(--ember);
	position: relative;
	color: var(--white);
}

#visit .section-tag-image {
	bottom: 2px;
}

.news-action {
    display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
}
.news {
	padding: 110px 0px;
	position: relative;
}

.news::before {
	position: absolute;
	content: '';
	height: 45px;
	width: 100%;
	background-image: url(https://www.choopangrillny.com/wp-content/uploads/2026/06/ab-1.jpg);
	bottom: 0px;
}

.news::after {
	position: absolute;
	content: '';
	height: 45px;
	width: 100%;
	background-image: url(https://www.choopangrillny.com/wp-content/uploads/2026/06/ab-1.jpg);
	top: 0px;
}


#visit .eyebrow {
	color: var(--saffron);
}

#visit h2 {
	color: var(--white);
}

#visit h2 em {
	color: var(--saffron);
	font-style: italic;
}

.visit-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 80px;
	align-items: start;
	margin-top: 0px;
}

.visit-info>*+* {
	margin-top: 16px;
}
.visit-info .section-head {
	    margin-bottom: 16px;
}
.visit-block {
    border-top: 1px solid #f5f5f536;
    padding-top: 24px;
}

.visit-block .lbl {
	display: flex;
	align-items: center;
	gap: 10px;
	font-family: var(--mono);
	font-size: 16px;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: var(--saffron);
	margin-bottom: 10px;
}

.visit-block .big a {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	font-family: monospace;
	letter-spacing: 0px;
	font-size: 22px;
	font-family: var(--mono);
	font-size: 16px;
	line-height: 27px;
}

.visit-block .big {
	font-family: var(--serif);
	font-size: 28px;
	line-height: 1.25;
	color: var(--white);
}

.visit-block .big a:hover {
	color: var(--saffron);
}

.hours-list {
	display: grid;
	grid-template-columns: auto 1fr;
	column-gap: 32px;
	row-gap: 10px;
	font-size: 16px;
}

.hours-list .d {
	font-family: var(--mono);
	font-size: 16px;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: var(--gold);
	align-self: center;
}
.hours-list .h {
	font-family: var(--mono);
	font-size: 16px;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: var(--gold);
	align-self: center
}

.hours-list .h {
	color: var(--white);
}

.open-pill {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background: var(--black);
	color: var(--white);
	padding: 6px 12px;
	border-radius: 999px;
	font-family: var(--mono);
	font-size: 16px;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	margin-bottom: 18px;
	margin-top: 0;
}

.open-pill .pulse-icon {
	color: var(--white);
}

.map-card {
	background: var(--paper);
	border-radius: 0px;
	overflow: hidden;
	color: var(--charcoal);
	height: 100%;
	padding: 20px;
	background: #fff;
	position: relative;
}

.map-card .map {
	height: 320px;
	position: relative;
	overflow: hidden;
	height: 100%;
}


.map-card .map iframe {
	width: 100%;
	height: 100%;
	border: 0;
	filter: saturate(0.85) contrast(0.95);
}

.map-card .map-foot {
	padding: 22px 26px;
	display: grid;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	border-top: 1px solid var(--line);
	grid-template-columns: 310px 1fr;
	display: none;
}

.map-card .map-foot .addr {
	font-family: var(--serif);
	font-size: 22px;
}

.map-card .map-foot .addr small {
	display: block;
	font-family: var(--mono);
	font-size: 16px;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--muted);
	margin-top: 4px;
}

.news {
	background: var(--cream);
	color: var(--black);
}

.news .eyebrow {
	color: var(--pink);
}

.testi-foot .stars-inline {
	color: var(--gold);
	letter-spacing: 3px;
}

.news .wrap {
    display: grid;
    gap: 60px;
    align-items: center;
    justify-content: space-between;
    grid-template-columns: 800px 1fr;
}

.news h3 {
	font-style: italic;
}

.news p {
	margin-top: 14px;
	font-size: var(--font-min);
	max-width: 50ch;
}

.news form {
	display: flex;
	gap: 10px;
	background: var(--paper);
	border-radius: 999px;
	padding: 8px;
}

.news input {
	flex: 1;
	background: transparent;
	border: 0;
	padding: 12px 18px;
	font: inherit;
	font-size: 16px;
	color: var(--charcoal);
}

.news input:focus {
	outline: 0;
}

.news .pink-btn {
	padding: 12px 22px;
}



@media (max-width: 1024px) {

	.hero .wrap, .about-grid, .cater-grid, .visit-grid, .news .wrap {
		grid-template-columns: 1fr;
		gap: 30px;
	}

	.dish-grid,
	.testi-grid {
		grid-template-columns: repeat(2, 1fr);
	}
	.map-card .map {
		min-height: 320px;
	}
	.blog-grid {
		grid-template-columns: 1fr;
	}

	.ribbon .wrap {
		grid-template-columns: repeat(1, 1fr);
		gap: 24px;
	}


	.nav-links {
		display: none;
	}
}

/* hero variants */
body[data-hero="serif-stack"] .hero h1 {
	font-family: var(--serif);
}

body[data-hero="mono-overline"] .hero h1 {
	font-family: var(--serif);
}

body[data-hero="mono-overline"] .hero .pre-headline {
	display: flex;
}

.hero .pre-headline {
	display: none;
	font-family: var(--mono);
	font-size: 16px;
	letter-spacing: 0.24em;
	text-transform: uppercase;
	color: var(--ember);
	margin-bottom: 28px;
	gap: 14px;
	align-items: center;
}

.hero .pre-headline::before {
	content: "";
	width: 40px;
	height: 1px;
	background: var(--ember);
}


.policy_text :is(h1, h2, h3, h4, h5, h6) {
	background-color: #94344f30;
	display: flex;
	font-size: 25px !important;
	padding: 8px 12px 8px 10px;
	border-left: 5px solid #94344f;
	margin: 25px 0px 10px 0px !important;
	color: #000;
}

.policy_text p {
	margin-bottom: 15px;
	font-size: 18px;
}

.policy_text .container {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 15px;
}

.her-section-image-one {
	width: 100%;
	max-width: 300px;
	position: absolute;
	top: 0;
	transform: scaleX(1);
}

.her-section-image-one {
	width: 100%;
	max-width: 300px;
	position: absolute;
	top: 0;
	transform: scaleX(1);
}

.her-section-image-two {
	width: 100%;
	max-width: 300px;
	position: absolute;
	bottom: 44px;
	right: 0;
	transform: rotate(180deg);
}

.her-section-image-one img {
	filter: brightness(0) saturate(100%) invert(99%) sepia(48%) saturate(5415%) hue-rotate(305deg) brightness(89%) contrast(86%);

}


.her-section-image-two img {
	filter: brightness(0) saturate(100%) invert(99%) sepia(48%) saturate(5415%) hue-rotate(305deg) brightness(89%) contrast(86%);
}

.section-light-image {
    width: 100%;
    max-width: 154px;
    position: absolute;
    top: 0px;
    transform: scaleX(-1);
    animation: glowFlicker 7.5s infinite ease-in-out;
    filter: drop-shadow(0 0 8px rgba(255, 255, 200, 0.5));
    left: 42%;
}

@keyframes glowFlicker {
	0% {
		opacity: 0.5;
		filter: drop-shadow(0 0 4px rgba(255, 255, 200, 0.3));
	}

	25% {
		opacity: 1;
		filter: drop-shadow(0 0 14px rgba(255, 255, 160, 0.9));
	}

	50% {
		opacity: 0.6;
		filter: drop-shadow(0 0 6px rgba(255, 255, 200, 0.4));
	}

	75% {
		opacity: 1;
		filter: drop-shadow(0 0 16px rgba(255, 255, 140, 1));
	}

	100% {
		opacity: 0.5;
		filter: drop-shadow(0 0 5px rgba(255, 255, 200, 0.3));
	}
}

.section-lien {
	height: 45px;
	background-size: contain;
	background-repeat: repeat;
	position: relative;
	top: 70px;
	filter: brightness(0) saturate(100%) invert(99%) sepia(48%) saturate(5415%) hue-rotate(305deg) brightness(89%) contrast(86%);
}

.center-image img {
	width: 100%;
	max-width: 93px;
	margin-inline: auto;
	position: relative;
	top: -48px;
}

.section-border-image img {
	filter: brightness(0) saturate(100%) invert(99%) sepia(48%) saturate(5415%) hue-rotate(305deg) brightness(89%) contrast(86%);
	width: 100%;
	max-width: 520px;
	margin: 20px 0px;
}

.ph-main {
	position: relative;
	z-index: 11;
}

/* 
.ph-main::before {
    background-image: url('https://www.choopangrillny.com/wp-content/uploads/2026/06/new1.png');
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
} */
#about .section-light-image {
	left: 136PX;
	top: -22PX;
}

.section-tag-image img {
	filter: brightness(0) saturate(100%) invert(99%) sepia(48%) saturate(5415%) hue-rotate(305deg) brightness(89%) contrast(86%);
}

.section-tag-image {
	width: 100%;
	max-width: 300px;
	position: absolute;
	right: 0;
	bottom: 0;
	transform: rotate(180deg);
}


.footer-end {
	position: relative;
}

@media (max-width: 1366.98px) {


	.her-section-image-one {
		max-width: 272px;
	}

	.her-section-image-two {
		max-width: 272px;
	}

	.section-light-image {
		left: 40%;
	}
}

.hero .wrap {
	position: relative;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 64px;
	align-items: center !important;
}

.section-video {
	position: relative;
	box-shadow: 0 30px 60px -20px #0000008a, 0 8px 20px -10px var(--black);
	padding: 50px;
}

.section-video::before {
	background-image: url(https://www.choopangrillny.com/wp-content/uploads/2026/06/sample.png);
	position: absolute;
	content: "";
	top: 0px;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
	filter: brightness(0) saturate(100%) invert(99%) sepia(48%) saturate(5415%) hue-rotate(305deg) brightness(89%) contrast(86%);
	background-size: cover;
	background-position: center top;
	inset: 0;
	background-size: contain;
}

/* box-shadow: 0 30px 60px -20px #0000008a, 0 8px 20px -10px var(--black); */
.section-video video {
	height: 528px;
	width: 100%;
	object-fit: cover;
}

.section-video {
	padding: 45px;
}

/* Catering Layout Styles */
.about-banner-catering {
	background-color: #F6F2F0;
	padding: 80px 0;
}

.about-banner-catering .container {
	max-width: 1200px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	gap: 40px;
	padding: 0 20px;
}

.about-banner-catering .col-text {
	flex: 1;
}

.about-banner-catering .col-img {
	flex: 1;
}

.about-banner-catering .col-img img {
	width: 100%;
	border-radius: 12px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

.about-banner-catering h1 {
	font-size: 2.5rem;
	color: var(--primary-color);
	margin-bottom: 20px;
	font-family: var(--font-primary);
}

.about-banner-catering p {
	font-size: 1.1rem;
	color: var(--text-color);
	margin-bottom: 20px;
	line-height: 1.6;
}

.catering-parallax {
	position: relative;
	padding: 60px 0;
	background-attachment: fixed;
	background-position: center;
	background-size: cover;
}


/* 
.catering-parallax .container {
    position: relative;
    z-index: 1;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    display: flex;
    justify-content: flex-end;
} */

.catering-parallax.left-align .container {
	justify-content: flex-start;
}

.catering-parallax .text-bx {
	background: #ffffffeb;
	padding: 30px;
	max-width: 600px;
	border-radius: 0px;
	box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);
}

.catering-parallax .text-bx h2 {
	color: var(--primary-color);
	line-height: 58px;
	margin-bottom: 22px;
}

.catering-parallax .text-bx p {
	margin-bottom: 20px;
}


.new-about-section-block {
	padding-top: 60px;
	padding-bottom: 0px;
}

.new-about-section-block .eyebrow {
	margin-inline: auto;
	text-align: center;
	justify-content: center;
	width: 100%;
}

.new-about-section-block h2 {
	font-size: 55px;
	font-weight: 700;
	line-height: 66px;
	text-align: center;
}

.new-about-section-block h2 em {
	color: var(--ember);
}

.new-about-section-block .section-border-image img {
	max-width: 453px;
	margin: 20px 0px;
	filter: brightness(0) saturate(100%) invert(28%) sepia(78%) saturate(514%) hue-rotate(292deg) brightness(87%) contrast(96%);
	margin-inline: auto;
}

.bg-image {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: bottom;
	margin: 0;
	margin-inline: auto;
	position: relative;
	text-align: center;
	min-height: 450px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	background-attachment: fixed;
}

.image-block-text {
	text-align: center;
	width: 100%;
	max-width: 551px;
}

.image-block-text .about-cta {
	margin-top: 26px;
	display: flex;
	gap: 14px;
	justify-content: center;
}


.event-space {
	padding: 80px 0;
	background-color: #fff;
}


.event-space .event-grid {
	display: flex;
    align-items: center;
    gap: 50px;
    /* grid-template-columns: 1fr 1fr; */
    justify-content: center;
}
.event-space .grid-bx  {
	    width: 33%;
}
.event-space.reverse .event-grid {
	flex-direction: row-reverse;
}


.cat-sec-3 .section-itlte h2 {
	line-height: 50px;
	margin-bottom: 20px;
}

.cat-sec-3 .wrap {
	width: 100%;
	max-width: 903px;
	margin-inline: auto;
	text-align: center;
}

.cat-sec-3 .wrap p {
	margin-bottom: 15px;
}

.event-space .grid-bx img {
	width: 100%;
	border-radius: 12px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

.event-space .grid-bx p {
	color: var(--text-color);
	margin-bottom: 20px;
	line-height: 1.6;
}

ul.gold-list-style {
	list-style: none;
	padding: 0;
	margin-bottom: 20px;
}
.top-gridicon {
	display: flex;
    flex-wrap: wrap;
    justify-content: center;
    row-gap: 7px;
    gap: 10px;
}
ul.gold-list-style li {
	position: relative;
	padding-left: 30px;
	margin-bottom: 15px;
	color: #000;
	font-weight: 600;
	font-size: 16px;
}

ul.gold-list-style li::before {
content: "";
    font-weight: 900;
    position: absolute;
    left: 11px;
    background: var(--primary-color);
    height: 11px;
    width: 11px;
    border-radius: 100px;
    outline: 2px solid var(--primary-color);
    outline-offset: 2px;
    top: 7px;
}

.catering-request-form {
	padding: 60px 0;
	background-color: #F6F2F0;
	background: #ffdb8a;
}

.catering-request-form .container {
	max-width: 43.666667%;
	margin: 14px auto;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
	border-radius: 0;
	outline: 10px solid #94344f66;
	padding: 35px;
	background: #fff;
	border: 5px solid #94344f;
}

.catering-request-form .section-title h2 {
	text-align: center;
	color: var(--primary-color);
	font-size: 50px;
	margin-bottom: 30px;
}

.catering-request-form .form-row {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}

.catering-request-form .col-half {
	flex: 1 1 calc(50% - 10px);
}

.catering-request-form .col-full {
	flex: 1 1 100%;
}

.catering-request-form .form-control {
	width: 100%;
	padding: 12px;
	border: 1px solid #ddd;
	border-radius: 0px;
	font-size: 1rem;
	font-family: inherit;
	box-sizing: border-box;
	transition: border-color 0.3s;
}

.catering-request-form .form-control:focus {
	outline: none;
	border-color: var(--primary-color);
}

.catering-request-form textarea.form-control {
	resize: vertical;
	height: 120px;
}


.catering-request-form .btn-submit:hover {
	background-color: var(--text-color);
}

.error-sec .container {
	max-width: 1200px;
	margin-inline: auto;
	padding: 0 15px;
}

.error-sec {
	padding: 10rem 0;
}

.center-error-msg {
	text-align: center;
}

.center-error-msg .section-itlte {
    margin-bottom: 25px;
}
.center-error-msg .section-itlte p{
    margin-top: 10px;
}

@media (max-width: 768px) {
	.about-banner-catering .container {
		flex-direction: column;
	}

	.event-space .event-grid {
		flex-direction: column;
	}

	.event-space.reverse .event-grid {
		flex-direction: column;
	}

	.catering-parallax .text-bx {
		margin: 20px;
		padding: 30px;
	}

	.catering-request-form .col-half {
		flex: 1 1 100%;
	}
}

/* Force Parallax Box Left Align */
.catering-parallax.left-align .container {
	display: flex !important;
	justify-content: flex-start !important;
}

.catering-parallax.left-align .text-bx {
	margin-left: 0 !important;
	margin-right: auto !important;
	text-align: left !important;
}

/* Navigation Dropdown Styles */
.nav-links .dropdown {
	position: relative;
	display: inline-block;
}

.nav-links .dropdown-content {
	display: none;
	position: absolute;
	background-color: #ffffff;
	min-width: 220px;
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
	z-index: 100;
	border-radius: 8px;
	overflow: hidden;
	top: 100%;
	left: 0;
}

.nav-links .dropdown-content a {
	color: var(--text-color);
	padding: 12px 16px;
	text-decoration: none;
	display: block;
	font-size: 0.95rem;
	transition: all 0.3s ease;
}

.nav-links .dropdown-content a:hover {
	background-color: var(--primary-color);
	color: #fff;
}

.nav-links .dropdown:hover .dropdown-content {
	display: block;
}

/* Contact Page Specific Styles */
.contact_banner {
	background-color: var(--secondary-color);
	padding: 80px 0 40px 0;
	position: relative;
	z-index: 1;
}

.contact_banner .inner-banner-content h1 {
	font-size: 3rem;
	color: var(--primary-color);
	margin-bottom: 40px;
	font-family: var(--font-primary);
}

.contact-icons-row {
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
	justify-content: center;
	margin-top: 20px;
}

.icon-bx-wraper {
	background: #fff;
	border-radius: 10px;
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
	padding: 30px;
	text-align: center;
	flex: 1;
	min-width: 250px;
	max-width: 350px;
	transition: transform 0.3s ease;
	border-top: 4px solid var(--primary-color);
}

.icon-bx-wraper:hover {
	transform: translateY(-5px);
}

.icon-bx-wraper .icon-bx {
	font-size: 35px;
	color: var(--primary-color);
	margin-bottom: 20px;
}

.icon-bx-wraper .icon-content h5 {
	font-size: 1.25rem;
	color: var(--primary-color);
	margin-bottom: 10px;
	font-family: var(--font-primary);
}

.icon-bx-wraper .icon-content p,
.icon-bx-wraper .icon-content a {
	color: var(--text-color);
	font-size: 1.05rem;
	line-height: 1.6;
	text-decoration: none;
	transition: color 0.3s ease;
}

.icon-bx-wraper .icon-content a:hover {
	color: var(--primary-color);
}

.contact-form-section {
	padding: 80px 0;
	background-color: #f9f9f9;
}

.cater_form {
	background: #fff;
	padding: 40px;
	border-radius: 12px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
	max-width: 800px;
	margin: 0 auto;
}

.contact-form-section .section-title h2 {
	font-size: 2.2rem;
	color: var(--primary-color);
	margin-bottom: 30px;
	text-align: center;
	font-family: var(--font-primary);
}

.contact-form-section .form_ .input_field {
	margin-bottom: 20px;
}

.contact-form-section .form_ .textarea_field {
	margin-bottom: 30px;
}

.contact-form-section .form-control {
	width: 100%;
	padding: 15px;
	border: 1px solid #ddd;
	border-radius: 6px;
	font-size: 1rem;
	font-family: inherit;
}

.contact-form-section .form-control:focus {
	outline: none;
	border-color: var(--primary-color);
}

.contact-form-section textarea.form-control {
	resize: vertical;
}

.map-block {
	line-height: 0;
	font-size: 0;
}


.btn {
	display: inline-block;
	padding: 12px 30px;
	background-color: var(--primary-color, #94344f);
	color: #ffffff !important;
	text-decoration: none;
	border-radius: 6px;
	font-weight: 500;
	font-size: 1rem;
	transition: all 0.3s ease;
	border: 2px solid var(--primary-color, #94344f);
	cursor: pointer;
	margin-top: 15px;
}

.btn:hover {
	background-color: transparent;
	color: var(--primary-color, #94344f) !important;
}

/* --- Mobile Menu & Responsiveness --- */
.mobile-toggle {
	display: none;
	background: none;
	border: none;
	color: #fff;
	font-size: 24px;
	cursor: pointer;
	z-index: 1000;
}

@media (max-width: 900px) {
	.mobile-toggle {
		display: block;
		margin-left: auto;
		margin-right: 20px;
	}

	nav.primary .wrap {
		flex-wrap: wrap;
	}

	nav.primary .gold-btn {
		margin-left: 0;
	}

	.nav-links {
		display: none !important;
		flex-direction: column;
		width: 100%;
		background-color: var(--primary-color, #94344f);
		position: absolute;
		top: 100%;
		left: 0;
		padding: 20px 0;
		box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
		z-index: 999;
	}

	.nav-links.active {
		display: flex !important;
	}

	.nav-links a {
		padding: 15px 20px;
		width: 100%;
		text-align: center;
		border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	}

	.nav-links .dropdown {
		width: 100%;
		text-align: center;
	}

	.nav-links .dropdown-content {
		position: static;
		display: none;
		min-width: 100%;
		box-shadow: none;
		background-color: rgba(0, 0, 0, 0.1);
	}

	.nav-links .dropdown:hover .dropdown-content,
	.nav-links .dropdown:active .dropdown-content {
		display: block;
	}

	.nav-links .dropdown-content a {
		padding: 10px 20px;
		font-size: 0.9rem;
	}
}

/* --- Comprehensive Responsiveness Patch --- */

/* 1. Global Overflow Prevention */
html,
body {
	overflow-x: hidden;
	width: 100%;
}

/* 2. Fluid Typography for Hero Sections */
.hero h1 {
	font-size: clamp(2.5rem, 8vw, 90px) !important;
}

/* 3. Responsive Menu Grid */
.restaurant-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 32px;
	margin-top: 20px;
}

.food-menu {
	background: #fff;
	padding: 20px;
	border-radius: 8px;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
}

.food-name-price {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 15px;
	margin-bottom: 10px;
	border-bottom: 1px dotted #ccc;
	padding-bottom: 5px;
}

.food-name-price h3 {
	margin: 0;
	font-size: 1.1rem;
	color: var(--primary-color, #94344f);
}

.food-name-price .price {
	font-weight: 600;
	color: var(--text-color, #333);
}


.inner-page-hero-section {
	background: #ffdb8a;
}

.section-itlte h1,
.section-itlte h2 {
	font-size: 50px;
}

.inner-page-hero-section .section-itlte {
	text-align: center;
	margin-bottom: 2px;
}

.title-image img {
	width: 100%;
	max-width: 350px;
	margin-inline: auto;
	margin-bottom: 15px;
	filter: brightness(0) saturate(100%) invert(26%) sepia(13%) saturate(6595%) hue-rotate(309deg) brightness(85%) contrast(84%);
}

.text-block-root {
	text-align: center;
	width: 100%;
	max-width: 800px;
	margin-inline: auto;
	margin-top: 25px;
}

.text-block-root p {
	margin-bottom: 15px;
}

.inner-about .wrap {
	display: grid;
	grid-template-columns: 1fr 1fr;
	align-items: center;
	gap: 60px;
}

.inner-about .wrap p {
	margin-bottom: 15px;
}


.pt-inner-banner-img img {
	width: 100%;
	max-width: 100%;
	padding: 10px;
	box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
	border: 1px solid #eee;
}

.pt-menu-section .section-itlte {
	text-align: center;
	width: 100%;
	max-width: 676px;
	margin-inline: auto;
	margin-bottom: 45px;
}


.lightbox {
	display: none;
	position: fixed;
	z-index: 999999;
	padding-top: 0;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.9);
	align-items: center;
	justify-content: center;
}

.lightbox-content {
	max-width: 90%;
	max-height: 90vh;
	border-radius: 8px;
	object-fit: contain;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);
}

.lightbox-close {
	position: absolute;
	top: 20px;
	right: 35px;
	color: #f1f1f1;
	font-size: 40px;
	font-weight: bold;
	cursor: pointer;
	transition: 0.3s;
	z-index: 9999999;
}

.lightbox-close:hover,
.lightbox-close:focus {
	color: var(--ember);
	text-decoration: none;
	cursor: pointer;
}

.gal-link {
	cursor: zoom-in;
}


.gallery .ba img {
	display: none !important;
}

.site-header-slick {
	padding: 42px 0px;
	background: #ffdb8a;
	text-align: center;
}


.map-block iframe {
	height: 400px;
	width: 100%;
}

.contact-us .main-form {
	display: grid;
	grid-template-columns: 400px 1fr;
	gap: 0px;
	background: #fff;
	/* padding: 25px; */
	border-radius: 0px;
}

.contact-us {
	background: var(--surface);
}

.contact-us .left-bx {
	padding: 3.5rem 2.5rem;
	display: flex;
	flex-direction: column;
	gap: 2.3rem;
	animation: fadeUp 0.7s 0.25s ease both;
	padding-bottom: 40px;
	background-color: #ffdb8a;
}

.contact-us .pxl-item-inner {
	display: flex;
	align-items: flex-start;
	gap: 1.25rem;
	border-bottom: 1px solid #00000029;
}

.contact-us .pxl-item-inner:last-of-type {
	border: 0px;
}

.contact-us .pxl-item--icon {
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	background: #94344f;
	font-size: 22px;
	color: #fff;
}

.contact-us .pxl-item-title a {
	color: #000;
	font-weight: 500;
	font-size: 16px;
}

.contact-us .pxl-item-title {
	margin: 10px 0px;
	margin-top: 5px;
}

.contact-us .pxl-item-desc {
	color: #000;
	font-size: 20px;
}

.contact-us .right {
	padding: 1.5rem 4rem;
	background: #fff;
	box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
	border: 1px solid #eee;
}

.fomr-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;
	margin-top: 25px;
}

.form-head h2 {
	margin-bottom: 15px;
}

.fomr-grid .fl {
	display: block;
	font-weight: 500;
	letter-spacing: 0px;
	text-transform: capitalize;
	color: #000;
	margin-bottom: 7px;
}

.fomr-grid input {
	width: 100%;
	background: #fff;
	border: 1px solid #bebebe;
	padding: 0.75rem 1rem;
	font-family: 'Outfit',
		sans-serif;
	color: var(--ink);
	outline: none;
	transition: border-color 0.2s,
		box-shadow 0.2s;
	border-radius: 0;
	-webkit-appearance: none;
	height: 45px;
}

.field-group {
	grid-column: 1/3;
	width: 100%;
}

.field-group textarea {
	width: 100%;
	background: #fff;
	border: 1px solid #bebebe;
	padding: 0.75rem 1rem;
	font-family: 'Outfit',
		sans-serif;
	color: var(--ink);
	outline: none;
	transition: border-color 0.2s,
		box-shadow 0.2s;
	border-radius: 0;
	-webkit-appearance: none;
	height: 90px;
}

.button-row {
	text-align: end;
	grid-column: 1/3;
}

.google-map .container {
	max-width: 100%;
	width: 100%;
	padding: 0px;
}

.google-map iframe {
	line-height: 0px;
	/* padding: 15px; */
	animation: fadeUp 0.7s 0.35s ease both;
	background: #fff;
	height: 500px;
	/* box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px; */
	/* border: 1px solid #eee !important; */
}


.menu-hero {
	background-color: #F6F2F0;
	text-align: center;
}

.menu-hero h1 {
	font-size: 60px;
	color: var(--pink);
	font-family: var(--serif);
	margin-bottom: 20px;
}

.menu-nav {
	position: sticky;
	top: 0;
	background: var(--charcoal);
	z-index: 100;
	padding: 15px 0;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
	display: none;
}

.menu-links {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 15px 25px;
	margin: 0;
	padding: 0;
}

.menu-links a {
	color: var(--gold);
	font-size: 15px;
	font-family: var(--mono);
	text-transform: uppercase;
	letter-spacing: 0.1em;
	padding: 5px 0;
	border-bottom: 2px solid transparent;
	transition: border-color 0.3s, color 0.3s;
	text-decoration: none;
	display: none;
}

.menu-links a:hover {
	color: #fff;
	border-bottom: 2px solid var(--pink);
}

.menu-section {
	padding: 60px 0;
	border-bottom: 1px solid #ddd;
}

.menu-cat-title {
	font-size: 50px;
	color: var(--pink);
	font-family: var(--serif);
	margin-bottom: 40px;
	position: relative;
	padding-bottom: 15px;
	margin-top: 0;
	text-align: center;
}

.menu-cat-title::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 60px;
	height: 3px;
	background-color: var(--gold);
	display: none;
}

.restaurant-grid {
	display: grid;
	grid-template-columns: calc(50% - 40px) calc(50% - 40px);
	column-gap: 80px;
	row-gap: 40px;
	position: relative;
}


.restaurant-grid::before {
	height: 100%;
	width: 1px;
	background-color: #00000029;
	position: absolute;
	content: '';
	left: 50%;
}


@media (max-width: 900px) {
	.restaurant-grid {
		grid-template-columns: 1fr;
	}
}

.food-menu {
	background: transparent;
	padding: 0px;
	box-shadow: unset;
	border-bottom: 1px solid #00000029;
	border-radius: 0px;
}

.food-name-price {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	margin-bottom: 8px;
	border-bottom: 0px dotted #ccc;
	padding-bottom: 5px;
}

.food-name-price h3 {
	font-size: 28px;
	margin: 0;
	padding-right: 0px;
	margin-bottom: 0px;
	font-weight: bold !important;
}

.food-name-price .price {
	font-size: 16px;
	padding-left: 10px;
	margin-bottom: 0px;
	background: var(--pink) !important;
	color: #fff;
	text-transform: capitalize;
	font-weight: 400;
	padding: 5px;
}
.food-menu-alert-bx p {
    background: rgb(255 0 0 / 10%);
    margin: 0;
    text-align: center;
    max-width: 765px;
    margin-inline: auto;
    border: 1px solid red;
    padding: 15px;
    color: red;
}
.food-menu-alert {
    padding: 6rem 15px;
}

span.error {
	background: red;
	color: #fff;
	display: block;
	padding: 0 5px;
	text-transform: capitalize;
	font-size: 14px;
}

.limit-box {
	display: flex;
	justify-content: space-between;
	column-gap: 15px;
	flex-wrap: wrap;
}

/* Override dotted line background colors to match section bg */
.menu-section:nth-child(odd) .food-name-price h3,
.menu-section:nth-child(odd) .food-name-price .price {
	background: transparent;
}

.menu-section:nth-child(even) .food-name-price h3,
.menu-section:nth-child(even) .food-name-price .price {}

.food-menu p {
	font-size: 16px;
	color: #000;
	margin: 0;
	padding-top: 10px;
	max-width: 100%;
	padding-bottom: 15px;
}

.menu-bg-parallax {
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 440px;
	position: relative;
}

.menu-bg-parallax::before {
	content: '';
	position: absolute;
	inset: 0;
	background: rgba(255, 255, 255, 0);
}

.color-change {
	background-color: red;
}

.color-change {
	background-color: #ffdb8a;
}

.site-cta h2 {
	text-align: center;
	margin: 0px;
	color: var(--pink);
}

.cat-sec-6 {
	background: #94344f;
}

.cat-sec-6 * {
	color: #fff;
}

.cat-sec-6 p {
	color: #fff;
}

.event-space h2 {
	color: #94344f;
}


.client-review-section {
	background: #f1f1f1;
}

.client-review-section .head-bx {
	display: flex;
	justify-content: center;
	gap: 10px;
	align-items: center;
	margin-bottom: 20px;
}

.client-review-section .google-icon {
	height: 40px;
	width: 40px;
	display: grid;
	place-content: center;
	background: #fff;
	border-radius: 42px;
}

.client-review-section .icon {
	display: flex;
	align-items: center;
	gap: 5px;
	color: orange;
}

.client-review-section .bottom-bx {
	width: 100%;
	text-align: center;
}

.client-review-section .bottom-bx h5 {
	color: #94344f;
	margin: 0px;
	font-weight: 600;
	text-transform: capitalize;
	font-size: 25px;
	text-align: left;
}

.client-review-sliderr .bottom-bx h5 {
	margin-top: 15px;
	padding-top: 10px;
	display: block;
	border-top: 1px solid #ccc;
}

.client-review-section .client-review-sliderr .bottom-bx p {
	display: block;
	max-width: 100%;
}

.client-review-sliderr .review-box {
	box-shadow: 0 0px 10px 0 #ccc;
	padding: 30px;
	background-color: #fff;
}

.client-review-sliderr .review-box .head-bx {
	justify-content: flex-start;
}

.client-review-sliderr .review-box+.review-box {
	margin-bottom: 15px;
}

.client-review-sliderr {
	display: flex;
	flex-direction: column;
	gap: 30px;
}

.client-review-section .bottom-bx p {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: left;
	width: 100%;
	max-width: 100%;
}


/* 4. General Media Query Cleanup for Mobile */
@media (max-width: 600px) {
	.menu-cat-title {
		font-size: 2rem !important;
	}

	.food-name-price {
		border-bottom: none;
	}


	.wrap {
		padding: 0 15px !important;
	}

	.food-name-price .price {
		font-size: 14px;
		text-align: center;
	}
	.food-name-price h3 {
		font-size: 22px;
		flex: 0 0 65%;
	}
}

/* --- Final Fixes for Header, Footer, and Homepage --- */
@media (max-width: 900px) {

	/* Fix Header */
	nav.primary .wrap {
		height: auto !important;
	}

	/* Fix Homepage Hero */
	.hero .wrap {
		grid-template-columns: 1fr !important;
	}

	/* Fix Footer */
	footer .wrap {
		grid-template-columns: 1fr !important;
		gap: 30px !important;
	}

	footer .bottom {
		flex-direction: column !important;
		text-align: center !important;
		gap: 15px !important;
	}
}

/* --- Homepage Layout Grid Fixes (Mobile) --- */
@media (max-width: 768px) {

	/* 1. The Section Headings */
	.section-head {
		grid-template-columns: 1fr !important;
		gap: 20px !important;
	}

	/* 2. The Information Ribbon */
	.ribbon .wrap {
		grid-template-columns: 1fr !important;
	}

	/* 3. Dish Grids & Testimonials */
	

	/* 4. About Section Huge Title */
	.new-about-section-block h2 {
		font-size: clamp(2rem, 6vw, 45px) !important;
		line-height: 1.2 !important;
	}

	.new-about-section-block .section-border-image img {
		max-width: 100% !important;
		height: auto !important;
	}
}

.section-block-text .inner-block-grid p {
	margin-bottom: 15px;
}

.section-block-text .inner-block-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 80px;
	position: relative;
}

.section-block-text .inner-block-grid::before {
	height: 100%;
	width: 1px;
	background: #00000045;
	position: absolute;
	content: '';
	left: 50%;
}


.inner-block-grid .section-itlte h1,
.inner-block-grid .section-itlte h2 {
	font-size: 50px;
	line-height: 62px;
	margin-bottom: 15px;
}

.text-block-root2 {
	max-width: 950px !important;
}

.inner-about-new {
	background: #ffdb8a;
}

.inner-about-new .title-image img {
	margin-inline: unset;
}

.inner-about .wrap {
	align-items: unset;
}

.inner-about-new .pt-inner-banner-img img {
	padding: 0px;
	border: unset;
	box-shadow: unset;
	object-fit: cover;
	height: 100%;
}

.pt-inner-banner-img {
	height: 100%;
}

.catering-parallax-new h2 {
	font-size: 45px;
	line-height: 45px !important;
}

.new-cta-section.section {
	text-align: center;
	background: #f2f2f2;
}

.block-text-inner {
	width: 100%;
	max-width: 778px;
	display: flex;
	flex-direction: column;
	gap: 10px;
	align-items: center;
	justify-content: center;
	margin-inline: auto;
}


.choopan-grill-plain-mega-menu {
	position: relative;
}

.choopan-grill-plain-mega-toggle {
	display: flex;
	align-items: center;
	gap: 8px;
}

.choopan-grill-plain-mega-content::after {
	width: 20px;
	height: 20px;
	position: absolute;
	left: 59%;
	top: -13px;
	z-index: -1;
	transform: rotate(45deg);
	background: transparent;
	border-left: 3px solid #ffdb8a;
	border-top: 3px solid #ffdb8a;
	border-right: 0;
	border-bottom: 0;
	content: '';
	background: #fff;
}

.choopan-grill-plain-mega-content {
	position: absolute;
	top: 93%;
	left: 0%;
	transform: translateX(-57%);
	width: 1100px;
	background: #fff;
	padding: 28px;
	opacity: 0;
	visibility: hidden;
	transition: all .3s ease;
	z-index: 999;
	background: #fff;
	border-top: 4px solid #ffdb8a;
	box-shadow: 0px 0 5px 1px rgb(91 86 86 / 75%);
	border-radius: 0px;
}

.choopan-grill-plain-mega-menu:hover .choopan-grill-plain-mega-content {
	opacity: 1;
	visibility: visible;
	margin-top: 0;
}

.choopan-grill-plain-mega-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 40px;
}

.choopan-grill-plain-mega-column h4 {
	font-size: 20px;
	margin-bottom: 18px;
	color: #222;
}

.choopan-grill-plain-mega-column a {
	text-decoration: none;
	transition: 0.3s;
	color: #000000 !important;
	padding: 12px 10px !important;
	border-bottom: 1px solid #0000001c !important;
	width: 100%;
	padding-left: 36px !important;
	font-weight: 400;
	display: block;
	font-size: 17px;
	text-transform: capitalize;
	position: relative;
}

.choopan-grill-plain-mega-column a:hover {
	background-color: #94344f;
	color: #fff !important;
}

.choopan-grill-plain-mega-column a:hover::after {
	outline: 2px solid #fff;
	background-color: #fff;
}


.choopan-grill-plain-mega-column {
	padding-left: 0;
	list-style: none;
	display: flex;
	gap: 0px;
	flex-wrap: wrap;
}

.col-imgae-block {
	height: 100%;
}

.col-imgae-block img {
	width: 100%;
	height: 300px;
	object-fit: cover;
}

.choopan-grill-plain-mega-column.imgae-block {
	grid-template-columns: 1fr;
}

.choopan-grill-plain-mega-column.imgae-block img {
	width: 100%;
	height: 240px;
	object-fit: cover;
}


.choopan-grill-plain-mega-column a::after {
	height: 11px;
	width: 11px;
	background-color: #94344f;
	position: absolute;
	content: '';
	transform: rotate(45deg);
	outline: 2px solid #94344f;
	outline-offset: 2px;
	transition: 0.3s;
	left: 10px;
	top: 19px;
}

.choopan-grill-plain-mega-column a:hover {
	color: #c89b3c;
	padding-left: 8px;
}

.choopan-grill-plain-mega-column p {
	color: #666;
	line-height: 1.7;
	margin-bottom: 20px;
}

.new-footer-col h4 {
	display: none !important;
}

.inner-about-2 .wrap {
	align-items: center !important;
}

.inner-about-2 .wrap2 {
	display: grid;
	align-items: center;
	max-width: var(--container);
	margin: 0 auto;
	padding: 0 32px;
	gap: 50px;
	grid-template-columns: 500px 1fr;
}

.inner-about-2 .slick-dots,
#catering .slick-dots {
	display: flex !important;
	justify-content: center;
	align-items: center;
	gap: 10px;
	padding: 0px;
	margin: 0px;
	list-style: none;
}
#catering .slick-dots {
	    justify-content: center;
}
.inner-about-2 .slick-dots li,
#catering .slick-dots li {
	width: auto;
	height: auto;
	margin: 0;
}

.inner-about-2 .slick-dots li button,
#catering .slick-dots li button {
	padding: 0;
	background: #94344f75;
	transition: all 0.3s ease;
	border-radius: 0px;
	border: 0px;
	height: 13px;
	width: 30px;
	font-size: 0px;
}

.inner-about-2 .slick-dots li button:before,
#catering .slick-dots li button:before {
	display: none;
}
#catering .slick-dots li button {
	background: #ffffff57;
}
body #catering .slick-dots li.slick-active button {
background: #fff !important;
}
.inner-about-2 .slick-dots li.slick-active button,
#catering .slick-dots li.slick-active button {
	background: var(--ember) !important;
}

.inner-about-2 p,
#catering p {
	margin-bottom: 15px !important;
}

.about-slider img {
	width:100%;
	object-fit: cover;
}
.about-slider .slick-slide{
	padding: 0px 15px;
}
.slideabout {
	margin: 0px 5px;
}


/*======================================
Footer section Css
======================================*/
.new-footer {
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center;
	position: relative;
}

.new-footer::before {
	position: absolute;
	content: '';
	height: 100%;
	width: 100%;
	inset: 0;
	background-color: #00000077;
}

.new-footer-col ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.new-footer-col ul li a {
	color: #fff;
	text-transform: capitalize;
	font-family: var(--display);
	letter-spacing: 1px;
	font-weight: 400;
	font-size: 16px;
}

.timing-list li {
	color: #fff;
	display: flex;
	justify-content: space-between;
	width: 100%;
	border-bottom: 1px solid #eeeeee3b;
	padding-bottom: 6px;
}

.timing-list li:last-child {
	border-bottom: 0px;
}

.footer-logo img {
	text-align: center;
	margin-inline: auto;
	width: 100%;
	max-width: 311px;
	margin-bottom: 24px;
}

.footer-col-section h2 {
	color: #fff;
	font-size: 25px !important;
	margin-bottom: 25px;
	font-family: var(--display);
	font-weight: 400;
	letter-spacing: 1px;
}

.new-footer-col .brand-line {
	display: flex;
	gap: 20px;
	align-items: center;
	justify-content: center;
}

.new-footer-col .brand-line strong {
	color: #fff;
	font-size: 24px;
	font-weight: 600;
}

.new-footer-col .contact-line span {
	color: #fff;

}

.new-footer-col .contact-line {
	display: flex;
	gap: 10px;
	margin-bottom: 22px;
}

.new-footer-col .contact-line svg {}

.new-footer-col .tag {
	color: #fff;
	margin: 18px 0px;
	text-align: center;
}

.new-footer-col .socials a {
	height: 45px;
	width: 45px;
	background: var(--accent);
	display: flex;
	justify-content: center;
	align-items: center;
	/* border: 1px solid #eee; */
	margin-top: 15px;
}

.new-footer-col .socials a img {
	width: 45px;
	height: 45px;
}

.new-footer-col .socials {
	display: flex;
	gap: 10px;
	justify-content: center;
}

.new-footer-grid {
    display: grid;
    grid-template-columns: repeat(3, calc(33.33% - 60px));
    justify-content: space-between;
    gap: 30px;
    padding: 70px 0px 20px 0px;
    position: relative;
}

.new-footer-col ul li {
	margin-bottom: 25px;
}

.new-footer-col:last-child {
	/* margin-left: auto; */
}

.new-footer-col:nth-last-child(2) {
    width: 100%;
    margin-inline: auto;
    display: block;
    max-width: 392px;
    position: relative;
}

.new-footer-col:nth-last-child(2)::before {
	position: absolute;
	content: '';
	height: 100%;
	width: 1px;
	background-color: #ffffff36;
	left: -45px;
}

.new-footer-col:nth-last-child(2)::after {
	position: absolute;
	content: '';
	height: 100%;
	width: 1px;
	background-color: #ffffff36;
	right: -45px;
	top: 0;
}

.footer-end p {
	color: #fff;
	text-align: end;
	display: flex;
	justify-content: space-between;
	margin-top: 40px;
	border-top: 1px solid #ffffff36;
	padding: 10px 0px;
	justify-content: center;
	margin-bottom: 0px;
}

.gallery .ba img {
	display: none !important;
}

.footer-end p a {
	text-transform: capitalize;
	color: #fff;
}

.new-footer-col .insured {
	text-align: center;
	color: #fff;
	margin-top: 15px;
	margin-bottom: 0px;
}

.address p {
	color: #fff;
	text-align: center;
}

.footer-btn {
	display: flex;
	justify-content: center;
	margin-top: 20px;
}

.new-footer-col:nth-last-child(2) a {
	color: #fff;
	justify-content: center;
	align-items: center;
	gap: 10px;
	display: flex;
	margin-bottom: 15px;
}


@media (max-width: 1024px) {

	.choopan-grill-plain-mega-content {
		position: static;
		transform: none;
		width: 100%;
		opacity: 1;
		visibility: visible;
		display: none;
		margin-top: 15px;
	}

	.choopan-grill-plain-mega-menu.active .choopan-grill-plain-mega-content {
		display: block;
	}

	.choopan-grill-plain-mega-grid {
		grid-template-columns: 1fr;
		gap: 25px;
	}
}


.pt-parallax-sec {
	background-image: url('Our-Authentic-Offerings.jpg');
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 100px 0;
}

.pt-parallax-sec .wrap {
	display: flex;
	justify-content: flex-end;
}

.pt-parallax-text {
	background: rgba(255, 255, 255, 0.95);
	padding: 25px;
	max-width: 600px;
	border-radius: 0px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

.pt-parallax-text p {
	font-size: 18px;
	margin-bottom: 20px;
	color: var(--ink);
}

.pt-main-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 100px;
	position: relative;
	width: 100%;
	max-width: 1150px;
	margin-inline: auto;
	row-gap: 20px;
}

.pt-main-grid::before {
	width: 1px;
	background-color: #00000052;
	position: absolute;
	content: '';
	left: 50%;
	height: 78%;
}

.pt-main-grid .inner-title h3 {
	font-size: 30px;
	margin-bottom: 15px;
	color: var(--charcoal);
	font-weight: 600;
}

.pt-main-grid ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.pt-main-grid ul li {
	font-size: 18px;
	margin-bottom: 12px;
	padding-left: 25px;
	position: relative;
}

.pt-main-grid ul li::before {
	content: '';
	outline: 2px solid var(--ember);
	position: absolute;
	left: 0;
	font-size: 24px;
	line-height: 1;
	top: 7px;
	background: var(--ember);
	height: 11px;
	width: 11px;
	border-radius: 100px;
	outline-offset: 2px;
}

.pt-end-bx {
	grid-column: 1 / -1;
	text-align: center;
	margin-top: 30px;
	font-size: 20px;
	font-weight: 500;
}

.pt-cta-section {
	background-color: var(--ember);
	text-align: center;
	color: var(--white);
}

.pt-cta-section h2 {
	color: var(--white);
}

.pt-cta-section p {
	max-width: 547px;
	margin: 14px auto;
}



.top-buttons {
    display: none;
}
/* Buttons */
.top-buttons a {
    flex: 1;
    text-align: center;
    text-decoration: none;  
    padding: 9px 10px;
    font-weight: bold;
}

/* Call Now Button */
.call-btn {
    background-color: #000000;
	color: white;
}

/* Order Online Button */
.order-btn {
    background-color: #ffdb8a;
    color: #000;
}
.mobmenur-container {
    top: 80px;
    margin-right: 5px;
    margin-top: 0px;
    background: #000;
}
.mob-expand-submenu i {
    font-size: 16px !important;
}
.mobmenu-content li {
    border-bottom: 1px solid #ffffff29;
}
.restaurant-grid.single-grid {
	margin-inline: auto;
	grid-template-columns: 1fr;
	max-width: 600px;
}
.restaurant-grid.single-grid::before{
	display:none;
}
.phn_um {
	    display: flex;
    gap: 8px;
    font-size: 20px !important;

}
.cater-art-slider {
	overflow: hidden;
}
.cater-art-slider .slide-item {
	position: relative;
}
/* .cater-art-slider .slide-item::before {
	    background-image: url(https://www.choopangrillny.com/wp-content/uploads/2026/06/wind-img2.png);
    position: absolute;
    content: "";
    top: 0px;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
	    left: 0;
    background-size: cover;
    filter: brightness(0) saturate(100%) invert(99%) sepia(48%) saturate(5415%) hue-rotate(305deg) brightness(89%) contrast(86%);
    background-position: center top;
	
} */
.cater-art-slider .slide-item .site-img {
    width: 100%;
    object-fit: cover;
    height: 623px;
	border: 8px solid #fff;
}
.phn_order {
	    display: flex;
    align-items: center;
    gap: 22px;
}
.phn_order .phn_um {
	color: #fff;
}
.fb_icon {
	display: none;
}
@media (max-width: 1440px) {
	.her-section-image-two img {
		display: none;
	}
	.section-video video {
		height: 528px;
	}
	/* .cater-art-slider .slide-item::before {
    left: -44px;
	} */
	.cater-art-slider .slide-item .site-img {
		 width: 100%;
	}
	/* .section-tag-image img {
		display: none;
	} */
	.catering-request-form .container {
		max-width: 63.666667%;
	}
	.nav-links {
		    gap: 66px;
	}
	.choopan-grill-plain-mega-content {
		left: 151%;
	}
	.choopan-grill-plain-mega-content::after {
		left: 47%;
	}
	#visit .section-tag-image img {
		display: none;
	}
}
@media (max-width: 1280px) {
	.section-video video {
		height: 500px;
	}
}

@media (max-width: 1269px) {
	body{
		margin-top:0;
	}
	nav.primary {
		position: relative;
	}
	.phn_order {
		display: none;
	}
	.fb_icon {
		display: block;
		position: relative;
		right: 60px;
	}
	.fb_icon img {
		width: 40px;
	}
}
/* Mobile */
@media (max-width: 768px) {
    .top-buttons {
        position: sticky;
        top: 0;
        z-index: 1000;
    }
}
@media(max-width: 900px) {
	.pt-inner-banner .wrap {
		flex-direction: column;
	}

	.pt-inner-banner-img,
	.pt-inner-banner-content {
		width: 100%;
		flex: none;
	}

	.pt-parallax-text {
		padding: 30px;
	}

	.pt-main-grid {
		grid-template-columns: 1fr;
	}
}



@media (max-width: 1269px) {
	.section-video::before{
		display:none;
	}
	.section-video {
		padding: 0 !important;
	}
	.hero h1 {
		font-size: clamp(2.5rem, 8vw, 80px) !important;
	}
	.section-video video {
		height: 500px;
		display: block;
	}
	.nav-links, nav.primary .wrap a.gold-btn{
		display:none;
	}
	.top-buttons {
		  display: flex;
	}
	.mob-menu-header-holder {
		height: auto !important;
	}
	.mobmenur-container i {
		        padding: 2px 0;
	}
	.mobmenur-container {
		margin-top: -1px !important;
		border-radius: 5px !important;
	}
}
@media(max-width: 1024px) {
	.bg-image, .menu-bg-parallax, .catering-parallax {
		background-attachment: inherit;
	}
}
@media(max-width: 1024px) {
	.section-head {
		grid-template-columns: 1fr;
		gap: 30px;
	}
	.menu-filter button {
		padding: 6px 22px;
	}
	.her-section-image-one img, .section-light-image, .section-video::before, .her-section-image-two img, .cater-art .ph-1::before, .cater-art .ph-2::before, .section-tag-image img{
		display:none;
	}
	.hero .wrap {
		grid-template-columns: 1fr;
		gap: 30px;
	}
	.section-video {
		order: 1;
	}
	.hero-copy {
		order: 2;
	}
	.section-video video {
		height: 100%;
		width: 100%;
		object-fit: cover;
		display: block;
	}
	.hero {
		padding: 40px 0px;
		padding-bottom: 40px;
	}
	.section-video {
		padding: 0;
	}
	.hero h1 br, #catering h2 br {
		display: none;
	}
	.lede {
		max-width: 100%;
	}
	.gal-tile {
		height: 250px;
	}
	.news h3 br {
		display: none;
	}
	.news .wrap {
		justify-content: center;
		text-align: center;
	}
	.news-action {
		justify-content: center;
	}
	.new-footer-grid {
		grid-template-columns: 1fr;
		gap: 30px;
	}
	.new-footer-col:first-child, .new-footer-col:nth-last-child(2)::before, .new-footer-col:nth-last-child(2)::after {
		display: none;
	}
	.footer-end p {
		margin-top: 0;
	}
	.visit-grid {
        margin-top: 0;
    }
	.new-footer-col:nth-last-child(2) {
		max-width: 100%;
		left: 0;
	}
	.inner-about-2 .wrap2 {
		grid-template-columns: 100%;
	}
	.restaurant-grid::before{
		display:none;
	}
	.menu-section {
		padding: 40px 0;
	}
	.site-header-slick {
		padding: 40px 0px;
	}
	.restaurant-grid {
		row-gap: 15px;
	}
	.food-name-price {
		padding-bottom: 0;
	}
	.menu-bg-parallax {
		height: auto;
		min-height: 350px;
	}
	.site-cta h2, .catering-parallax .text-bx h2 {
		font-size: 35px;
		line-height: 1.2;
		margin-bottom: 0;
	}
	.section-itlte h1, .section-itlte h2 {
		font-size: 35px;
	}
	.inner-block-grid .section-itlte h1, .inner-block-grid .section-itlte h2, .catering-request-form .section-title h2 {
		font-size: 35px;
		line-height: 1.2;
	}
	.event-space .event-grid {
		grid-template-columns: 1fr;
		gap: 13px;
	}
	.section-block-text .inner-block-grid {
		grid-template-columns: 1fr;
		gap: 30px;
	}
	.section-block-text .inner-block-grid::before{
		display:none;
	}
	.catering-request-form .container {
		max-width: 100%;
		margin: 0 15px;
		padding: 15px;
	}
	.inner-about .wrap {
		grid-template-columns: 1fr;
		gap: 30px;
	}
	.catering-parallax {
		padding: 40px 0;
		background-position: center right;
	}
	.contact-us .main-form {
		grid-template-columns: 1fr;
	}
	.contact-us .right {
		padding: 15px;
	}
	.contact-us .left-bx {
		padding: 25px !important;
	}
		.event-space .grid-bx {
		width: 100%;
	}
	.logo-img {
		height: 80px;
	}
	.hero {
		padding: 0px 0 !important;
	}
	.hero .wrap {
		        padding: 0 !important;
	}
	.hero-copy {
		        padding: 0 19px;
	}
	.center-image img {
		display: none;
	}
	.section-video {
		box-shadow: none;
	}
	.fomr-grid {
		display: flex;
		flex-wrap: wrap;
		gap: 20px;
		margin-top: 25px;
		width: 100%;
	}
	.fomr-grid div {
		width: 100%;
	}
	.testi-grid {
		grid-template-columns: 1fr !important;
	}
}

@media(max-width: 575px) {
	.dish-grid{
		grid-template-columns: 1fr !important;
	}
	.open-pill {
		font-size: 14px;
	}
	.hours-list {
		grid-template-columns: 1fr;
	}
	.cater-cta {
		flex-wrap: wrap-reverse;
	}
	.cater-cta a {
		width: 100%;
		text-align: center;
		display: block;
	}
	.gal-grid {
		grid-template-columns: repeat(2, 1fr);
	}
	:root {
		--section-padding: 40px;
		--section-heading: 2rem;
	}
	.eyebrow {
		font-size: 20px;
	}
	.new-about-section-block {
		    padding-top: 40px;
	}
	.new-about-section-block .bg-image {
		max-height: max-content;
		padding: 60px 0;
		min-height: 100%;
	}
	.cater-events {
		grid-template-columns: repeat(1, 1fr);
	}
	.gal-grid {
		grid-template-columns: repeat(2, 1fr);
	}
	.gal-tile {
		height: 200px;
	}
	figure.gal-tile:nth-child(9) {
		display: none;
	}
	.news {
		padding: 90px 0px;
		position: relative;
	}
	.footer-end p {
		text-align: center;
		display: block;
	}
	.new-footer-grid {
		padding: 40px 0px 20px 0px;
	}
	.inner-page-hero-section {
		    padding: 31px 9px !important;
	}
	.top-gridicon {
		justify-content: left;
	}
	.top-gridicon li {
		text-align: left;
	}
	.pink-btn, .gold-btn, .white-btn {
		    padding: 10px 18px;
	}
	.mobmenur-container {
		        margin-right: 23px !important;
	}
	.cater-art-slider .slide-item .site-img {
		height: 100%;
	}
}

@media (max-width: 375px) {
		.pink-btn, .gold-btn, .white-btn {
		    padding: 10px 8px;
	}
}