:root {
    --brand-50: #f3fbf6;
    --brand-100: #e2f6ea;
    --brand-200: #c2e8d0;
    --brand-300: #95d3af;
    --brand-400: #56b77d;
    --brand-500: #24985f;
    --brand-600: #167446;
    --brand-700: #105b37;
    --brand-800: #0d4329;
    --brand-900: #0a2f1d;
    --ink-900: #11261a;
    --ink-700: #425b4d;
    --line-soft: rgba(16, 91, 58, 0.12);
    --shadow-soft: 0 22px 55px rgba(15, 67, 40, 0.12);
    --surface-main: rgba(255, 255, 255, 0.82);
}

html,
body {
    min-height: 100%;
}

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    font-family: "Alexandria", "Segoe UI", sans-serif;
    color: var(--ink-900);
    background:
        radial-gradient(circle at top right, rgba(132, 206, 159, 0.25), transparent 24%),
        radial-gradient(circle at bottom left, rgba(80, 168, 115, 0.18), transparent 28%),
        linear-gradient(180deg, #f7fcf8 0%, #edf6f0 100%);
}

body::before {
    content: "";
    position: fixed;
    inset: 0;
    pointer-events: none;
    background-image:
        linear-gradient(rgba(24, 104, 63, 0.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(24, 104, 63, 0.035) 1px, transparent 1px);
    background-size: 36px 36px;
    mask-image: radial-gradient(circle at center, rgba(0, 0, 0, 0.58), transparent 88%);
}

a,
.btn-link {
    color: var(--brand-700);
    text-decoration: none;
}

a:hover,
.btn-link:hover {
    color: var(--brand-800);
}

.btn {
    border-radius: 16px;
    font-weight: 700;
    padding-inline: 1.15rem;
}

.btn-success {
    background: linear-gradient(135deg, var(--brand-500), var(--brand-700));
    border-color: transparent;
    box-shadow: 0 18px 32px rgba(20, 108, 63, 0.18);
}

.btn-primary {
    color: #fff;
    background: linear-gradient(135deg, var(--brand-500), var(--brand-700));
    border-color: transparent;
    box-shadow: 0 18px 32px rgba(20, 108, 63, 0.18);
}

.btn-success:hover,
.btn-success:focus {
    background: linear-gradient(135deg, #2aa369, #0e663d);
    border-color: transparent;
}

.btn-primary:hover,
.btn-primary:focus {
    background: linear-gradient(135deg, #2aa369, #0e663d);
    border-color: transparent;
}

.btn-outline-success {
    border-color: rgba(20, 108, 63, 0.24);
    color: var(--brand-700);
    background: rgba(255, 255, 255, 0.58);
}

.btn-outline-success:hover,
.btn-outline-success:focus {
    background: var(--brand-700);
    border-color: var(--brand-700);
    color: #fff;
}

.btn-outline-secondary {
    border-color: rgba(20, 108, 63, 0.18);
    color: var(--brand-700);
    background: rgba(255, 255, 255, 0.6);
}

.btn-outline-secondary:hover,
.btn-outline-secondary:focus {
    background: rgba(16, 91, 58, 0.1);
    border-color: rgba(16, 91, 58, 0.2);
    color: var(--brand-800);
}

.btn:focus,
.btn:active:focus,
.btn-link.nav-link:focus,
.form-control:focus,
.form-select:focus,
.form-check-input:focus {
    box-shadow: 0 0 0 0.18rem rgba(36, 152, 95, 0.16), 0 0 0 0.35rem rgba(36, 152, 95, 0.08);
}

.content {
    padding-top: 1.1rem;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #103420;
    font-weight: 800;
}

h1:focus {
    outline: none;
}

.page-intro {
    margin-bottom: 1rem;
}

.page-intro h1 {
    margin-top: 0.55rem;
    margin-bottom: 0.75rem;
    font-size: clamp(1.9rem, 3vw, 2.8rem);
}

.page-subtitle {
    max-width: 70ch;
    color: var(--ink-700);
    line-height: 1.9;
    margin-bottom: 0;
}

.section-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.4rem 0.8rem;
    border-radius: 999px;
    background: rgba(36, 152, 95, 0.1);
    color: var(--brand-700);
    font-size: 0.78rem;
    font-weight: 700;
}

.baghdad-home {
    display: grid;
    gap: 1rem;
}

.baghdad-marquee__shell,
.baghdad-band__card,
.baghdad-signature__story,
.baghdad-signature__note,
.baghdad-signature__image,
.baghdad-menu__intro,
.baghdad-menu__card,
.baghdad-gallery,
.baghdad-reel,
.baghdad-hosting__main,
.baghdad-hosting__quote,
.baghdad-contact__shell {
    border: 1px solid var(--line-soft);
    box-shadow: var(--shadow-soft);
}

.baghdad-marquee__shell {
    position: relative;
    overflow: hidden;
    padding: clamp(1.35rem, 3vw, 2.15rem);
    border-radius: 38px;
    background:
        radial-gradient(circle at top right, rgba(228, 184, 73, 0.18), transparent 22%),
        radial-gradient(circle at bottom left, rgba(49, 178, 101, 0.16), transparent 24%),
        linear-gradient(135deg, rgba(10, 47, 29, 0.98), rgba(18, 80, 49, 0.96));
    box-shadow: 0 30px 62px rgba(8, 34, 21, 0.22);
}

.baghdad-marquee__shell::before,
.baghdad-marquee__shell::after {
    content: "";
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
}

.baghdad-marquee__shell::before {
    top: -90px;
    left: -70px;
    width: 230px;
    height: 230px;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.08), transparent 72%);
}

.baghdad-marquee__shell::after {
    right: -72px;
    bottom: -88px;
    width: 260px;
    height: 260px;
    background: radial-gradient(circle, rgba(228, 184, 73, 0.14), transparent 72%);
}

.baghdad-marquee__topbar,
.baghdad-marquee__copy,
.baghdad-marquee__visuals {
    position: relative;
    z-index: 1;
}

.baghdad-marquee__topbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.baghdad-marquee__brand {
    display: grid;
    gap: 0.35rem;
}

.baghdad-marquee__brand .section-eyebrow {
    background: rgba(255, 255, 255, 0.12);
    color: #eef7f1;
}

.baghdad-marquee__brand strong {
    color: #fff;
    font-size: 1.15rem;
}

.baghdad-marquee__brand small {
    color: rgba(228, 241, 235, 0.78);
    line-height: 1.8;
}

.baghdad-marquee__top-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.baghdad-mini-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.75rem 1rem;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: rgba(255, 255, 255, 0.08);
    color: #fff;
    font-weight: 700;
    backdrop-filter: blur(10px);
}

.baghdad-mini-link:hover {
    color: #fff;
    background: rgba(255, 255, 255, 0.15);
}

.baghdad-marquee__eyeline {
    display: inline-flex;
    color: rgba(228, 241, 235, 0.82);
    font-size: 0.92rem;
    font-weight: 700;
}

.baghdad-marquee__title {
    display: grid;
    gap: 0.16rem;
    margin: 1.1rem 0 0.95rem;
    color: #fff;
    font-size: clamp(2.9rem, 5vw, 5.4rem);
    line-height: 0.96;
    letter-spacing: -0.05em;
}

.baghdad-marquee__title span:nth-child(2) {
    color: #ddf2e4;
}

.baghdad-marquee__title span:last-child {
    color: #f0d998;
}

.baghdad-marquee__lead {
    max-width: 39rem;
    color: rgba(228, 241, 235, 0.86);
    font-size: 1.08rem;
    line-height: 2;
}

.baghdad-marquee__actions {
    margin-top: 1.35rem;
}

.baghdad-marquee__actions .btn-outline-success {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.16);
    color: #fff;
}

.baghdad-marquee__actions .btn-outline-success:hover,
.baghdad-marquee__actions .btn-outline-success:focus {
    background: rgba(255, 255, 255, 0.16);
    border-color: rgba(255, 255, 255, 0.2);
    color: #fff;
}

.baghdad-marquee__metrics {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: 1.5rem;
}

.baghdad-marquee__metric {
    padding: 1rem 1.05rem;
    border-radius: 24px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(10px);
}

.baghdad-marquee__metric span {
    display: inline-block;
    margin-bottom: 0.45rem;
    color: rgba(228, 241, 235, 0.72);
    font-size: 0.78rem;
    font-weight: 700;
}

.baghdad-marquee__metric strong {
    display: block;
    margin-bottom: 0.45rem;
    color: #fff;
    font-size: 1.2rem;
}

.baghdad-marquee__metric p {
    color: rgba(228, 241, 235, 0.78);
    line-height: 1.8;
}

.baghdad-marquee__visuals {
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1.04fr) minmax(240px, 0.8fr);
}

.baghdad-marquee__primary,
.baghdad-marquee__video-card,
.baghdad-hosting__image {
    margin: 0;
    overflow: hidden;
    border-radius: 34px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    background:
        radial-gradient(circle at top, rgba(255, 255, 255, 0.08), transparent 32%),
        linear-gradient(180deg, rgba(7, 28, 17, 0.98), rgba(12, 48, 30, 0.96));
    box-shadow: 0 28px 56px rgba(7, 28, 17, 0.22);
}

.baghdad-marquee__primary {
    position: relative;
    aspect-ratio: 9 / 14.5;
}

.baghdad-marquee__primary img,
.baghdad-hosting__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.baghdad-marquee__primary::after,
.baghdad-hosting__image::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(7, 28, 17, 0.04), rgba(7, 28, 17, 0.1) 46%, rgba(7, 28, 17, 0.56) 100%);
    pointer-events: none;
}

.baghdad-marquee__primary figcaption {
    position: absolute;
    right: 1rem;
    bottom: 1rem;
    left: 1rem;
    z-index: 1;
    display: grid;
    gap: 0.35rem;
    padding: 1rem 1.1rem;
    border-radius: 24px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: rgba(10, 47, 29, 0.66);
    backdrop-filter: blur(12px);
    color: #fff;
}

.baghdad-marquee__primary figcaption span,
.baghdad-marquee__quote span {
    color: rgba(228, 241, 235, 0.72);
    font-size: 0.8rem;
    font-weight: 700;
}

.baghdad-marquee__primary figcaption strong {
    font-size: 1.08rem;
    line-height: 1.8;
}

.baghdad-marquee__stack,
.baghdad-hosting__side {
    display: grid;
    gap: 1rem;
}

.baghdad-marquee__video-card {
    aspect-ratio: 9 / 11.5;
}

.baghdad-marquee__video-card video,
.baghdad-reel__frame video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.baghdad-marquee__quote {
    display: grid;
    gap: 0.6rem;
    padding: 1.15rem;
    border-radius: 28px;
    background:
        radial-gradient(circle at top right, rgba(228, 184, 73, 0.12), transparent 24%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(242, 249, 245, 0.92));
    border: 1px solid rgba(16, 91, 58, 0.08);
    box-shadow: 0 18px 34px rgba(13, 67, 40, 0.08);
}

.baghdad-marquee__quote strong {
    color: var(--ink-900);
    font-size: 1.2rem;
    line-height: 1.8;
}

.baghdad-marquee__quote p {
    color: var(--ink-700);
    line-height: 1.9;
}

.baghdad-band {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.baghdad-band__card {
    padding: 1.25rem 1.2rem;
    border-radius: 30px;
    background: rgba(255, 255, 255, 0.82);
}

.baghdad-band__card:nth-child(2) {
    background:
        radial-gradient(circle at top right, rgba(228, 184, 73, 0.14), transparent 24%),
        linear-gradient(180deg, rgba(13, 67, 41, 0.96), rgba(10, 47, 29, 0.98));
}

.baghdad-band__card span {
    display: inline-block;
    margin-bottom: 0.6rem;
    color: var(--brand-700);
    font-size: 0.8rem;
    font-weight: 700;
}

.baghdad-band__card strong {
    display: block;
    margin-bottom: 0.55rem;
    color: var(--ink-900);
    font-size: clamp(1.35rem, 2vw, 1.7rem);
}

.baghdad-band__card p {
    color: var(--ink-700);
    line-height: 1.8;
}

.baghdad-band__card:nth-child(2) span,
.baghdad-band__card:nth-child(2) strong,
.baghdad-band__card:nth-child(2) p {
    color: #fff;
}

.baghdad-signature__story {
    padding: clamp(1.35rem, 3vw, 1.9rem);
    border-radius: 34px;
    background:
        radial-gradient(circle at top right, rgba(228, 184, 73, 0.16), transparent 24%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(242, 249, 245, 0.92));
}

.baghdad-signature__story h2 {
    margin: 1rem 0 0.85rem;
    font-size: clamp(1.8rem, 2.6vw, 2.55rem);
}

.baghdad-signature__story p {
    color: var(--ink-700);
    line-height: 2;
}

.baghdad-signature__grid {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.baghdad-signature__note {
    display: grid;
    gap: 0.45rem;
    padding: 1.15rem;
    border-radius: 28px;
    background: rgba(255, 255, 255, 0.82);
}

.baghdad-signature__note strong {
    color: var(--ink-900);
}

.baghdad-signature__note span {
    color: var(--ink-700);
    line-height: 1.9;
}

.baghdad-signature__image {
    position: relative;
    grid-column: span 2;
    aspect-ratio: 16 / 9;
    padding: 0;
}

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

.baghdad-signature__image::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(7, 28, 17, 0.02), rgba(7, 28, 17, 0.12) 46%, rgba(7, 28, 17, 0.58) 100%);
}

.baghdad-signature__image figcaption {
    position: absolute;
    right: 1rem;
    bottom: 1rem;
    left: 1rem;
    z-index: 1;
    padding: 0.95rem 1.05rem;
    border-radius: 22px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: rgba(10, 47, 29, 0.64);
    color: #fff;
    line-height: 1.9;
}

.baghdad-menu__intro,
.baghdad-menu__card {
    padding: clamp(1.3rem, 3vw, 1.8rem);
    border-radius: 32px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(244, 250, 246, 0.92));
}

.baghdad-menu__intro {
    background:
        radial-gradient(circle at top right, rgba(228, 184, 73, 0.16), transparent 24%),
        linear-gradient(180deg, rgba(13, 67, 41, 0.96), rgba(10, 47, 29, 0.98));
}

.baghdad-menu__intro .section-eyebrow {
    background: rgba(255, 255, 255, 0.12);
    color: #eef7f1;
}

.baghdad-menu__intro h2,
.baghdad-menu__intro p {
    color: #fff;
}

.baghdad-menu__intro h2 {
    margin: 1rem 0 0.85rem;
    font-size: clamp(1.7rem, 2.5vw, 2.4rem);
}

.baghdad-menu__intro p {
    color: rgba(228, 241, 235, 0.84);
    line-height: 2;
}

.baghdad-menu__chips {
    display: flex;
    flex-wrap: wrap;
    gap: 0.8rem;
    margin-top: 1.35rem;
}

.baghdad-menu__chips span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.7rem 0.95rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #fff;
    font-size: 0.86rem;
    font-weight: 700;
}

.baghdad-menu__card {
    position: relative;
    overflow: hidden;
}

.baghdad-menu__card::after {
    content: "";
    position: absolute;
    top: -56px;
    left: -26px;
    width: 130px;
    height: 130px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(36, 152, 95, 0.12), transparent 70%);
}

.baghdad-menu__card > * {
    position: relative;
    z-index: 1;
}

.baghdad-menu__count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    border-radius: 18px;
    background: linear-gradient(135deg, rgba(36, 152, 95, 0.16), rgba(36, 152, 95, 0.05));
    color: var(--brand-700);
    font-weight: 800;
}

.baghdad-gallery {
    padding: clamp(1.35rem, 3vw, 1.9rem);
    border-radius: 34px;
    background:
        radial-gradient(circle at top left, rgba(228, 184, 73, 0.14), transparent 22%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(244, 250, 246, 0.92));
}

.baghdad-gallery__layout {
    display: grid;
    gap: 1.25rem;
    grid-template-columns: 1.15fr 0.85fr 0.85fr;
    align-items: start;
}

.baghdad-gallery__card {
    display: grid;
    gap: 1rem;
    margin: 0;
}

.baghdad-gallery__frame,
.baghdad-reel__frame {
    overflow: hidden;
    aspect-ratio: 9 / 16;
    border-radius: 30px;
    border: 1px solid rgba(16, 91, 58, 0.12);
    background:
        radial-gradient(circle at top, rgba(255, 255, 255, 0.08), transparent 32%),
        linear-gradient(180deg, rgba(10, 47, 29, 0.98), rgba(13, 67, 41, 0.95));
    box-shadow: 0 24px 42px rgba(10, 47, 29, 0.18);
}

.baghdad-gallery__card--featured .baghdad-gallery__frame {
    box-shadow: 0 30px 54px rgba(10, 47, 29, 0.22);
}

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

.baghdad-gallery__copy {
    padding: 0 0.25rem;
}

.baghdad-reel {
    position: relative;
    overflow: hidden;
    padding: clamp(1.35rem, 3vw, 1.9rem);
    border-radius: 36px;
    background:
        radial-gradient(circle at top right, rgba(228, 184, 73, 0.14), transparent 22%),
        linear-gradient(135deg, rgba(10, 47, 29, 0.98), rgba(18, 80, 49, 0.96));
    box-shadow: 0 28px 56px rgba(8, 34, 21, 0.24);
}

.baghdad-reel::after {
    content: "";
    position: absolute;
    inset: auto -72px -96px auto;
    width: 250px;
    height: 250px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.08), transparent 72%);
}

.baghdad-reel__grid {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 1.2rem;
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
}

.baghdad-reel__card {
    display: grid;
    gap: 1rem;
    padding: 1rem;
    border-radius: 28px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.06);
    backdrop-filter: blur(12px);
}

.baghdad-reel__copy h3,
.baghdad-reel__copy p {
    color: #fff;
}

.baghdad-reel__copy p {
    color: rgba(228, 241, 235, 0.84);
    line-height: 1.85;
}

.baghdad-hosting__main,
.baghdad-contact__shell {
    padding: clamp(1.35rem, 3vw, 1.9rem);
    border-radius: 34px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(244, 250, 246, 0.92));
}

.baghdad-hosting__main {
    background:
        radial-gradient(circle at top left, rgba(228, 184, 73, 0.14), transparent 22%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(244, 250, 246, 0.92));
}

.baghdad-hosting__main h2 {
    margin: 1rem 0 0.75rem;
    font-size: clamp(1.75rem, 2.4vw, 2.4rem);
}

.baghdad-hosting__lead {
    max-width: 40rem;
    color: var(--ink-700);
    line-height: 1.95;
}

.baghdad-hosting__grid {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    margin-top: 1.3rem;
}

.baghdad-hosting__item {
    display: grid;
    gap: 0.35rem;
    padding: 1rem 1.05rem;
    border-radius: 24px;
    border: 1px solid rgba(16, 91, 58, 0.08);
    background: rgba(255, 255, 255, 0.78);
}

.baghdad-hosting__item strong {
    color: var(--ink-900);
}

.baghdad-hosting__item span {
    color: var(--ink-700);
    line-height: 1.85;
}

.baghdad-hosting__quote {
    display: grid;
    align-items: center;
    min-height: 220px;
    padding: 1.4rem;
    border-radius: 34px;
    background:
        radial-gradient(circle at top right, rgba(228, 184, 73, 0.14), transparent 24%),
        linear-gradient(180deg, rgba(13, 67, 41, 0.96), rgba(10, 47, 29, 0.98));
    color: #fff;
    font-size: 1.08rem;
    line-height: 2;
    box-shadow: 0 24px 50px rgba(10, 47, 29, 0.18);
}

.baghdad-hosting__image {
    position: relative;
    aspect-ratio: 10 / 12.8;
}

.baghdad-contact__shell {
    background:
        radial-gradient(circle at bottom left, rgba(36, 152, 95, 0.14), transparent 24%),
        radial-gradient(circle at top right, rgba(228, 184, 73, 0.12), transparent 20%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(242, 249, 245, 0.94));
}

.baghdad-contact__lead {
    max-width: 35rem;
    color: var(--ink-700);
    line-height: 1.95;
}

.baghdad-contact__phones {
    display: flex;
    flex-wrap: wrap;
    gap: 0.9rem;
}

.baghdad-contact__pill,
.baghdad-contact__social {
    display: grid;
    gap: 0.28rem;
    padding: 1rem 1.1rem;
    border-radius: 24px;
    border: 1px solid rgba(16, 91, 58, 0.1);
    background: rgba(255, 255, 255, 0.84);
    color: var(--ink-900);
    box-shadow: 0 16px 30px rgba(13, 67, 40, 0.06);
}

.baghdad-contact__pill {
    min-width: min(100%, 220px);
}

.baghdad-contact__pill span,
.baghdad-contact__social span {
    color: var(--brand-700);
    font-size: 0.8rem;
    font-weight: 700;
}

.baghdad-contact__pill strong,
.baghdad-contact__social strong {
    font-size: 1.05rem;
}

.baghdad-contact__socials {
    display: grid;
    gap: 1rem;
}

.baghdad-contact__social {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.baghdad-contact__social:hover {
    transform: translateY(-2px);
    box-shadow: 0 22px 38px rgba(13, 67, 40, 0.1);
    color: var(--ink-900);
}

.baghdad-contact__social small {
    color: var(--ink-700);
    line-height: 1.8;
}

.hero-panel,
.content-card,
.stat-card,
.account-card,
.hero-summary-card {
    border: 1px solid var(--line-soft);
    border-radius: 28px;
    background: var(--surface-main);
    backdrop-filter: blur(16px);
    box-shadow: var(--shadow-soft);
}

.hero-panel {
    padding: clamp(1.4rem, 3vw, 2rem);
}

.hero-panel--promo {
    background:
        radial-gradient(circle at top left, rgba(36, 152, 95, 0.16), transparent 34%),
        radial-gradient(circle at bottom right, rgba(228, 184, 73, 0.18), transparent 30%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.9), rgba(244, 251, 247, 0.86));
}

.hero-panel--restaurant {
    background:
        radial-gradient(circle at top left, rgba(228, 184, 73, 0.16), transparent 26%),
        radial-gradient(circle at center right, rgba(36, 152, 95, 0.12), transparent 28%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(247, 250, 245, 0.9));
    position: relative;
    overflow: hidden;
}

.hero-panel--restaurant::after {
    content: "";
    position: absolute;
    inset: auto auto -72px -72px;
    width: 220px;
    height: 220px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(36, 152, 95, 0.12), transparent 68%);
    pointer-events: none;
}

.landing-hero__shell,
.landing-ribbon__item,
.story-stage__panel,
.gallery-orbit,
.menu-deck,
.cinema-shell,
.hosting-suite__hero,
.hosting-suite__quote-card,
.hosting-suite__tag-card,
.contact-pavilion__shell {
    border: 1px solid var(--line-soft);
    box-shadow: var(--shadow-soft);
}

.landing-hero__shell {
    position: relative;
    overflow: hidden;
    padding: clamp(1.5rem, 3vw, 2.25rem);
    border-radius: 36px;
    background:
        radial-gradient(circle at top right, rgba(228, 184, 73, 0.18), transparent 24%),
        radial-gradient(circle at bottom left, rgba(36, 152, 95, 0.16), transparent 26%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(241, 248, 244, 0.94));
}

.landing-hero__shell::before,
.landing-hero__shell::after {
    content: "";
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
}

.landing-hero__shell::before {
    top: -96px;
    left: -72px;
    width: 240px;
    height: 240px;
    background: radial-gradient(circle, rgba(228, 184, 73, 0.18), transparent 72%);
}

.landing-hero__shell::after {
    right: -90px;
    bottom: -90px;
    width: 260px;
    height: 260px;
    background: radial-gradient(circle, rgba(36, 152, 95, 0.15), transparent 72%);
}

.landing-hero__copy,
.landing-stage {
    position: relative;
    z-index: 1;
}

.landing-hero__kicker {
    display: inline-flex;
    margin-top: 0.95rem;
    color: var(--brand-700);
    font-size: 0.92rem;
    font-weight: 700;
}

.landing-hero__title {
    display: grid;
    gap: 0.2rem;
    margin: 1.2rem 0 1rem;
    font-size: clamp(2.8rem, 5vw, 5.15rem);
    line-height: 0.98;
    letter-spacing: -0.045em;
}

.landing-hero__title span:nth-child(2) {
    color: var(--brand-600);
}

.landing-hero__title span:last-child {
    margin-top: 0.55rem;
    color: var(--ink-700);
    font-size: clamp(1.28rem, 2vw, 1.95rem);
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1.25;
}

.landing-hero__lead {
    max-width: 40rem;
    font-size: 1.08rem;
    line-height: 2;
    color: var(--ink-700);
}

.landing-hero__actions {
    margin-top: 1.4rem;
}

.landing-hero__pills {
    display: flex;
    flex-wrap: wrap;
    gap: 0.8rem;
    margin-top: 1.4rem;
}

.landing-hero__pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.75rem 1rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.76);
    border: 1px solid rgba(16, 91, 58, 0.1);
    color: var(--brand-700);
    font-size: 0.88rem;
    font-weight: 700;
    box-shadow: 0 14px 28px rgba(13, 67, 40, 0.06);
}

.landing-stage {
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1.08fr) minmax(250px, 0.92fr);
    align-items: stretch;
}

.landing-stage__feature,
.landing-stage__mini-image {
    margin: 0;
    position: relative;
    overflow: hidden;
    border-radius: 34px;
    border: 1px solid rgba(16, 91, 58, 0.12);
    background:
        radial-gradient(circle at top, rgba(255, 255, 255, 0.08), transparent 32%),
        linear-gradient(180deg, rgba(10, 47, 29, 0.98), rgba(13, 67, 41, 0.95));
    box-shadow: 0 28px 54px rgba(10, 47, 29, 0.2);
}

.landing-stage__feature {
    aspect-ratio: 9 / 14.4;
}

.landing-stage__mini-image {
    aspect-ratio: 9 / 11.4;
}

.landing-stage__feature img,
.landing-stage__mini-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.landing-stage__feature::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(7, 28, 17, 0.04), rgba(7, 28, 17, 0.1) 42%, rgba(7, 28, 17, 0.54) 100%);
    pointer-events: none;
}

.landing-stage__feature-copy {
    position: absolute;
    right: 1rem;
    bottom: 1rem;
    left: 1rem;
    z-index: 1;
    display: grid;
    gap: 0.35rem;
    padding: 1rem 1.1rem;
    border-radius: 24px;
    border: 1px solid rgba(255, 255, 255, 0.14);
    background: rgba(10, 47, 29, 0.68);
    backdrop-filter: blur(12px);
    color: #fff;
}

.landing-stage__feature-copy span,
.landing-stage__quote span,
.landing-stage__mini-card span {
    color: rgba(222, 244, 231, 0.82);
    font-size: 0.8rem;
    font-weight: 700;
}

.landing-stage__feature-copy strong {
    font-size: 1.08rem;
    line-height: 1.8;
}

.landing-stage__aside {
    display: grid;
    gap: 1rem;
}

.landing-stage__quote {
    display: grid;
    gap: 0.85rem;
    align-content: space-between;
    min-height: 210px;
    padding: 1.2rem;
    border-radius: 30px;
    background:
        radial-gradient(circle at top right, rgba(228, 184, 73, 0.12), transparent 24%),
        linear-gradient(180deg, rgba(13, 67, 41, 0.96), rgba(10, 47, 29, 0.98));
    color: #fff;
    box-shadow: 0 24px 48px rgba(10, 47, 29, 0.2);
}

.landing-stage__quote strong {
    font-size: 1.28rem;
    line-height: 1.8;
}

.landing-stage__quote p {
    color: rgba(228, 241, 235, 0.84);
    line-height: 1.9;
}

.landing-stage__mini-grid {
    display: grid;
    gap: 1rem;
}

.landing-stage__mini-card {
    padding: 1.15rem;
    border-radius: 28px;
    border: 1px solid rgba(16, 91, 58, 0.1);
    background: rgba(255, 255, 255, 0.82);
    box-shadow: 0 18px 36px rgba(13, 67, 40, 0.07);
}

.landing-stage__mini-card strong {
    display: block;
    margin: 0.4rem 0;
    color: var(--ink-900);
    font-size: 1.12rem;
}

.landing-stage__mini-card p {
    color: var(--ink-700);
    line-height: 1.9;
}

.landing-ribbon {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.landing-ribbon__item {
    padding: 1.25rem 1.15rem;
    border-radius: 30px;
    background: rgba(255, 255, 255, 0.8);
}

.landing-ribbon__item:nth-child(even) {
    background:
        radial-gradient(circle at top right, rgba(228, 184, 73, 0.12), transparent 24%),
        linear-gradient(180deg, rgba(13, 67, 41, 0.95), rgba(10, 47, 29, 0.98));
}

.landing-ribbon__item span {
    display: inline-block;
    margin-bottom: 0.65rem;
    color: var(--brand-700);
    font-size: 0.78rem;
    font-weight: 700;
}

.landing-ribbon__item strong {
    display: block;
    margin-bottom: 0.55rem;
    color: var(--ink-900);
    font-size: clamp(1.35rem, 2vw, 1.7rem);
}

.landing-ribbon__item p {
    color: var(--ink-700);
    line-height: 1.8;
}

.landing-ribbon__item:nth-child(even) span,
.landing-ribbon__item:nth-child(even) strong,
.landing-ribbon__item:nth-child(even) p {
    color: #fff;
}

.story-stage__panel {
    height: 100%;
    padding: clamp(1.35rem, 3vw, 1.8rem);
    border-radius: 34px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(245, 250, 247, 0.92));
}

.story-stage__panel--dark {
    background:
        radial-gradient(circle at top right, rgba(228, 184, 73, 0.14), transparent 22%),
        linear-gradient(180deg, rgba(13, 67, 41, 0.96), rgba(10, 47, 29, 0.98));
    color: #fff;
}

.story-stage__panel--dark h2,
.story-stage__panel--dark .story-stage__text {
    color: #fff;
}

.story-stage__panel--dark .section-eyebrow {
    background: rgba(255, 255, 255, 0.12);
    color: #eef7f1;
}

.story-stage__panel h2 {
    margin: 1rem 0 0.85rem;
    font-size: clamp(1.7rem, 2.5vw, 2.45rem);
}

.story-stage__text {
    color: rgba(228, 241, 235, 0.86);
    line-height: 2;
}

.story-stage__quote {
    margin-top: 1.35rem;
    padding: 1.15rem 1.2rem;
    border-radius: 24px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(255, 255, 255, 0.08);
    color: #fff;
    font-size: 1.02rem;
    line-height: 2;
}

.story-stage__stack {
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1.05fr) minmax(260px, 0.7fr);
}

.story-stage__list {
    display: grid;
    gap: 0.9rem;
    margin-top: 1rem;
}

.story-stage__list-item {
    display: grid;
    gap: 0.35rem;
    padding: 1rem 1.05rem;
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.76);
    border: 1px solid rgba(16, 91, 58, 0.08);
}

.story-stage__list-item strong {
    color: var(--ink-900);
}

.story-stage__list-item span {
    color: var(--ink-700);
    line-height: 1.85;
}

.story-stage__panel--image {
    position: relative;
    overflow: hidden;
    padding: 0;
    border-radius: 34px;
    min-height: 100%;
    background:
        radial-gradient(circle at top, rgba(255, 255, 255, 0.08), transparent 32%),
        linear-gradient(180deg, rgba(10, 47, 29, 0.98), rgba(13, 67, 41, 0.95));
}

.story-stage__panel--image img {
    width: 100%;
    height: 100%;
    min-height: 100%;
    object-fit: cover;
    display: block;
    aspect-ratio: 9 / 14;
}

.story-stage__panel--image::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(7, 28, 17, 0.02), rgba(7, 28, 17, 0.12) 46%, rgba(7, 28, 17, 0.58) 100%);
}

.story-stage__panel--image figcaption {
    position: absolute;
    right: 1rem;
    bottom: 1rem;
    left: 1rem;
    z-index: 1;
    padding: 0.9rem 1rem;
    border-radius: 22px;
    background: rgba(10, 47, 29, 0.66);
    border: 1px solid rgba(255, 255, 255, 0.12);
    color: #fff;
    line-height: 1.9;
}

.section-header--wide {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1.5rem;
}

.section-header--wide p {
    max-width: 30rem;
}

.section-header--light .section-eyebrow {
    background: rgba(255, 255, 255, 0.1);
    color: #edf7f1;
}

.section-header--light h2,
.section-header--light p {
    color: #fff;
}

.gallery-orbit,
.menu-deck {
    padding: clamp(1.35rem, 3vw, 1.9rem);
    border-radius: 34px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(244, 250, 246, 0.92));
}

.gallery-orbit {
    background:
        radial-gradient(circle at top left, rgba(228, 184, 73, 0.14), transparent 20%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(244, 250, 246, 0.92));
}

.gallery-orbit__grid {
    display: grid;
    gap: 1.25rem;
    grid-template-columns: 1.15fr 0.85fr 0.85fr;
    align-items: start;
}

.gallery-orbit__card {
    display: grid;
    gap: 1rem;
    margin: 0;
}

.gallery-orbit__frame {
    overflow: hidden;
    aspect-ratio: 9 / 16;
    border-radius: 30px;
    border: 1px solid rgba(16, 91, 58, 0.12);
    background:
        radial-gradient(circle at top, rgba(255, 255, 255, 0.08), transparent 32%),
        linear-gradient(180deg, rgba(10, 47, 29, 0.98), rgba(13, 67, 41, 0.95));
    box-shadow: 0 24px 42px rgba(10, 47, 29, 0.18);
}

.gallery-orbit__card--featured .gallery-orbit__frame {
    box-shadow: 0 30px 54px rgba(10, 47, 29, 0.22);
}

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

.gallery-orbit__copy {
    padding: 0 0.25rem;
}

.menu-deck {
    background:
        radial-gradient(circle at top right, rgba(36, 152, 95, 0.12), transparent 22%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(244, 250, 246, 0.92));
}

.menu-deck__card {
    position: relative;
    overflow: hidden;
    padding: 1.3rem;
    border-radius: 28px;
    border: 1px solid rgba(16, 91, 58, 0.08);
    background: rgba(255, 255, 255, 0.82);
    box-shadow: 0 18px 36px rgba(13, 67, 40, 0.08);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.menu-deck__card::after {
    content: "";
    position: absolute;
    top: -46px;
    left: -24px;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(36, 152, 95, 0.12), transparent 70%);
}

.menu-deck__card:hover {
    transform: translateY(-3px);
    box-shadow: 0 24px 42px rgba(13, 67, 40, 0.12);
}

.menu-deck__card > * {
    position: relative;
    z-index: 1;
}

.menu-deck__index {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    border-radius: 18px;
    background: linear-gradient(135deg, rgba(36, 152, 95, 0.16), rgba(36, 152, 95, 0.06));
    color: var(--brand-700);
    font-weight: 800;
}

.cinema-shell {
    position: relative;
    overflow: hidden;
    padding: clamp(1.35rem, 3vw, 1.9rem);
    border-radius: 36px;
    background:
        radial-gradient(circle at top right, rgba(228, 184, 73, 0.14), transparent 22%),
        linear-gradient(135deg, rgba(10, 47, 29, 0.98), rgba(16, 74, 46, 0.96));
    box-shadow: 0 28px 56px rgba(8, 34, 21, 0.24);
}

.cinema-shell::after {
    content: "";
    position: absolute;
    inset: auto -64px -96px auto;
    width: 240px;
    height: 240px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.08), transparent 72%);
    pointer-events: none;
}

.cinema-shell__grid {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 1.2rem;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.cinema-card {
    display: grid;
    gap: 1rem;
    padding: 1rem;
    border-radius: 28px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.06);
    backdrop-filter: blur(12px);
}

.cinema-card__frame {
    overflow: hidden;
    aspect-ratio: 9 / 16;
    border-radius: 26px;
    background:
        radial-gradient(circle at top, rgba(255, 255, 255, 0.08), transparent 32%),
        linear-gradient(180deg, rgba(7, 28, 17, 0.98), rgba(12, 48, 30, 0.96));
}

.cinema-card__video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.cinema-card__copy h3,
.cinema-card__copy p {
    color: #fff;
}

.cinema-card__copy p {
    line-height: 1.85;
    color: rgba(228, 241, 235, 0.84);
}

.hosting-suite__hero,
.hosting-suite__tag-card {
    padding: clamp(1.35rem, 3vw, 1.8rem);
    border-radius: 34px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(244, 250, 246, 0.92));
}

.hosting-suite__hero {
    background:
        radial-gradient(circle at top left, rgba(228, 184, 73, 0.14), transparent 22%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(244, 250, 246, 0.92));
}

.hosting-suite__hero h2 {
    margin: 1rem 0 0.75rem;
    font-size: clamp(1.75rem, 2.4vw, 2.4rem);
}

.hosting-suite__lead {
    max-width: 40rem;
    color: var(--ink-700);
    line-height: 1.95;
}

.hosting-suite__grid {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    margin-top: 1.3rem;
}

.hosting-suite__item {
    display: grid;
    gap: 0.35rem;
    padding: 1rem 1.05rem;
    border-radius: 24px;
    border: 1px solid rgba(16, 91, 58, 0.08);
    background: rgba(255, 255, 255, 0.78);
}

.hosting-suite__item strong {
    color: var(--ink-900);
}

.hosting-suite__item span {
    color: var(--ink-700);
    line-height: 1.85;
}

.hosting-suite__stack {
    display: grid;
    gap: 1rem;
    height: 100%;
}

.hosting-suite__quote-card {
    display: grid;
    align-items: center;
    padding: 1.45rem;
    border-radius: 34px;
    background:
        radial-gradient(circle at top right, rgba(228, 184, 73, 0.12), transparent 24%),
        linear-gradient(180deg, rgba(13, 67, 41, 0.96), rgba(10, 47, 29, 0.98));
    color: #fff;
    font-size: 1.08rem;
    line-height: 2;
    min-height: 220px;
    box-shadow: 0 24px 50px rgba(10, 47, 29, 0.18);
}

.hosting-suite__tags {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.hosting-suite__tags span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.7rem 1rem;
    border-radius: 999px;
    background: linear-gradient(135deg, rgba(36, 152, 95, 0.13), rgba(36, 152, 95, 0.05));
    border: 1px solid rgba(19, 95, 56, 0.08);
    color: var(--brand-700);
    font-size: 0.88rem;
    font-weight: 700;
}

.contact-pavilion__shell {
    padding: clamp(1.5rem, 3vw, 2rem);
    border-radius: 36px;
    background:
        radial-gradient(circle at bottom left, rgba(36, 152, 95, 0.14), transparent 24%),
        radial-gradient(circle at top right, rgba(228, 184, 73, 0.12), transparent 22%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(242, 249, 245, 0.94));
}

.contact-pavilion__lead {
    max-width: 36rem;
    color: var(--ink-700);
    line-height: 1.95;
}

.contact-pavilion__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.9rem;
}

.contact-pavilion__pill {
    display: grid;
    gap: 0.25rem;
    min-width: min(100%, 220px);
    padding: 1rem 1.1rem;
    border-radius: 24px;
    border: 1px solid rgba(16, 91, 58, 0.1);
    background: rgba(255, 255, 255, 0.84);
    color: var(--ink-900);
    box-shadow: 0 16px 30px rgba(13, 67, 40, 0.06);
}

.contact-pavilion__pill span {
    color: var(--brand-700);
    font-size: 0.8rem;
    font-weight: 700;
}

.contact-pavilion__pill strong {
    font-size: 1.08rem;
}

.contact-pavilion__socials {
    display: grid;
    gap: 1rem;
}

.contact-pavilion__social {
    display: grid;
    gap: 0.3rem;
    padding: 1rem 1.1rem;
    border-radius: 26px;
    border: 1px solid rgba(16, 91, 58, 0.1);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.9), rgba(238, 248, 242, 0.88));
    color: var(--ink-900);
    box-shadow: 0 18px 32px rgba(13, 67, 40, 0.06);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.contact-pavilion__social:hover {
    transform: translateY(-2px);
    box-shadow: 0 22px 38px rgba(13, 67, 40, 0.1);
    color: var(--ink-900);
}

.contact-pavilion__social span {
    color: var(--brand-700);
    font-size: 0.8rem;
    font-weight: 700;
}

.contact-pavilion__social strong {
    font-size: 1.05rem;
}

.contact-pavilion__social small {
    color: var(--ink-700);
    line-height: 1.8;
}

.hero-summary-card {
    height: 100%;
    padding: 1.5rem;
    background:
        linear-gradient(180deg, rgba(14, 76, 46, 0.92), rgba(10, 47, 29, 0.94)),
        linear-gradient(135deg, rgba(255, 255, 255, 0.08), transparent);
    color: #fff;
}

.summary-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.95rem 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

.summary-row:last-child {
    border-bottom: 0;
}

.summary-row span {
    color: rgba(222, 244, 231, 0.8);
}

.summary-row strong {
    color: #fff;
}

.promo-summary-card {
    box-shadow: 0 24px 50px rgba(10, 47, 29, 0.18);
}

.restaurant-summary-card {
    box-shadow: 0 24px 50px rgba(10, 47, 29, 0.18);
}

.restaurant-hero-copy-card {
    position: relative;
    padding: clamp(1.4rem, 3vw, 2rem);
    border-radius: 30px;
    border: 1px solid rgba(16, 91, 58, 0.1);
    background:
        radial-gradient(circle at top right, rgba(228, 184, 73, 0.16), transparent 26%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(241, 248, 243, 0.9));
    box-shadow: 0 24px 48px rgba(13, 67, 40, 0.08);
}

.restaurant-hero-copy-card > * {
    position: relative;
    z-index: 1;
}

.restaurant-hero-kicker {
    display: inline-flex;
    margin-top: 0.9rem;
    color: var(--brand-700);
    font-size: 0.92rem;
    font-weight: 700;
}

.restaurant-hero-title {
    display: grid;
    gap: 0.2rem;
    margin-top: 1rem;
    font-size: clamp(2.2rem, 4vw, 4.1rem);
    line-height: 1.08;
    letter-spacing: -0.03em;
}

.restaurant-hero-title span:last-child {
    color: var(--brand-600);
}

.restaurant-hero-description {
    max-width: 40rem;
    font-size: 1.05rem;
    line-height: 2;
    color: var(--ink-700);
}

.restaurant-hero-highlights {
    display: grid;
    gap: 0.9rem;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

.restaurant-hero-highlight {
    padding: 1rem 1.05rem;
    border-radius: 22px;
    border: 1px solid rgba(16, 91, 58, 0.08);
    background: rgba(255, 255, 255, 0.74);
    box-shadow: 0 18px 34px rgba(13, 67, 40, 0.05);
}

.restaurant-hero-highlight strong {
    display: block;
    margin-bottom: 0.35rem;
    color: var(--ink-900);
    font-size: 0.98rem;
}

.restaurant-hero-highlight span {
    color: var(--ink-700);
    font-size: 0.92rem;
    line-height: 1.8;
}

.restaurant-hero-visual-card {
    display: grid;
    gap: 1rem;
}

.restaurant-hero-image-frame {
    position: relative;
    overflow: hidden;
    aspect-ratio: 10 / 13.8;
    border-radius: 32px;
    border: 1px solid rgba(16, 91, 58, 0.12);
    background:
        radial-gradient(circle at top, rgba(255, 255, 255, 0.08), transparent 32%),
        linear-gradient(180deg, rgba(10, 47, 29, 0.98), rgba(13, 67, 41, 0.95));
    box-shadow: 0 30px 56px rgba(10, 47, 29, 0.2);
}

.restaurant-hero-image-frame::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(180deg, rgba(7, 28, 17, 0.02), rgba(7, 28, 17, 0.08) 46%, rgba(7, 28, 17, 0.48) 100%);
    pointer-events: none;
}

.restaurant-hero-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.restaurant-hero-image-badge {
    position: absolute;
    right: 1rem;
    bottom: 1rem;
    left: 1rem;
    z-index: 1;
    display: grid;
    gap: 0.35rem;
    padding: 1rem 1.1rem;
    border-radius: 24px;
    border: 1px solid rgba(255, 255, 255, 0.14);
    background: rgba(10, 47, 29, 0.68);
    backdrop-filter: blur(12px);
    color: #fff;
}

.restaurant-hero-image-badge span {
    color: rgba(222, 244, 231, 0.82);
    font-size: 0.8rem;
    font-weight: 700;
}

.restaurant-hero-image-badge strong {
    font-size: 1.03rem;
    line-height: 1.8;
}

.restaurant-hero-notes {
    display: grid;
    gap: 0.9rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.restaurant-hero-note {
    padding: 1rem 1.05rem;
    border-radius: 22px;
    border: 1px solid rgba(16, 91, 58, 0.08);
    background: rgba(255, 255, 255, 0.82);
    box-shadow: 0 18px 34px rgba(13, 67, 40, 0.06);
}

.restaurant-hero-note strong {
    display: block;
    margin-bottom: 0.35rem;
    color: var(--ink-900);
}

.restaurant-hero-note span {
    color: var(--ink-700);
    line-height: 1.8;
    font-size: 0.92rem;
}

.promo-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.85rem;
}

.promo-links {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 1rem;
}

.promo-link-card {
    display: grid;
    gap: 0.35rem;
    padding: 1rem 1.1rem;
    border-radius: 22px;
    border: 1px solid rgba(16, 91, 58, 0.1);
    background: rgba(255, 255, 255, 0.76);
    color: var(--ink-900);
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.promo-link-card:hover {
    transform: translateY(-2px);
    border-color: rgba(16, 91, 58, 0.18);
    box-shadow: 0 18px 32px rgba(13, 67, 40, 0.1);
    color: var(--ink-900);
}

.promo-link-card__label {
    color: var(--brand-700);
    font-size: 0.8rem;
    font-weight: 700;
}

.promo-link-card small {
    color: var(--ink-700);
}

.promo-contact {
    padding: 1rem 1.1rem;
    border-radius: 22px;
    border: 1px solid rgba(16, 91, 58, 0.1);
    background: rgba(255, 255, 255, 0.78);
}

.promo-contact__title {
    margin-bottom: 0.65rem;
    color: var(--brand-700);
    font-size: 0.82rem;
    font-weight: 800;
}

.promo-contact__list {
    display: flex;
    flex-wrap: wrap;
    gap: 0.85rem 1.25rem;
}

.promo-contact__list a {
    color: var(--ink-900);
    font-weight: 700;
}

.promo-card {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.9), rgba(246, 251, 247, 0.88));
}

.promo-card--accent {
    background:
        linear-gradient(180deg, rgba(233, 247, 238, 0.96), rgba(255, 255, 255, 0.9));
}

.promo-banner {
    background:
        radial-gradient(circle at top right, rgba(228, 184, 73, 0.16), transparent 22%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(241, 249, 244, 0.9));
}

.restaurant-stat-card {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(245, 250, 247, 0.88));
}

.restaurant-story-card {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(247, 251, 248, 0.9));
}

.restaurant-menu-showcase {
    background:
        radial-gradient(circle at top left, rgba(36, 152, 95, 0.12), transparent 20%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.95), rgba(244, 250, 246, 0.9));
}

.restaurant-dish-card {
    height: 100%;
    padding: 1.25rem;
    border-radius: 24px;
    border: 1px solid rgba(16, 91, 58, 0.1);
    background: rgba(255, 255, 255, 0.78);
    box-shadow: 0 18px 34px rgba(15, 67, 40, 0.08);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.restaurant-dish-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 22px 40px rgba(15, 67, 40, 0.12);
}

.restaurant-photo-showcase {
    background:
        radial-gradient(circle at top left, rgba(228, 184, 73, 0.12), transparent 20%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(244, 250, 246, 0.92));
}

.restaurant-photo-grid {
    display: grid;
    gap: 1.25rem;
    grid-template-columns: 1.15fr 0.85fr 0.85fr;
    align-items: start;
}

.restaurant-photo-card {
    display: grid;
    gap: 1rem;
    margin: 0;
}

.restaurant-photo-card--featured {
    grid-row: span 1;
}

.restaurant-photo-frame {
    position: relative;
    overflow: hidden;
    aspect-ratio: 9 / 16;
    border-radius: 28px;
    border: 1px solid rgba(16, 91, 58, 0.12);
    background:
        radial-gradient(circle at top, rgba(255, 255, 255, 0.08), transparent 32%),
        linear-gradient(180deg, rgba(10, 47, 29, 0.98), rgba(13, 67, 41, 0.95));
    box-shadow: 0 24px 42px rgba(10, 47, 29, 0.18);
}

.restaurant-photo-card--featured .restaurant-photo-frame {
    box-shadow: 0 30px 54px rgba(10, 47, 29, 0.22);
}

.restaurant-photo {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.restaurant-photo-copy {
    padding: 0 0.35rem;
}

.restaurant-video-showcase {
    background:
        radial-gradient(circle at top right, rgba(228, 184, 73, 0.12), transparent 20%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(244, 250, 246, 0.92));
}

.restaurant-video-grid {
    display: grid;
    gap: 1.25rem;
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
}

.restaurant-video-card {
    display: grid;
    gap: 1rem;
}

.restaurant-video-frame {
    position: relative;
    overflow: hidden;
    aspect-ratio: 9 / 16;
    border-radius: 28px;
    border: 1px solid rgba(16, 91, 58, 0.12);
    background:
        radial-gradient(circle at top, rgba(255, 255, 255, 0.08), transparent 32%),
        linear-gradient(180deg, rgba(10, 47, 29, 0.98), rgba(13, 67, 41, 0.95));
    box-shadow: 0 24px 42px rgba(10, 47, 29, 0.18);
}

.restaurant-video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.restaurant-video-copy {
    padding: 0 0.35rem;
}

.hospitality-card {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.95), rgba(245, 250, 247, 0.9));
}

.hospitality-side-card {
    background:
        radial-gradient(circle at top right, rgba(228, 184, 73, 0.12), transparent 22%),
        linear-gradient(180deg, rgba(241, 249, 244, 0.95), rgba(255, 255, 255, 0.9));
}

.restaurant-contact-panel {
    background:
        radial-gradient(circle at bottom left, rgba(36, 152, 95, 0.12), transparent 24%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(244, 250, 246, 0.9));
}

.restaurant-contact-list {
    display: flex;
    flex-wrap: wrap;
    gap: 0.85rem;
}

.restaurant-contact-list a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.75rem 1rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.8);
    border: 1px solid rgba(16, 91, 58, 0.1);
    color: var(--brand-700);
    font-weight: 700;
}

.restaurant-quote-card {
    padding: 1.5rem;
    border-radius: 24px;
    background:
        linear-gradient(180deg, rgba(13, 67, 41, 0.95), rgba(10, 47, 29, 0.96));
    color: #fff;
    font-size: 1.05rem;
    line-height: 2;
    box-shadow: 0 24px 50px rgba(10, 47, 29, 0.18);
}

.promo-actions--end {
    justify-content: flex-end;
}

.stat-card {
    padding: 1.35rem;
    height: 100%;
}

.stat-label {
    display: inline-block;
    margin-bottom: 0.8rem;
    color: var(--brand-700);
    font-size: 0.82rem;
    font-weight: 700;
}

.stat-card strong {
    display: block;
    margin-bottom: 0.65rem;
    font-size: clamp(1.6rem, 2vw, 2.1rem);
}

.content-card {
    padding: 1.45rem;
}

.section-header {
    margin-bottom: 1.25rem;
}

.section-header h2 {
    margin-bottom: 0.35rem;
    font-size: 1.25rem;
}

.section-header p {
    margin: 0;
    color: var(--ink-700);
}

.clean-list {
    padding: 0;
    margin: 0;
    list-style: none;
    display: grid;
    gap: 0.9rem;
}

.clean-list li {
    position: relative;
    padding: 0.95rem 1rem;
    border: 1px solid rgba(19, 95, 56, 0.08);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.56);
    color: var(--ink-700);
}

.tag-cloud {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.soft-tag {
    display: inline-flex;
    align-items: center;
    padding: 0.55rem 0.9rem;
    border-radius: 999px;
    background: linear-gradient(135deg, rgba(36, 152, 95, 0.13), rgba(36, 152, 95, 0.05));
    border: 1px solid rgba(19, 95, 56, 0.08);
    color: var(--brand-700);
    font-size: 0.86rem;
    font-weight: 700;
}

.table {
    --bs-table-bg: transparent;
}

.corporate-table thead th {
    border-bottom-color: rgba(18, 97, 58, 0.1);
    color: var(--brand-700);
    font-size: 0.82rem;
    font-weight: 700;
    white-space: nowrap;
}

.corporate-table tbody td {
    border-bottom-color: rgba(18, 97, 58, 0.08);
    color: var(--ink-900);
}

.status-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.45rem 0.8rem;
    border-radius: 999px;
    background: rgba(36, 152, 95, 0.12);
    color: var(--brand-700);
    font-size: 0.8rem;
    font-weight: 700;
}

.status-warning {
    background: rgba(218, 171, 47, 0.18);
    color: #7f5a09;
}

.status-info {
    background: rgba(50, 127, 214, 0.16);
    color: #1f5ca7;
}

.status-success {
    background: rgba(36, 152, 95, 0.16);
    color: var(--brand-700);
}

.status-muted {
    background: rgba(119, 130, 124, 0.16);
    color: #54635b;
}

.status-scheduled {
    background: rgba(121, 80, 188, 0.16);
    color: #5b3f90;
}

.status-danger {
    background: rgba(180, 54, 54, 0.14);
    color: #8b2d2d;
}

.timeline-stack {
    display: grid;
    gap: 0.95rem;
}

.timeline-item {
    display: grid;
    gap: 0.35rem;
    padding: 1rem 1.1rem;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.54);
    border: 1px solid rgba(16, 91, 58, 0.08);
}

.timeline-item span {
    color: var(--ink-700);
    line-height: 1.8;
}

.menu-option {
    height: 100%;
    display: flex;
    flex-direction: column;
    padding: 1.15rem;
    border-radius: 24px;
    border: 1px solid rgba(16, 91, 58, 0.1);
    background: rgba(255, 255, 255, 0.56);
    transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

.menu-option:hover {
    transform: translateY(-2px);
    border-color: rgba(16, 91, 58, 0.2);
    box-shadow: 0 18px 32px rgba(13, 67, 40, 0.1);
}

.menu-option.is-selected {
    border-color: rgba(36, 152, 95, 0.32);
    background: linear-gradient(180deg, rgba(244, 251, 247, 0.94), rgba(228, 246, 235, 0.92));
}

.serves-pill {
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
    padding: 0.45rem 0.7rem;
    border-radius: 999px;
    background: rgba(16, 91, 58, 0.08);
    color: var(--brand-700);
    font-size: 0.76rem;
    font-weight: 700;
}

.quantity-control {
    display: inline-flex;
    align-items: center;
    gap: 0.7rem;
    padding: 0.35rem;
    border-radius: 999px;
    background: rgba(16, 91, 58, 0.06);
}

.quantity-control span {
    min-width: 1.5rem;
    text-align: center;
    font-weight: 700;
    color: var(--brand-700);
}

.quantity-control .btn {
    width: 2.35rem;
    height: 2.35rem;
    border-radius: 999px;
    padding: 0;
}

.sticky-summary {
    position: sticky;
    top: 1.5rem;
}

.summary-kpi-grid {
    display: grid;
    gap: 0.85rem;
}

.summary-kpi {
    padding: 1rem 1.1rem;
    border-radius: 20px;
    background: linear-gradient(135deg, rgba(36, 152, 95, 0.08), rgba(36, 152, 95, 0.03));
    border: 1px solid rgba(16, 91, 58, 0.08);
}

.summary-kpi span {
    display: block;
    margin-bottom: 0.5rem;
    color: var(--ink-700);
    font-size: 0.8rem;
    font-weight: 700;
}

.summary-kpi strong {
    font-size: 1.35rem;
}

.soft-panel {
    padding: 1rem 1.1rem;
    border-radius: 20px;
    background: rgba(36, 152, 95, 0.07);
    border: 1px solid rgba(16, 91, 58, 0.08);
}

.action-grid {
    display: grid;
    gap: 0.9rem;
    grid-template-columns: 1fr;
}

.mini-action {
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.95rem;
    min-height: 96px;
    padding: 1rem 1.05rem;
    border-radius: 24px;
    border: 1px solid rgba(111, 79, 45, 0.1);
    background:
        radial-gradient(circle at top left, rgba(215, 178, 122, 0.14), transparent 28%),
        linear-gradient(135deg, rgba(255, 252, 248, 0.96), rgba(247, 239, 229, 0.92));
    color: var(--ink-900);
    text-align: right;
    box-shadow: 0 14px 28px rgba(54, 37, 23, 0.06);
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.mini-action::after {
    content: "";
    position: absolute;
    inset: auto -2rem -2.7rem auto;
    width: 6.2rem;
    height: 6.2rem;
    border-radius: 2rem;
    background: rgba(255, 255, 255, 0.34);
    transform: rotate(22deg);
    pointer-events: none;
}

.mini-action--primary {
    border-color: rgba(215, 178, 122, 0.2);
    background:
        radial-gradient(circle at top right, rgba(215, 178, 122, 0.18), transparent 26%),
        linear-gradient(135deg, #241913, #4a3222 58%, #6f4f2d);
    color: #fff8ef;
    box-shadow: 0 18px 34px rgba(54, 37, 23, 0.18);
}

.mini-action__icon {
    position: relative;
    z-index: 1;
    display: grid;
    place-items: center;
    width: 3rem;
    height: 3rem;
    border-radius: 18px;
    background: rgba(111, 79, 45, 0.1);
    color: var(--brand-700);
    font-size: 1.35rem;
    font-weight: 800;
}

.mini-action--primary .mini-action__icon {
    background: rgba(255, 248, 240, 0.12);
    color: #d7b27a;
}

.mini-action__content {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 0.24rem;
    min-width: 0;
}

.mini-action__content strong {
    font-size: 1.02rem;
    line-height: 1.6;
}

.mini-action__content small {
    color: var(--ink-700);
    line-height: 1.7;
}

.mini-action--primary .mini-action__content small {
    color: rgba(255, 233, 204, 0.76);
}

.mini-action__arrow {
    position: relative;
    z-index: 1;
    display: grid;
    place-items: center;
    width: 2.2rem;
    height: 2.2rem;
    border-radius: 999px;
    background: rgba(111, 79, 45, 0.08);
    color: var(--brand-700);
    font-weight: 800;
}

.mini-action--primary .mini-action__arrow {
    background: rgba(255, 248, 240, 0.12);
    color: #fff8ef;
}

.mini-action:hover {
    transform: translateY(-2px);
    border-color: rgba(215, 178, 122, 0.26);
    color: var(--ink-900);
    box-shadow: 0 20px 36px rgba(54, 37, 23, 0.12);
}

.mini-action--primary:hover {
    color: #fff8ef;
    box-shadow: 0 24px 42px rgba(54, 37, 23, 0.22);
}

.table-link-button {
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--brand-700);
    font-weight: 800;
    text-decoration: none;
}

.table-link-button:hover,
.table-link-button:focus {
    color: var(--brand-800);
    text-decoration: underline;
}

.order-detail-panel {
    display: grid;
    gap: 1rem;
}

.order-detail-row > td {
    padding: 0 !important;
    border-top: 0;
    background: transparent;
}

.order-detail-row .order-detail-panel {
    margin: 0.35rem 0 1rem;
    padding: 1rem;
    border-radius: 22px;
    border: 1px solid rgba(111, 79, 45, 0.1);
    background:
        radial-gradient(circle at top right, rgba(215, 178, 122, 0.12), transparent 24%),
        linear-gradient(180deg, rgba(255, 250, 245, 0.96), rgba(246, 238, 228, 0.9));
    box-shadow: 0 18px 34px rgba(54, 37, 23, 0.08);
}

.order-meta-list {
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

.order-items-list {
    display: grid;
    gap: 0.75rem;
}

.order-item-row {
    display: grid;
    grid-template-columns: 58px minmax(0, 1fr);
    gap: 0.75rem;
    align-items: center;
    padding: 0.65rem;
    border-radius: 18px;
    border: 1px solid rgba(111, 79, 45, 0.08);
    background: rgba(255, 250, 245, 0.72);
}

.order-item-row__image {
    width: 58px;
    height: 58px;
    border-radius: 14px;
    object-fit: cover;
    display: block;
}

.order-item-row strong,
.order-item-row span,
.order-item-row small {
    display: block;
}

.order-item-row strong {
    color: var(--ink-900);
    line-height: 1.6;
}

.order-item-row span,
.order-item-row small {
    color: var(--ink-700);
    line-height: 1.7;
}

.order-modal {
    position: fixed;
    inset: 0;
    z-index: 1070;
    display: grid;
    place-items: center;
    padding: 1rem;
    background: rgba(23, 16, 12, 0.72);
    backdrop-filter: blur(12px);
}

.order-modal__dialog {
    width: min(980px, 100%);
    max-height: min(86vh, 840px);
    overflow-y: auto;
    padding: clamp(1rem, 2.5vw, 1.35rem);
    border-radius: 30px;
    border: 1px solid rgba(255, 248, 240, 0.12);
    background:
        radial-gradient(circle at top right, rgba(215, 178, 122, 0.14), transparent 24%),
        linear-gradient(180deg, rgba(255, 252, 247, 0.98), rgba(245, 236, 226, 0.96));
    box-shadow: 0 30px 60px rgba(17, 11, 8, 0.28);
}

.order-modal__header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid rgba(111, 79, 45, 0.1);
}

.order-modal__header h2 {
    margin: 0.7rem 0 0.25rem;
    color: var(--ink-900);
}

.order-modal__header p {
    margin: 0;
    color: var(--ink-700);
}

.order-modal__actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.55rem;
}

.order-modal__print,
.order-modal__close {
    flex: 0 0 auto;
    padding: 0.55rem 0.95rem;
    border: 0;
    border-radius: 999px;
    font-weight: 800;
}

.order-modal__print {
    background: linear-gradient(135deg, #586545, #91572c);
    color: #fff8ef;
}

.order-modal__close {
    background: rgba(36, 25, 19, 0.88);
    color: #fff8ef;
}

.order-modal__meta {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 0.7rem;
    margin: 1rem 0;
}

.order-modal__meta span {
    padding: 0.7rem 0.85rem;
    border-radius: 16px;
    border: 1px solid rgba(111, 79, 45, 0.08);
    background: rgba(255, 255, 255, 0.54);
    color: var(--ink-700);
    font-weight: 700;
    line-height: 1.7;
}

.order-meal-groups {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 0.9rem;
    margin-top: 1rem;
}

.order-status-editor {
    display: grid;
    gap: 0.55rem;
    padding: 0.9rem;
    border-radius: 20px;
    border: 1px solid rgba(111, 79, 45, 0.1);
    background: rgba(255, 250, 245, 0.78);
}

.order-status-editor__controls {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.7rem;
    align-items: center;
}

.order-meal-card {
    overflow: hidden;
    border-radius: 24px;
    border: 1px solid rgba(111, 79, 45, 0.1);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.86), rgba(248, 241, 232, 0.92));
    box-shadow: 0 16px 30px rgba(54, 37, 23, 0.07);
}

.order-meal-card__head {
    display: grid;
    grid-template-columns: 76px minmax(0, 1fr);
    gap: 0.85rem;
    align-items: center;
    padding: 0.85rem;
    border-bottom: 1px solid rgba(111, 79, 45, 0.08);
}

.order-meal-card__image {
    width: 76px;
    height: 76px;
    border-radius: 18px;
    object-fit: cover;
    display: block;
}

.order-meal-card__head strong,
.order-meal-card__head span {
    display: block;
}

.order-meal-card__head strong {
    color: var(--ink-900);
    line-height: 1.6;
}

.order-meal-card__head span {
    width: fit-content;
    margin-top: 0.3rem;
    padding: 0.35rem 0.65rem;
    border-radius: 999px;
    background: rgba(111, 79, 45, 0.08);
    color: var(--brand-700);
    font-size: 0.82rem;
    font-weight: 800;
}

.order-meal-card__names {
    display: grid;
    gap: 0.55rem;
    padding: 0.85rem;
}

.order-meal-person {
    padding: 0.7rem 0.75rem;
    border-radius: 16px;
    background: rgba(255, 250, 245, 0.82);
}

.order-meal-person strong,
.order-meal-person small {
    display: block;
}

.order-meal-person strong {
    color: var(--ink-900);
    line-height: 1.6;
}

.order-meal-person small {
    margin-top: 0.18rem;
    color: var(--ink-700);
    line-height: 1.7;
}

.order-print-area {
    display: none;
}

@media print {
    @page {
        size: A4;
        margin: 24mm 22mm;
    }

    html,
    body {
        width: auto !important;
        min-height: 0 !important;
        background: #fff !important;
    }

    #blazor-error-ui,
    .sidebar-panel,
    .workspace-header,
    .workspace-content > :not(.order-modal) {
        display: none !important;
    }

    .page-shell,
    .workspace-shell,
    .workspace-content {
        display: block !important;
        width: 100% !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .order-modal {
        position: static !important;
        inset: auto !important;
        display: block !important;
        padding: 0 !important;
        background: #fff !important;
        backdrop-filter: none !important;
    }

    .order-modal__dialog {
        width: 100% !important;
        max-height: none !important;
        overflow: visible !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: #fff !important;
        box-shadow: none !important;
    }

    .order-modal__header,
    .order-modal__meta,
    .order-modal__edit-action,
    .order-modal .soft-panel,
    .order-status-editor,
    .order-meal-groups,
    .order-modal__actions {
        display: none !important;
    }

    .order-print-area {
        display: block !important;
        width: 100%;
        max-width: 150mm;
        margin: 0 auto !important;
        direction: rtl;
        color: #1f1a16;
        font-family: "Arial", "Tahoma", sans-serif;
        font-size: 10.5px;
        line-height: 1.45;
        print-color-adjust: exact;
        -webkit-print-color-adjust: exact;
    }

    .order-print-area * {
        print-color-adjust: exact;
        -webkit-print-color-adjust: exact;
    }

    .order-print-area__header {
        display: grid;
        grid-template-columns: 1fr auto 1fr;
        align-items: center;
        gap: 6mm;
        padding: 5mm;
        border: 1.5px solid #8c6539;
        border-radius: 5mm;
        background: #f3eadf !important;
        margin-bottom: 4mm;
    }

    .order-print-area__title {
        text-align: right;
    }

    .order-print-area__logo {
        width: 18mm;
        height: 18mm;
        display: block;
        justify-self: center;
        object-fit: contain;
    }

    .order-print-area__brand {
        font-size: 15px;
        font-weight: 900;
        color: #241913;
    }

    .order-print-area h2 {
        margin: 1.5mm 0 0;
        padding: 0;
        border: 0;
        color: #6f4f2d;
        font-size: 12px;
        text-align: right;
    }

    .order-print-area__number {
        justify-self: end;
        padding: 2mm 3mm;
        border-radius: 999px;
        background: #241913 !important;
        color: #fff !important;
        font-size: 11px;
        font-weight: 900;
    }

    .order-print-area__meta {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 2mm;
        margin-bottom: 4mm;
    }

    .order-print-area__meta span,
    .order-print-area__note span {
        display: block;
    }

    .order-print-area__meta span {
        min-height: 11mm;
        padding: 2mm;
        border: 1.25px solid #9f866b;
        border-radius: 3mm;
        background: #fffaf5 !important;
    }

    .order-print-area__meta strong {
        display: block;
        margin-bottom: 0.7mm;
        color: #6f4f2d;
        font-size: 9px;
    }

    .order-print-area__note {
        margin-bottom: 4mm;
        padding: 2.5mm;
        border: 1.25px solid #9f866b;
        border-radius: 3mm;
        background: #fffaf5 !important;
    }

    .order-print-area__note strong {
        display: block;
        margin-bottom: 1mm;
        color: #6f4f2d;
    }

    .order-print-category {
        break-inside: avoid;
        margin-bottom: 4mm;
    }

    .order-print-category > h3 {
        margin: 0 0 2mm;
        padding: 1.8mm 3mm;
        border-radius: 999px;
        background: #6f4f2d !important;
        color: #fff !important;
        font-size: 11.5px;
        font-weight: 900;
    }

    .order-print-cuisine {
        break-inside: avoid;
        margin-bottom: 3mm;
    }

    .order-print-cuisine > h4 {
        margin: 0 0 1.5mm;
        padding: 1.5mm 2.5mm;
        border: 1.25px solid #9f866b;
        border-right: 4px solid #6f4f2d;
        border-radius: 2.5mm;
        background: #f8f1e8 !important;
        color: #241913;
        font-size: 10.5px;
        font-weight: 900;
    }

    .order-print-empty {
        padding: 2mm 3mm;
        border: 1.25px dashed #b79a7a;
        border-radius: 3mm;
        background: #fffaf5 !important;
        color: #6d5a4a;
        font-size: 10px;
    }

    .order-print-category .order-print-meal {
        break-inside: avoid;
        margin-bottom: 2mm;
        padding: 0;
        border: 1.25px solid #9f866b;
        border-radius: 3mm;
        overflow: hidden;
        background: #fff !important;
    }

    .order-print-meal {
        break-inside: avoid;
        margin-bottom: 0;
        padding-bottom: 0;
        border-bottom: 0;
    }

    .order-print-meal__title {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 3mm;
        padding: 2mm 3mm;
        background: #f8f1e8 !important;
        border-bottom: 1.25px solid #9f866b;
    }

    .order-print-meal__title strong {
        font-size: 10.5px;
        font-weight: 900;
    }

    .order-print-meal__title span {
        min-width: 12mm;
        padding: 1mm 2mm;
        border-radius: 999px;
        background: #241913 !important;
        color: #fff !important;
        text-align: center;
        font-weight: 900;
    }

    .order-print-person {
        margin: 0;
        padding: 1.6mm 3mm;
        border-bottom: 1px solid #c9b299;
    }

    .order-print-person:last-child {
        border-bottom: 0;
    }

    .order-print-person strong {
        display: block;
        font-size: 10.5px;
    }

    .order-print-person span {
        display: block;
        margin-top: 0.7mm;
        padding-right: 2mm;
        color: #6d5a4a;
        font-size: 9.5px;
    }
}

.account-shell {
    max-width: 1200px;
}

.account-card {
    padding: 1.6rem;
    height: 100%;
}

.account-card-form {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.93), rgba(245, 251, 247, 0.92));
}

.account-card-side {
    background:
        linear-gradient(180deg, rgba(230, 246, 236, 0.94), rgba(255, 255, 255, 0.88));
}

.account-links {
    display: grid;
    gap: 0.85rem;
    margin-top: 1.25rem;
}

.account-links a {
    color: var(--brand-700);
    font-weight: 600;
}

.dashboard-shell,
.manage-shell {
    max-width: 1200px;
}

.page-header-card,
.dashboard-card,
.auth-card,
.auth-panel {
    border: 1px solid var(--line-soft);
    border-radius: 28px;
    background: var(--surface-main);
    backdrop-filter: blur(16px);
    box-shadow: var(--shadow-soft);
}

.page-header-card,
.dashboard-card,
.auth-card,
.auth-panel {
    padding: 1.45rem;
}

.auth-shell {
    min-height: calc(100vh - 8rem);
    display: flex;
    align-items: center;
    justify-content: center;
}

.auth-card {
    width: min(100%, 1140px);
}

.auth-card__header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.auth-card__body {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
    gap: 1.25rem;
}

.table-app thead th {
    border-bottom-color: rgba(18, 97, 58, 0.1);
    color: var(--brand-700);
    font-size: 0.82rem;
    font-weight: 700;
    white-space: nowrap;
}

.table-app tbody td {
    border-bottom-color: rgba(18, 97, 58, 0.08);
}

.empty-state {
    display: grid;
    place-items: center;
    min-height: 220px;
    padding: 2rem;
    text-align: center;
}

.metric-chip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 3.25rem;
    padding: 0.75rem 1rem;
    border-radius: 18px;
    border: 1px solid rgba(16, 91, 58, 0.1);
    background: rgba(36, 152, 95, 0.08);
    color: var(--brand-700);
    font-weight: 800;
}

.metric-chip--auto {
    width: fit-content;
}

.meal-description {
    min-height: 140px;
}

.meal-list {
    display: grid;
    gap: 1rem;
    padding: 1rem;
}

.meal-list__item {
    display: grid;
    grid-template-columns: 92px minmax(0, 1fr);
    gap: 1rem;
    padding: 0.85rem;
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.7);
    border: 1px solid rgba(16, 91, 58, 0.08);
}

.meal-list__image,
.meal-list__placeholder {
    width: 92px;
    height: 92px;
    border-radius: 18px;
    object-fit: cover;
}

.meal-list__placeholder {
    display: grid;
    place-items: center;
    background: linear-gradient(135deg, rgba(36, 152, 95, 0.14), rgba(36, 152, 95, 0.04));
    color: var(--brand-700);
    font-size: 0.78rem;
    font-weight: 700;
}

.meal-list__content {
    min-width: 0;
}

.meal-create-hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    align-items: center;
}

.meal-create-company-strip {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.meal-create-company-strip__item {
    display: grid;
    gap: 0.35rem;
    padding: 1rem 1.1rem;
    border-radius: 22px;
    border: 1px solid rgba(16, 91, 58, 0.08);
    background: rgba(255, 255, 255, 0.66);
    box-shadow: 0 14px 28px rgba(16, 91, 58, 0.06);
}

.meal-create-company-strip__item span {
    color: var(--ink-700);
    font-size: 0.82rem;
    font-weight: 700;
}

.meal-create-company-strip__item strong {
    color: var(--ink-900);
    font-size: 1.15rem;
}

.meal-create-form-card,
.meal-create-list-card {
    position: relative;
}

.valid.modified:not([type=checkbox]) {
    outline: 1px solid #26b050;
}

.invalid {
    outline: 1px solid #e50000;
}

.validation-message {
    color: #c02e2e;
}

.blazor-error-boundary {
    background: rgba(179, 33, 33, 0.92);
    padding: 1rem 1rem 1rem 3.7rem;
    color: white;
    border-radius: 24px;
}

.blazor-error-boundary::after {
    content: "حدث خطأ داخل المكون.";
}

.darker-border-checkbox.form-check-input {
    border-color: #6f897b;
}

.form-control,
.form-select {
    min-height: 3.3rem;
    border-radius: 16px;
    border-color: rgba(16, 91, 58, 0.12);
    background: rgba(255, 255, 255, 0.8);
}

.form-floating > .form-control,
.form-floating > .form-select {
    min-height: calc(3.8rem + 2px);
}

.form-floating > label {
    color: #5f7669;
}

.form-label {
    color: #254d38;
    font-weight: 700;
}

.text-secondary {
    color: #5a6f63 !important;
}

@media (max-width: 991.98px) {
    .sticky-summary {
        position: static;
    }

    .hero-panel,
    .content-card,
    .stat-card,
    .account-card,
    .hero-summary-card {
        border-radius: 24px;
    }

    .auth-card__header,
    .auth-card__body {
        grid-template-columns: 1fr;
        flex-direction: column;
    }

    .baghdad-marquee__topbar,
    .baghdad-marquee__visuals,
    .section-header--wide {
        grid-template-columns: 1fr;
        flex-direction: column;
        align-items: stretch;
    }

    .baghdad-marquee__metrics,
    .baghdad-band,
    .baghdad-signature__grid,
    .baghdad-gallery__layout {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .baghdad-signature__image {
        grid-column: span 2;
    }

    .landing-stage,
    .story-stage__stack,
    .section-header--wide {
        grid-template-columns: 1fr;
        flex-direction: column;
        align-items: stretch;
    }

    .landing-ribbon {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .gallery-orbit__grid {
        grid-template-columns: 1fr 1fr;
    }

    .restaurant-hero-image-frame {
        aspect-ratio: 9 / 12.5;
    }

    .restaurant-hero-notes {
        grid-template-columns: 1fr 1fr;
    }
}

.dashboard-shell {
    max-width: 1240px;
    margin: 0 auto;
}

.page-header-card,
.dashboard-card {
    border: 1px solid var(--line-soft);
    border-radius: 28px;
    background: var(--surface-main);
    backdrop-filter: blur(16px);
    box-shadow: var(--shadow-soft);
}

.page-header-card {
    padding: 1.6rem;
}

.dashboard-card {
    padding: 1.5rem;
}

.soft-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.45rem 0.85rem;
    border-radius: 999px;
    background: rgba(36, 152, 95, 0.1);
    color: var(--brand-700);
    font-size: 0.82rem;
    font-weight: 700;
}

.metric-chip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 3.2rem;
    width: 100%;
    padding: 0.75rem 1rem;
    border-radius: 18px;
    background: rgba(36, 152, 95, 0.08);
    color: var(--brand-700);
    font-weight: 800;
}

.metric-chip--auto {
    width: auto;
    min-width: 12rem;
}

.table-app thead th {
    background: rgba(36, 152, 95, 0.06);
    color: var(--brand-700);
    font-weight: 800;
    border-bottom-width: 0;
}

.table-app td,
.table-app th {
    padding: 1rem 1.1rem;
    vertical-align: middle;
}

.table-app tbody tr:hover {
    background: rgba(36, 152, 95, 0.03);
}

.empty-state {
    padding: 2.5rem 1.5rem;
    text-align: center;
    color: var(--ink-700);
}

.meal-description {
    min-height: 8.5rem;
}

.meal-list {
    display: grid;
    gap: 1rem;
    padding: 1.25rem;
}

.meal-list__item {
    display: grid;
    grid-template-columns: 92px 1fr;
    gap: 1rem;
    align-items: stretch;
    padding: 1rem;
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.64);
    border: 1px solid rgba(16, 91, 58, 0.08);
}

.meal-list__image,
.meal-list__placeholder {
    width: 92px;
    height: 92px;
    border-radius: 18px;
}

.meal-list__image {
    object-fit: cover;
}

.meal-list__placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.75rem;
    background: rgba(36, 152, 95, 0.12);
    color: var(--brand-700);
    font-size: 0.82rem;
    font-weight: 700;
    text-align: center;
}

.meal-list__content {
    min-width: 0;
}

.employee-search {
    width: min(100%, 320px);
}

.assignment-toolbar {
    display: grid;
    gap: 1rem;
}

.assignment-toolbar__search-grid {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: minmax(220px, 1.2fr) minmax(180px, 0.8fr);
}

.assignment-toolbar__filters {
    display: grid;
    gap: 0.9rem;
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
}

.assignment-toolbar__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.employee-assignment-list {
    display: grid;
    gap: 0.9rem;
}

.branch-group {
    display: grid;
    gap: 0.9rem;
}

.branch-group__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    padding: 0.9rem 1rem;
    border-radius: 18px;
    background: rgba(36, 152, 95, 0.08);
    color: var(--brand-700);
    font-weight: 800;
}

.branch-group__items {
    display: grid;
    gap: 0.9rem;
}

.department-group {
    display: grid;
    gap: 0.85rem;
    padding: 0.9rem;
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.56);
    border: 1px solid rgba(16, 91, 58, 0.08);
}

.employee-assignment-card {
    display: grid;
    gap: 1rem;
    padding: 1rem 1.1rem;
    border-radius: 22px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(247, 251, 248, 0.92));
    border: 1px solid rgba(16, 91, 58, 0.14);
    box-shadow: 0 16px 28px rgba(16, 91, 58, 0.08);
}

.employee-assignment-card__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.employee-assignment-card__name strong {
    color: var(--ink-900);
}

.employee-assignment-card__count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.45rem 0.75rem;
    border-radius: 999px;
    background: rgba(36, 152, 95, 0.09);
    color: var(--brand-700);
    font-size: 0.82rem;
    font-weight: 800;
    white-space: nowrap;
}

.employee-assignment-card__selectors {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.employee-assignment-card__bottom {
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1.2fr) minmax(260px, 0.8fr);
}

.employee-assignment-card__summary {
    display: grid;
    gap: 0.6rem;
    min-width: 0;
}

.employee-assignment-card__summary-label {
    color: var(--ink-700);
    font-size: 0.82rem;
    font-weight: 700;
}

.employee-assignment-card__note {
    min-width: 0;
}

.employee-selected-cards {
    display: flex;
    flex-wrap: wrap;
    gap: 0.7rem;
}

.employee-selected-card {
    display: grid;
    gap: 0.35rem;
    align-content: start;
    width: 148px;
    flex: 0 0 148px;
    padding: 0.65rem;
    border: 1px solid rgba(36, 152, 95, 0.28);
    border-radius: 20px;
    background:
        radial-gradient(circle at top right, rgba(36, 152, 95, 0.12), transparent 38%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(241, 248, 244, 0.96));
    box-shadow: 0 14px 24px rgba(16, 91, 58, 0.1);
    text-align: right;
    cursor: zoom-in;
}

.employee-selected-card__image {
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    border-radius: 16px;
    display: block;
    background: linear-gradient(180deg, rgba(36, 25, 19, 0.95), rgba(60, 43, 30, 0.95));
}

.employee-selected-card__type {
    color: var(--brand-800);
    font-size: 0.76rem;
    font-weight: 800;
}

.employee-selected-card__name {
    color: #0d3a23;
    font-size: 0.92rem;
    line-height: 1.6;
}

.employee-selected-card__category {
    color: #4f6a5c;
    line-height: 1.55;
}

.meal-preview-card {
    display: grid;
    grid-template-columns: 64px minmax(0, 1fr);
    gap: 0.75rem;
    align-items: center;
    padding: 0.55rem;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.78);
    border: 1px solid rgba(16, 91, 58, 0.08);
}

.meal-preview-card__image {
    width: 64px;
    height: 64px;
    border-radius: 14px;
    object-fit: cover;
    display: block;
}

.meal-image-button {
    display: block;
    padding: 0;
    border: 0;
    border-radius: inherit;
    background: transparent;
    cursor: zoom-in;
    text-align: inherit;
}

.meal-list__item > .meal-image-button {
    width: 92px;
}

.meal-preview-card > .meal-image-button {
    width: 64px;
}

.meal-image-button img {
    transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.meal-image-button:hover img,
.meal-image-button:focus-visible img {
    transform: scale(1.03);
    box-shadow: 0 14px 28px rgba(54, 37, 23, 0.18);
}

.meal-image-lightbox {
    position: fixed;
    inset: 0;
    z-index: 1060;
    display: grid;
    place-items: center;
    padding: 1rem;
    background: rgba(23, 16, 12, 0.72);
    backdrop-filter: blur(12px);
}

.meal-image-lightbox__dialog {
    position: relative;
    width: min(680px, 100%);
    overflow: hidden;
    border-radius: 28px;
    border: 1px solid rgba(255, 248, 240, 0.12);
    background: linear-gradient(180deg, rgba(255, 252, 247, 0.98), rgba(245, 236, 226, 0.96));
    box-shadow: 0 30px 60px rgba(17, 11, 8, 0.28);
}

.meal-image-lightbox__close {
    position: absolute;
    top: 1rem;
    left: 1rem;
    z-index: 1;
    padding: 0.5rem 0.9rem;
    border: 0;
    border-radius: 999px;
    background: rgba(23, 16, 12, 0.66);
    color: #fff8ef;
    font-size: 0.82rem;
    font-weight: 700;
}

.meal-image-lightbox__image {
    width: 100%;
    max-height: min(72vh, 720px);
    object-fit: contain;
    display: block;
    background: linear-gradient(180deg, rgba(36, 25, 19, 0.95), rgba(60, 43, 30, 0.95));
}

.meal-image-lightbox__caption {
    padding: 1rem 1.1rem 1.15rem;
    color: var(--ink-900);
    font-weight: 800;
}

.order-review-modal {
    position: fixed;
    inset: 0;
    z-index: 1065;
    display: grid;
    place-items: center;
    padding: 1rem;
    background: rgba(23, 16, 12, 0.62);
    backdrop-filter: blur(10px);
}

.order-review-modal__dialog {
    width: min(760px, 100%);
    max-height: calc(100vh - 2rem);
    overflow: auto;
    padding: clamp(1rem, 2.5vw, 1.4rem);
    border-radius: 24px;
    border: 1px solid rgba(255, 248, 240, 0.14);
    background: linear-gradient(180deg, rgba(255, 252, 247, 0.98), rgba(246, 239, 230, 0.96));
    box-shadow: 0 28px 56px rgba(17, 11, 8, 0.28);
}

.order-review-modal__header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 1rem;
}

.order-review-modal__header h2 {
    margin: 0.65rem 0 0.3rem;
}

.order-review-modal__header p {
    margin: 0;
    color: var(--ink-700);
}

.order-review-modal__close {
    border: 0;
    padding: 0.65rem 0.95rem;
    border-radius: 999px;
    background: rgba(36, 25, 19, 0.08);
    color: var(--ink-900);
    font-weight: 800;
}

.order-review-modal__actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.75rem;
}

.meal-preview-card__content {
    min-width: 0;
}

.meal-preview-card__content strong {
    display: block;
    margin-bottom: 0.2rem;
    color: var(--ink-900);
}

@media (max-width: 575.98px) {
    .page-header-card,
    .dashboard-card {
        padding: 1.2rem;
        border-radius: 22px;
    }

    .meal-list__item {
        grid-template-columns: 1fr;
    }

    .meal-create-company-strip {
        grid-template-columns: 1fr;
    }

    .meal-list__image,
    .meal-list__placeholder {
        width: 100%;
        height: 200px;
    }

    .meal-list__item > .meal-image-button,
    .meal-preview-card > .meal-image-button {
        width: 100%;
    }

    .assignment-toolbar__actions,
    .department-group {
        grid-template-columns: 1fr;
    }

    .assignment-toolbar__actions {
        display: grid;
    }

    .assignment-toolbar__search-grid,
    .employee-assignment-card__bottom,
    .employee-assignment-card__selectors {
        grid-template-columns: 1fr;
    }

    .employee-assignment-card__top {
        flex-direction: column;
        align-items: stretch;
    }

    .meal-preview-card {
        grid-template-columns: 1fr;
    }

    .meal-preview-card__image {
        width: 100%;
        height: 180px;
    }

    .baghdad-marquee__shell,
    .baghdad-gallery,
    .baghdad-reel,
    .baghdad-hosting__main,
    .baghdad-hosting__quote,
    .baghdad-contact__shell,
    .baghdad-signature__story,
    .baghdad-menu__intro,
    .baghdad-menu__card {
        border-radius: 28px;
    }

    .baghdad-marquee__title {
        font-size: clamp(2.3rem, 12vw, 3.45rem);
    }

    .baghdad-marquee__metrics,
    .baghdad-band,
    .baghdad-signature__grid,
    .baghdad-gallery__layout,
    .baghdad-hosting__grid {
        grid-template-columns: 1fr;
    }

    .baghdad-signature__image {
        grid-column: span 1;
    }

    .baghdad-marquee__primary,
    .baghdad-marquee__video-card,
    .baghdad-gallery__frame,
    .baghdad-reel__frame,
    .baghdad-hosting__image {
        border-radius: 24px;
    }

    .baghdad-contact__pill {
        min-width: 100%;
    }

    .restaurant-photo-grid,
    .restaurant-video-grid {
        grid-template-columns: 1fr;
    }

    .landing-hero__shell,
    .gallery-orbit,
    .menu-deck,
    .cinema-shell,
    .contact-pavilion__shell {
        border-radius: 28px;
    }

    .landing-hero__title {
        font-size: clamp(2.2rem, 13vw, 3.15rem);
    }

    .landing-hero__title span:last-child {
        font-size: 1.15rem;
    }

    .landing-ribbon,
    .gallery-orbit__grid,
    .hosting-suite__grid {
        grid-template-columns: 1fr;
    }

    .landing-stage__feature,
    .landing-stage__mini-image,
    .story-stage__panel--image img,
    .gallery-orbit__frame,
    .cinema-card__frame {
        border-radius: 24px;
    }

    .landing-stage__quote,
    .story-stage__panel,
    .hosting-suite__hero,
    .hosting-suite__quote-card,
    .hosting-suite__tag-card {
        border-radius: 28px;
    }

    .restaurant-hero-title {
        font-size: clamp(1.95rem, 11vw, 2.7rem);
    }

    .restaurant-hero-highlights,
    .restaurant-hero-notes {
        grid-template-columns: 1fr;
    }

    .restaurant-hero-image-frame {
        aspect-ratio: 9 / 14;
    }
}

.simple-home {
    direction: inherit;
}

.simple-home__shell {
    display: grid;
    gap: 1rem;
}

.simple-home__header,
.simple-home__hero-card,
.simple-home__section-card,
.simple-home__hosting-card,
.simple-home__contact-card,
.simple-home__highlight-card {
    border: 1px solid var(--line-soft);
    box-shadow: var(--shadow-soft);
}

.simple-home__header,
.simple-home__section-card,
.simple-home__hosting-card,
.simple-home__contact-card,
.simple-home__highlight-card {
    background:
        linear-gradient(180deg, rgba(255, 250, 245, 0.96), rgba(246, 238, 228, 0.92));
}

.simple-home__header,
.simple-home__hero-card,
.simple-home__section-card,
.simple-home__hosting-card,
.simple-home__contact-card {
    border-radius: 32px;
    padding: clamp(1.25rem, 3vw, 1.8rem);
}

.simple-home__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.simple-home__brand {
    display: grid;
    gap: 0.45rem;
    align-content: start;
}

.simple-home__brand strong {
    font-family: var(--font-display);
    color: var(--ink-900);
    font-size: clamp(1.3rem, 2.2vw, 1.8rem);
    line-height: 1.15;
}

.simple-home__brand small {
    color: var(--ink-700);
    line-height: 1.7;
    font-size: 0.95rem;
    max-width: 24rem;
}

.simple-home__brand .section-eyebrow {
    width: fit-content;
    padding: 0.36rem 0.7rem;
    border-radius: 999px;
    background: rgba(111, 79, 45, 0.08);
    color: var(--brand-700);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.05em;
}

.simple-home__header-actions {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    flex-wrap: wrap;
}

.simple-home__lang-switch {
    display: inline-flex;
    padding: 0.25rem;
    border-radius: 999px;
    border: 1px solid rgba(111, 79, 45, 0.12);
    background: rgba(255, 255, 255, 0.72);
}

.simple-home__lang-button {
    border: 0;
    background: transparent;
    color: var(--ink-700);
    padding: 0.65rem 1rem;
    border-radius: 999px;
    font-weight: 700;
}

.simple-home__lang-button.is-active {
    background: linear-gradient(135deg, #586545, #91572c);
    color: #fff;
    box-shadow: 0 14px 24px rgba(77, 57, 37, 0.16);
}

.simple-home__top-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.8rem 1rem;
    border-radius: 999px;
    border: 1px solid rgba(111, 79, 45, 0.12);
    background: rgba(255, 255, 255, 0.8);
    color: var(--brand-700);
    font-weight: 700;
}

.simple-home__mobile-access {
    display: none;
}

.simple-home__hero-card {
    background:
        radial-gradient(circle at top right, rgba(198, 162, 109, 0.16), transparent 22%),
        radial-gradient(circle at bottom left, rgba(88, 101, 69, 0.12), transparent 22%),
        linear-gradient(135deg, rgba(255, 250, 245, 0.98), rgba(241, 231, 218, 0.94));
}

.simple-home__eyeline {
    display: inline-flex;
    color: var(--brand-700);
    font-size: 0.9rem;
    font-weight: 700;
}

.simple-home__title {
    display: grid;
    gap: 0.16rem;
    margin: 1rem 0 0.9rem;
    font-family: var(--font-display);
    font-size: clamp(2.5rem, 5vw, 4.7rem);
    line-height: 0.98;
    letter-spacing: -0.04em;
}

.simple-home__title span:last-child {
    color: #8c6539;
}

.simple-home__lead,
.simple-home__contact-text,
.simple-home__hosting-text {
    color: var(--ink-700);
    line-height: 2;
}

.simple-home__cta {
    margin-top: 1.35rem;
}

.simple-home__hero-media,
.simple-home__media-card,
.simple-home__hosting-photo {
    margin: 0;
    position: relative;
    overflow: hidden;
    border-radius: 30px;
    border: 1px solid rgba(111, 79, 45, 0.12);
    background:
        radial-gradient(circle at top, rgba(255, 255, 255, 0.08), transparent 32%),
        linear-gradient(180deg, rgba(28, 27, 25, 0.98), rgba(56, 41, 30, 0.96));
    box-shadow: 0 24px 42px rgba(28, 24, 20, 0.18);
}

.simple-home__hero-media {
    aspect-ratio: 9 / 12.8;
}

.simple-home__hero-media img,
.simple-home__media-card img,
.simple-home__hosting-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.simple-home__hero-media::after,
.simple-home__media-card::after,
.simple-home__hosting-photo::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(7, 28, 17, 0.04), rgba(7, 28, 17, 0.1) 46%, rgba(7, 28, 17, 0.56) 100%);
}

.simple-home__hero-media figcaption,
.simple-home__media-card figcaption {
    position: absolute;
    right: 1rem;
    bottom: 1rem;
    left: 1rem;
    z-index: 1;
    padding: 0.95rem 1rem;
    border-radius: 20px;
    background: rgba(28, 27, 25, 0.64);
    border: 1px solid rgba(255, 255, 255, 0.12);
    color: #fff;
    line-height: 1.9;
}

.simple-home__highlights {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.simple-home__highlight-card {
    padding: 1.15rem;
    border-radius: 28px;
}

.simple-home__highlight-card span {
    display: inline-block;
    margin-bottom: 0.5rem;
    color: var(--brand-700);
    font-size: 0.8rem;
    font-weight: 700;
}

.simple-home__highlight-card strong {
    display: block;
    margin-bottom: 0.45rem;
    color: var(--ink-900);
    font-family: var(--font-display);
    font-size: 1.3rem;
}

.simple-home__highlight-card p {
    color: var(--ink-700);
    line-height: 1.85;
}

.simple-home__menu-card {
    height: 100%;
    padding: 1.2rem;
    border-radius: 26px;
    border: 1px solid rgba(111, 79, 45, 0.08);
    background: rgba(255, 255, 255, 0.8);
    box-shadow: 0 16px 28px rgba(54, 37, 23, 0.06);
}

.simple-home__moments .row {
    align-items: stretch;
}

.simple-home__media-grid {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    height: 100%;
}

.simple-home__moments-intro {
    position: relative;
    overflow: hidden;
    isolation: isolate;
    display: flex;
    min-height: 100%;
    color: #fbf4ea;
    background:
        radial-gradient(circle at top right, rgba(215, 178, 122, 0.24), transparent 30%),
        radial-gradient(circle at bottom left, rgba(88, 101, 69, 0.2), transparent 26%),
        linear-gradient(145deg, #241913 0%, #4a3222 58%, #6a4c33 100%);
}

.simple-home__moments-intro::before {
    content: "";
    position: absolute;
    inset: auto auto -3.2rem -2.6rem;
    width: 10rem;
    height: 10rem;
    border-radius: 2.4rem;
    background: rgba(255, 248, 240, 0.06);
    border: 1px solid rgba(255, 248, 240, 0.08);
    transform: rotate(18deg);
    z-index: -1;
}

.simple-home__moments-intro::after {
    content: "";
    position: absolute;
    inset: 1.4rem 1.4rem auto auto;
    width: 5.5rem;
    height: 5.5rem;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(255, 239, 213, 0.2), transparent 68%);
    z-index: -1;
}

.simple-home__moments-copy {
    display: grid;
    gap: 1.35rem;
    align-content: space-between;
    width: 100%;
}

.simple-home__moments-intro .section-eyebrow {
    background: rgba(255, 248, 240, 0.1);
    color: #f7e7ca;
    border-color: rgba(255, 248, 240, 0.12);
}

.simple-home__moments-intro h2 {
    margin: 1rem 0 0.85rem;
    font-size: clamp(1.9rem, 3vw, 2.7rem);
    line-height: 1.25;
    color: #fff8ef;
    max-width: 12ch;
}

.simple-home__moments-intro p {
    color: rgba(249, 239, 227, 0.84);
    line-height: 2;
    max-width: 32ch;
}

.simple-home__moments-notes {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
}

.simple-home__moments-note {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    padding: 0.72rem 0.95rem;
    border-radius: 999px;
    border: 1px solid rgba(255, 248, 240, 0.12);
    background: rgba(255, 248, 240, 0.08);
    color: #fff5e7;
    font-size: 0.88rem;
    font-weight: 700;
    backdrop-filter: blur(8px);
}

.simple-home__moments-note::before {
    content: "";
    width: 0.45rem;
    height: 0.45rem;
    border-radius: 50%;
    background: #d7b27a;
    box-shadow: 0 0 0 0.28rem rgba(215, 178, 122, 0.12);
}

.simple-home__media-card {
    aspect-ratio: 9 / 14;
}

.simple-home__media-card--video video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.simple-home__hosting-card h2 {
    margin: 1rem 0 0.75rem;
}

.simple-home__breakfast-card {
    background:
        radial-gradient(circle at top right, rgba(198, 162, 109, 0.14), transparent 22%),
        linear-gradient(180deg, rgba(255, 250, 245, 0.98), rgba(246, 238, 228, 0.94));
}

.simple-home__breakfast-layout {
    display: grid;
    gap: 1.25rem;
    grid-template-columns: minmax(260px, 0.7fr) minmax(0, 1fr);
    align-items: start;
}

.simple-home__breakfast-video {
    position: relative;
    margin: 0;
    overflow: hidden;
    aspect-ratio: 9 / 16;
    border-radius: 30px;
    border: 1px solid rgba(111, 79, 45, 0.12);
    background:
        radial-gradient(circle at top, rgba(255, 255, 255, 0.08), transparent 32%),
        linear-gradient(180deg, rgba(28, 27, 25, 0.98), rgba(56, 41, 30, 0.96));
    box-shadow: 0 24px 42px rgba(28, 24, 20, 0.18);
}

.simple-home__breakfast-video video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.simple-home__breakfast-video::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(7, 28, 17, 0.04), rgba(7, 28, 17, 0.12) 46%, rgba(7, 28, 17, 0.56) 100%);
}

.simple-home__breakfast-video figcaption {
    position: absolute;
    right: 1rem;
    bottom: 1rem;
    left: 1rem;
    z-index: 1;
    padding: 0.95rem 1rem;
    border-radius: 20px;
    background: rgba(28, 27, 25, 0.64);
    border: 1px solid rgba(255, 255, 255, 0.12);
    color: #fff;
    line-height: 1.85;
}

.simple-home__breakfast-copy {
    display: grid;
    gap: 0.85rem;
}

.simple-home__breakfast-copy h2 {
    margin: 0;
}

.simple-home__breakfast-copy p {
    margin: 0;
    color: var(--ink-700);
    line-height: 2;
}

.simple-home__breakfast-items {
    margin: 0.45rem 0 0;
    padding-right: 1.2rem;
    display: grid;
    gap: 0.6rem;
}

.simple-home__breakfast-item {
    color: var(--ink-900);
    font-weight: 700;
    line-height: 1.9;
}

.simple-home__hosting-spotlight {
    margin-top: 0.7rem;
}

.simple-home__hosting-card--standalone {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(255, 246, 236, 0.12);
    box-shadow: 0 30px 60px rgba(28, 24, 20, 0.22);
    background:
        radial-gradient(circle at top right, rgba(198, 162, 109, 0.18), transparent 22%),
        radial-gradient(circle at bottom left, rgba(255, 248, 240, 0.06), transparent 22%),
        linear-gradient(135deg, rgba(36, 25, 19, 0.98), rgba(72, 52, 37, 0.96));
}

.simple-home__hosting-card--standalone::before {
    content: "";
    position: absolute;
    top: 1.2rem;
    right: 1.2rem;
    width: 84px;
    height: 4px;
    border-radius: 999px;
    background: linear-gradient(135deg, rgba(240, 217, 152, 0.95), rgba(198, 162, 109, 0.7));
}

.simple-home__hosting-layout {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 1.4rem;
    grid-template-columns: minmax(0, 1.15fr) minmax(320px, 0.85fr);
    align-items: center;
}

.simple-home__hosting-card--standalone .section-eyebrow {
    background: rgba(255, 248, 240, 0.1);
    color: #f7efe2;
    border-color: rgba(255, 248, 240, 0.1);
}

.simple-home__hosting-card--standalone h2,
.simple-home__hosting-card--standalone .simple-home__hosting-text {
    color: #fff;
}

.simple-home__hosting-card--standalone .simple-home__hosting-text {
    color: rgba(235, 225, 214, 0.84);
}

.simple-home__hosting-copy {
    display: grid;
    gap: 0.75rem;
}

.simple-home__hosting-content {
    min-width: 0;
}

.simple-home__hosting-list {
    display: grid;
    gap: 0.85rem;
    margin: 1.2rem 0;
}

.simple-home__hosting-list--standalone {
    margin: 1.35rem 0 1.15rem;
}

.simple-home__hosting-item {
    display: grid;
    gap: 0.3rem;
    padding: 0.95rem 1rem;
    border-radius: 20px;
    border: 1px solid rgba(111, 79, 45, 0.08);
    background: rgba(255, 255, 255, 0.68);
}

.simple-home__hosting-card--standalone .simple-home__hosting-item {
    border-color: rgba(255, 246, 236, 0.08);
    background: rgba(255, 248, 240, 0.08);
}

.simple-home__hosting-item--standalone {
    grid-template-columns: auto minmax(0, 1fr);
    align-items: start;
    gap: 0.9rem;
    padding: 1rem 1.05rem;
}

.simple-home__hosting-item-number {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.6rem;
    height: 2.6rem;
    border-radius: 18px;
    background: rgba(255, 248, 240, 0.1);
    border: 1px solid rgba(255, 246, 236, 0.12);
    color: #f0d998;
    font-size: 0.82rem;
    font-weight: 800;
}

.simple-home__hosting-item-copy {
    display: grid;
    gap: 0.28rem;
    min-width: 0;
}

.simple-home__hosting-item strong {
    color: var(--ink-900);
}

.simple-home__hosting-item span {
    color: var(--ink-700);
    line-height: 1.8;
}

.simple-home__hosting-card--standalone .simple-home__hosting-item strong,
.simple-home__hosting-card--standalone .simple-home__hosting-item span {
    color: #fff;
}

.simple-home__hosting-card--standalone .simple-home__hosting-item span {
    color: rgba(235, 225, 214, 0.84);
}

.simple-home__hosting-photo {
    aspect-ratio: 16 / 10;
    margin-bottom: 1rem;
}

.simple-home__hosting-photo--standalone {
    position: relative;
    aspect-ratio: 4 / 5;
    margin-bottom: 0;
    min-height: 100%;
}

.simple-home__hosting-photo--standalone figcaption {
    position: absolute;
    right: 1rem;
    left: 1rem;
    top: 1rem;
    z-index: 1;
    padding: 0.9rem 1rem;
    border-radius: 20px;
    background: rgba(28, 27, 25, 0.62);
    border: 1px solid rgba(255, 255, 255, 0.12);
    color: #fff;
    line-height: 1.85;
}

.simple-home__quote {
    padding: 1rem 1.1rem;
    border-radius: 22px;
    background:
        radial-gradient(circle at top right, rgba(198, 162, 109, 0.12), transparent 24%),
        linear-gradient(180deg, rgba(36, 25, 19, 0.97), rgba(60, 43, 30, 0.98));
    color: #fff;
    line-height: 2;
}

.simple-home__quote--standalone {
    background: rgba(255, 248, 240, 0.08);
    border: 1px solid rgba(255, 246, 236, 0.1);
    max-width: 38rem;
}

.simple-home__contact-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.9rem;
}

.simple-home__contact-pill,
.simple-home__social-card {
    display: grid;
    gap: 0.25rem;
    padding: 1rem 1.1rem;
    border-radius: 24px;
    border: 1px solid rgba(111, 79, 45, 0.1);
    background: rgba(255, 255, 255, 0.82);
    color: var(--ink-900);
    box-shadow: 0 16px 28px rgba(54, 37, 23, 0.06);
}

.simple-home__contact-pill {
    min-width: min(100%, 220px);
}

.simple-home__contact-pill span,
.simple-home__social-card span {
    color: var(--brand-700);
    font-size: 0.8rem;
    font-weight: 700;
}

.simple-home__contact-pill strong,
.simple-home__social-card strong {
    font-size: 1.05rem;
}

.simple-home__socials {
    display: grid;
    gap: 1rem;
}

.simple-home__social-card {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.simple-home__social-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 20px 34px rgba(54, 37, 23, 0.1);
    color: var(--ink-900);
}

.simple-home__social-card small {
    color: var(--ink-700);
    line-height: 1.8;
}

.simple-home--en .simple-home__brand,
.simple-home--en .simple-home__hero-copy,
.simple-home--en .simple-home__section-card,
.simple-home--en .simple-home__hosting-card,
.simple-home--en .simple-home__contact-card {
    text-align: left;
}

.simple-home--en .simple-home__moments-intro h2,
.simple-home--en .simple-home__moments-intro p {
    max-width: 100%;
}

@media (max-width: 991.98px) {
    .simple-home__header,
    .section-header--wide {
        flex-direction: column;
        align-items: stretch;
    }

    .simple-home__hosting-layout {
        grid-template-columns: 1fr;
    }

    .simple-home__breakfast-layout {
        grid-template-columns: 1fr;
    }

    .simple-home__highlights {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .simple-home__media-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 575.98px) {
    .simple-home__header,
    .simple-home__hero-card,
    .simple-home__section-card,
    .simple-home__hosting-card,
    .simple-home__contact-card {
        border-radius: 26px;
    }

    .simple-home__title {
        font-size: clamp(2.1rem, 12vw, 3.3rem);
    }

    .simple-home__header {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        gap: 0.65rem;
        padding: 0.75rem 0.85rem;
        background:
            linear-gradient(180deg, rgba(255, 252, 247, 0.98), rgba(245, 236, 226, 0.95));
    }

    .simple-home__brand {
        min-width: 0;
        gap: 0.2rem;
        text-align: start;
        justify-items: start;
    }

    .simple-home__brand .section-eyebrow {
        padding: 0.35rem 0.75rem;
        font-size: 0.68rem;
        letter-spacing: 0.08em;
    }

    .simple-home__brand strong {
        font-size: clamp(1.05rem, 5vw, 1.35rem);
        line-height: 1.2;
    }

    .simple-home__header-actions {
        display: block;
        flex: 0 0 auto;
        width: auto;
    }

    .simple-home__lang-switch {
        display: inline-flex;
        width: auto;
        padding: 0.18rem;
        border-radius: 999px;
        background: rgba(255, 255, 255, 0.92);
        box-shadow: inset 0 0 0 1px rgba(111, 79, 45, 0.08);
    }

    .simple-home__lang-button {
        min-height: 2rem;
        padding: 0.35rem 0.55rem;
        border-radius: 999px;
        font-size: 0.7rem;
        font-weight: 800;
    }

    .simple-home__top-login {
        display: none;
    }

    .simple-home__mobile-access {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 0.75rem;
        margin-top: 0.25rem;
        padding: 0.75rem 0.85rem;
        border: 1px solid rgba(111, 79, 45, 0.1);
        border-radius: 18px;
        background: rgba(255, 250, 245, 0.86);
        color: var(--ink-700);
        font-size: 0.72rem;
    }

    .simple-home__mobile-access a {
        flex: 0 0 auto;
        padding: 0.5rem 0.75rem;
        border-radius: 999px;
        background: var(--brand-800);
        color: #fffaf1;
        font-size: 0.72rem;
        font-weight: 800;
    }

    .simple-home--en .simple-home__brand {
        text-align: left;
        justify-items: start;
    }

    .simple-home__highlights,
    .simple-home__media-grid {
        grid-template-columns: 1fr;
    }

    .simple-home__hosting-photo--standalone {
        aspect-ratio: 16 / 10;
    }

    .simple-home__hero-media,
    .simple-home__media-card,
    .simple-home__hosting-photo,
    .simple-home__breakfast-video {
        border-radius: 24px;
    }

    .simple-home__moments-intro h2,
    .simple-home__moments-intro p {
        max-width: 100%;
    }

    .simple-home__contact-pill {
        min-width: 100%;
    }
}

:root {
    --brand-50: #fbf5ee;
    --brand-100: #f2e6d6;
    --brand-200: #dfc8a9;
    --brand-300: #c9a67a;
    --brand-400: #ad834f;
    --brand-500: #8c6539;
    --brand-600: #6f4f2d;
    --brand-700: #5a4127;
    --brand-800: #3d2c1b;
    --brand-900: #241913;
    --ink-900: #241913;
    --ink-700: #6d5a4a;
    --line-soft: rgba(92, 65, 39, 0.12);
    --shadow-soft: 0 22px 55px rgba(54, 37, 23, 0.12);
    --surface-main: rgba(255, 248, 241, 0.82);
    --font-body: "Alexandria", "Segoe UI", sans-serif;
    --font-display: "El Messiri", "Alexandria", "Segoe UI", sans-serif;
}

body {
    font-family: var(--font-body);
    background:
        radial-gradient(circle at top right, rgba(198, 162, 109, 0.2), transparent 22%),
        radial-gradient(circle at bottom left, rgba(123, 94, 58, 0.14), transparent 30%),
        linear-gradient(180deg, #fbf6ef 0%, #f3eadf 100%);
}

body::before {
    background-image:
        linear-gradient(rgba(95, 74, 49, 0.028) 1px, transparent 1px),
        linear-gradient(90deg, rgba(95, 74, 49, 0.028) 1px, transparent 1px);
}

h1,
h2,
h3 {
    font-family: var(--font-display);
    letter-spacing: -0.02em;
}

a,
.btn-link {
    color: var(--brand-700);
}

.btn-success,
.btn-primary {
    background: linear-gradient(135deg, #586545, #91572c);
    border-color: transparent;
    box-shadow: 0 18px 32px rgba(77, 57, 37, 0.18);
}

.btn-success:hover,
.btn-success:focus,
.btn-primary:hover,
.btn-primary:focus {
    background: linear-gradient(135deg, #495638, #7c4b25);
    border-color: transparent;
}

.btn-outline-success {
    border-color: rgba(111, 79, 45, 0.24);
    color: var(--brand-700);
    background: rgba(255, 250, 245, 0.66);
}

.btn-outline-success:hover,
.btn-outline-success:focus {
    background: var(--brand-700);
    border-color: var(--brand-700);
    color: #fff;
}

.btn:focus,
.btn:active:focus,
.btn-link.nav-link:focus,
.form-control:focus,
.form-select:focus,
.form-check-input:focus {
    box-shadow: 0 0 0 0.18rem rgba(140, 101, 57, 0.16), 0 0 0 0.35rem rgba(140, 101, 57, 0.08);
}

.section-eyebrow {
    background: rgba(111, 79, 45, 0.1);
    color: var(--brand-700);
    border: 1px solid rgba(111, 79, 45, 0.08);
}

.soft-tag {
    background: linear-gradient(135deg, rgba(140, 101, 57, 0.12), rgba(88, 101, 69, 0.06));
    border-color: rgba(111, 79, 45, 0.08);
    color: var(--brand-700);
}

.text-secondary {
    color: #756252 !important;
}

.baghdad-home h1,
.baghdad-home h2,
.baghdad-home h3,
.baghdad-marquee__brand strong {
    font-family: var(--font-display);
}

.baghdad-marquee__shell {
    background:
        radial-gradient(circle at top right, rgba(198, 162, 109, 0.18), transparent 22%),
        radial-gradient(circle at bottom left, rgba(140, 101, 57, 0.16), transparent 24%),
        linear-gradient(135deg, #1c1b19 0%, #312319 58%, #56402d 100%);
    box-shadow: 0 30px 62px rgba(28, 24, 20, 0.24);
}

.baghdad-mini-link {
    border-color: rgba(255, 246, 236, 0.14);
    background: rgba(255, 248, 240, 0.08);
}

.baghdad-marquee__title span:nth-child(2) {
    color: #f3e4c3;
}

.baghdad-marquee__title span:last-child {
    color: #d7b27a;
}

.baghdad-marquee__metric {
    border-color: rgba(255, 246, 236, 0.1);
    background: rgba(255, 248, 240, 0.07);
}

.baghdad-marquee__quote,
.baghdad-band__card,
.baghdad-signature__story,
.baghdad-signature__note,
.baghdad-menu__card,
.baghdad-gallery,
.baghdad-hosting__main,
.baghdad-contact__shell,
.baghdad-contact__pill,
.baghdad-contact__social {
    background:
        linear-gradient(180deg, rgba(255, 250, 245, 0.96), rgba(246, 238, 228, 0.92));
}

.baghdad-band__card:nth-child(2),
.baghdad-hosting__quote,
.baghdad-menu__intro {
    background:
        radial-gradient(circle at top right, rgba(198, 162, 109, 0.14), transparent 24%),
        linear-gradient(180deg, rgba(36, 25, 19, 0.97), rgba(60, 43, 30, 0.98));
}

.baghdad-gallery {
    background:
        radial-gradient(circle at top left, rgba(198, 162, 109, 0.16), transparent 22%),
        linear-gradient(180deg, rgba(255, 250, 245, 0.96), rgba(246, 238, 228, 0.92));
}

.baghdad-reel {
    background:
        radial-gradient(circle at top right, rgba(198, 162, 109, 0.14), transparent 22%),
        linear-gradient(135deg, rgba(28, 27, 25, 0.99), rgba(54, 39, 28, 0.97));
    box-shadow: 0 28px 56px rgba(28, 24, 20, 0.24);
}

.baghdad-menu__intro .section-eyebrow,
.section-header--light .section-eyebrow {
    background: rgba(255, 248, 240, 0.1);
    color: #f7efe2;
    border-color: rgba(255, 248, 240, 0.1);
}

.baghdad-menu__chips span {
    background: rgba(255, 248, 240, 0.08);
    border-color: rgba(255, 248, 240, 0.1);
}

.baghdad-signature__image figcaption,
.baghdad-marquee__primary figcaption {
    background: rgba(28, 27, 25, 0.66);
}

.baghdad-gallery__frame,
.baghdad-reel__frame,
.baghdad-marquee__primary,
.baghdad-marquee__video-card,
.baghdad-hosting__image {
    background:
        radial-gradient(circle at top, rgba(255, 255, 255, 0.08), transparent 32%),
        linear-gradient(180deg, rgba(28, 27, 25, 0.98), rgba(56, 41, 30, 0.96));
    box-shadow: 0 24px 42px rgba(28, 24, 20, 0.2);
}

.baghdad-marquee__quote span,
.baghdad-marquee__primary figcaption span {
    color: #8b6e4d;
}

.baghdad-marquee__quote strong,
.baghdad-signature__note strong,
.baghdad-hosting__item strong,
.baghdad-contact__pill strong,
.baghdad-contact__social strong {
    color: var(--ink-900);
}

.baghdad-contact__pill span,
.baghdad-contact__social span {
    color: #7b5d3d;
}

.public-menu {
    padding: clamp(0.9rem, 2.5vw, 1.6rem);
}

.public-menu__shell {
    width: min(1380px, 100%);
    margin: 0 auto;
    display: grid;
    gap: 1.15rem;
}

.public-menu__content {
    display: grid;
    grid-template-columns: 280px minmax(0, 1fr);
    gap: 1rem;
    align-items: start;
}

.public-menu__hero {
    position: relative;
    overflow: hidden;
    display: grid;
    gap: 1.2rem;
    padding: clamp(1.2rem, 3vw, 1.8rem);
    border-radius: 34px;
    border: 1px solid rgba(111, 79, 45, 0.08);
    background:
        radial-gradient(circle at top right, rgba(215, 178, 122, 0.18), transparent 24%),
        radial-gradient(circle at bottom left, rgba(88, 101, 69, 0.12), transparent 22%),
        linear-gradient(140deg, #fffaf5 0%, #f5ebdf 54%, #efe1d0 100%);
    box-shadow: 0 26px 52px rgba(54, 37, 23, 0.1);
}

.public-menu__hero::after {
    content: "";
    position: absolute;
    inset: auto -2rem -3rem auto;
    width: 11rem;
    height: 11rem;
    border-radius: 2.4rem;
    background: rgba(255, 255, 255, 0.34);
    transform: rotate(22deg);
}

.public-menu__hero-copy {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 0.5rem;
}

.public-menu__eyebrow {
    display: inline-flex;
    width: fit-content;
    padding: 0.45rem 0.8rem;
    border-radius: 999px;
    background: rgba(111, 79, 45, 0.08);
    color: var(--brand-700);
    font-size: 0.82rem;
    font-weight: 800;
}

.public-menu__hero h1 {
    margin: 0;
    font-size: clamp(2.1rem, 5vw, 4rem);
    color: var(--ink-900);
    line-height: 1.05;
}

.public-menu__hero p {
    margin: 0;
    color: var(--ink-700);
    font-size: 1rem;
    line-height: 1.9;
    max-width: 42rem;
}

.public-menu__hero-meta {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.85rem;
}

.public-menu__hero-kpi {
    display: grid;
    gap: 0.35rem;
    padding: 0.95rem 1rem;
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.58);
    border: 1px solid rgba(111, 79, 45, 0.08);
    backdrop-filter: blur(10px);
}

.public-menu__hero-kpi span {
    color: var(--ink-700);
    font-size: 0.82rem;
    font-weight: 700;
}

.public-menu__hero-kpi strong {
    font-size: 1.45rem;
    color: var(--ink-900);
}

.public-menu__state {
    display: grid;
    place-items: center;
    gap: 1rem;
    min-height: 240px;
    padding: 2rem;
    border-radius: 28px;
    border: 1px solid rgba(111, 79, 45, 0.1);
    background: rgba(255, 250, 245, 0.92);
    text-align: center;
}

.public-menu__state--error {
    color: #8b2d2d;
}

.public-menu__sections {
    display: grid;
    gap: 1rem;
}

.public-menu__sidebar {
    position: sticky;
    top: 1rem;
    display: grid;
    gap: 0.75rem;
    align-self: start;
    max-height: calc(100vh - 2rem);
    padding: 1rem;
    border-radius: 24px;
    border: 1px solid rgba(111, 79, 45, 0.08);
    background: rgba(255, 252, 247, 0.95);
    box-shadow: 0 18px 34px rgba(54, 37, 23, 0.06);
}

.public-menu__sidebar-head {
    display: grid;
    gap: 0.18rem;
}

.public-menu__sidebar-eyebrow {
    color: var(--brand-700);
    font-size: 0.78rem;
    font-weight: 800;
}

.public-menu__sidebar-head h2 {
    margin: 0;
    font-size: 1.15rem;
    color: var(--ink-900);
}

.public-menu__sidebar-nav {
    display: grid;
    gap: 0.55rem;
    overflow-y: auto;
    max-height: calc(100vh - 9rem);
    padding-left: 0.15rem;
    scrollbar-width: thin;
    scrollbar-color: rgba(111, 79, 45, 0.42) rgba(111, 79, 45, 0.08);
}

.public-menu__sidebar-nav::-webkit-scrollbar {
    width: 10px;
}

.public-menu__sidebar-nav::-webkit-scrollbar-track {
    border-radius: 999px;
    background: rgba(111, 79, 45, 0.08);
}

.public-menu__sidebar-nav::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: rgba(111, 79, 45, 0.42);
}

.public-menu__sidebar-link {
    display: grid;
    gap: 0.18rem;
    padding: 0.85rem 0.9rem;
    border-radius: 18px;
    border: 1px solid rgba(111, 79, 45, 0.08);
    background: rgba(255, 255, 255, 0.84);
    color: var(--ink-900);
    text-decoration: none;
    transition: background 0.18s ease, transform 0.18s ease;
}

.public-menu__sidebar-link span {
    font-size: 0.92rem;
    font-weight: 800;
}

.public-menu__sidebar-link small {
    color: var(--ink-700);
    font-size: 0.75rem;
}

.public-menu__sidebar-link:hover {
    color: var(--ink-900);
    background: #fff;
    transform: translateX(-2px);
}

.public-menu__nav-shell {
    display: none;
    gap: 0.7rem;
}

.public-menu__nav-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    width: fit-content;
    padding: 0.72rem 0.95rem;
    border-radius: 18px;
    border: 1px solid rgba(111, 79, 45, 0.08);
    background: rgba(255, 255, 255, 0.84);
    color: var(--ink-900);
    box-shadow: 0 14px 28px rgba(54, 37, 23, 0.06);
}

.public-menu__nav-toggle-lines {
    display: inline-grid;
    gap: 0.22rem;
}

.public-menu__nav-toggle-lines span {
    width: 1.2rem;
    height: 2px;
    border-radius: 999px;
    background: var(--ink-900);
}

.public-menu__nav-toggle-label {
    font-size: 0.95rem;
    font-weight: 800;
}

.public-menu__nav-drawer {
    display: grid;
    gap: 0.55rem;
    padding: 0.4rem;
    border-radius: 22px;
    border: 1px solid rgba(111, 79, 45, 0.08);
    background: rgba(255, 252, 247, 0.96);
    box-shadow: 0 18px 34px rgba(54, 37, 23, 0.06);
}

.public-menu__nav-link {
    display: grid;
    gap: 0.18rem;
    padding: 0.85rem 0.9rem;
    border-radius: 18px;
    border: 1px solid rgba(111, 79, 45, 0.08);
    background: rgba(255, 255, 255, 0.84);
    color: var(--ink-900);
    text-decoration: none;
}

.public-menu__nav-link span {
    font-size: 0.92rem;
    font-weight: 800;
}

.public-menu__nav-link small {
    color: var(--ink-700);
    font-size: 0.75rem;
}

.public-menu__nav-link:hover {
    color: var(--ink-900);
    background: #fff;
}

.public-menu__section {
    display: grid;
    gap: 0.95rem;
    padding: clamp(1rem, 2.6vw, 1.35rem);
    border-radius: 30px;
    border: 1px solid rgba(111, 79, 45, 0.08);
    background:
        linear-gradient(180deg, rgba(255, 252, 248, 0.96), rgba(247, 239, 229, 0.92));
    box-shadow: 0 18px 40px rgba(54, 37, 23, 0.07);
}

.public-menu__section-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    padding-bottom: 0.6rem;
    border-bottom: 1px solid rgba(111, 79, 45, 0.08);
}

.public-menu__section-head > div {
    display: grid;
    gap: 0;
}

.public-menu__section-head h2 {
    margin: 0;
    font-size: clamp(1.4rem, 3vw, 2rem);
    color: var(--ink-900);
}

.public-menu__section-head span {
    color: var(--brand-700);
    font-size: 0.88rem;
    font-weight: 700;
}

.public-menu__grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 1rem;
}

.public-menu__card {
    overflow: hidden;
    display: flex;
    flex-direction: column;
    position: relative;
    border-radius: 26px;
    border: 1px solid rgba(111, 79, 45, 0.08);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(249, 243, 235, 0.94));
    box-shadow: 0 16px 32px rgba(54, 37, 23, 0.06);
    transition: transform 0.22s ease, box-shadow 0.22s ease;
}

.public-menu__card--featured {
    border-color: rgba(151, 104, 38, 0.34);
    box-shadow: 0 18px 38px rgba(115, 75, 25, 0.12);
}

.public-menu__card--featured::before {
    content: "";
    position: absolute;
    inset-inline: 0;
    inset-block-start: 0;
    height: 0.32rem;
    background: linear-gradient(180deg, #b8852e, #6f4f2d);
    z-index: 2;
}

.public-menu__card:hover {
    transform: translateY(-4px);
    box-shadow: 0 22px 42px rgba(54, 37, 23, 0.1);
}

.public-menu__image-wrap {
    position: relative;
    aspect-ratio: 4 / 3;
    background: linear-gradient(180deg, rgba(36, 25, 19, 0.95), rgba(60, 43, 30, 0.95));
}

.public-menu__image-button {
    display: block;
    width: 100%;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
    text-align: inherit;
}

.public-menu__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.public-menu__badge {
    position: absolute;
    top: 0.8rem;
    right: 0.8rem;
    padding: 0.42rem 0.76rem;
    border-radius: 999px;
    background: rgba(36, 25, 19, 0.78);
    color: #fff4df;
    font-size: 0.78rem;
    font-weight: 900;
    backdrop-filter: blur(8px);
    box-shadow: 0 10px 22px rgba(23, 16, 12, 0.18);
}

.public-menu__card-body {
    display: grid;
    flex: 1;
    align-content: start;
    gap: 0.8rem;
    padding: 1.05rem 1.1rem 1.15rem;
    text-align: right;
}

.public-menu__card-head {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
    gap: 0.9rem;
    width: 100%;
}

.public-menu__card-head > div:first-child {
    min-width: 0;
    display: grid;
    gap: 0.45rem;
}

.public-menu__card-body h3 {
    margin: 0;
    font-size: 1.1rem;
    color: var(--ink-900);
    line-height: 1.7;
    text-align: right;
}

.public-menu__description {
    margin: 0;
    color: rgba(66, 91, 77, 0.92);
    font-size: 0.92rem;
    line-height: 1.9;
    text-align: right;
    white-space: normal;
    overflow: visible;
    overflow-wrap: anywhere;
}

.public-menu__price {
    flex: 0 0 auto;
    align-self: flex-start;
    justify-self: start;
    padding: 0.45rem 0.7rem;
    border-radius: 999px;
    background: rgba(111, 79, 45, 0.08);
    color: var(--brand-700);
    font-size: 0.9rem;
    font-weight: 800;
}

.public-menu__lightbox {
    position: fixed;
    inset: 0;
    z-index: 1050;
    display: grid;
    place-items: center;
    padding: 1rem;
    background: rgba(23, 16, 12, 0.72);
    backdrop-filter: blur(12px);
}

.public-menu__lightbox-dialog {
    width: min(720px, 100%);
    overflow: hidden;
    border-radius: 28px;
    border: 1px solid rgba(255, 248, 240, 0.1);
    background: linear-gradient(180deg, rgba(255, 252, 247, 0.98), rgba(245, 236, 226, 0.96));
    box-shadow: 0 30px 60px rgba(17, 11, 8, 0.28);
}

.public-menu__lightbox-close {
    position: absolute;
    top: 1rem;
    left: 1rem;
    z-index: 1;
    padding: 0.5rem 0.9rem;
    border: 0;
    border-radius: 999px;
    background: rgba(23, 16, 12, 0.66);
    color: #fff8ef;
    font-size: 0.82rem;
    font-weight: 700;
}

.public-menu__lightbox-image {
    width: 100%;
    max-height: 72vh;
    height: auto;
    object-fit: contain;
    display: block;
    background: linear-gradient(180deg, rgba(36, 25, 19, 0.95), rgba(60, 43, 30, 0.95));
}

.public-menu__lightbox-body {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    padding: 1rem 1.1rem 1.15rem;
}

.public-menu__lightbox-body > div:first-child {
    min-width: 0;
    display: grid;
    gap: 0.45rem;
}

.public-menu__lightbox-body h3 {
    margin: 0;
    font-size: 1.2rem;
    color: var(--ink-900);
}

.public-menu__lightbox-body p {
    margin: 0;
    color: var(--ink-700);
    line-height: 1.9;
}

.public-menu__lightbox-price {
    flex: 0 0 auto;
    padding: 0.55rem 0.8rem;
    border-radius: 999px;
    background: rgba(111, 79, 45, 0.08);
    color: var(--brand-700);
    font-size: 0.92rem;
    font-weight: 800;
}

@media (max-width: 575.98px) {
    .public-menu__hero,
    .public-menu__section,
    .public-menu__sidebar,
    .public-menu__nav-drawer,
    .public-menu__state {
        border-radius: 24px;
    }

    .public-menu__content {
        grid-template-columns: 1fr;
    }

    .public-menu__sidebar {
        display: none;
    }

    .public-menu__nav-shell {
        display: grid;
        gap: 0;
        margin-bottom: 0.2rem;
        position: sticky;
        top: 0.75rem;
        z-index: 30;
    }

    .public-menu__nav-toggle {
        width: 100%;
        padding: 0.9rem 1rem;
        border-radius: 20px 20px 0 0;
        border-color: rgba(255, 248, 240, 0.08);
        background: linear-gradient(135deg, rgba(36, 25, 19, 0.98), rgba(74, 50, 34, 0.96));
        color: #fff8ef;
        box-shadow: none;
    }

    .public-menu__nav-toggle .public-menu__nav-toggle-lines span {
        background: #fff8ef;
    }

    .public-menu__nav-toggle .public-menu__nav-toggle-label {
        color: #fff8ef;
    }

    .public-menu__nav-drawer {
        border-top: 0;
        border-radius: 0 0 20px 20px;
        border-color: rgba(255, 248, 240, 0.08);
        background: linear-gradient(180deg, rgba(36, 25, 19, 0.98), rgba(74, 50, 34, 0.97));
        max-height: 320px;
        overflow-y: auto;
        scrollbar-width: thin;
        scrollbar-color: rgba(255, 233, 204, 0.35) rgba(255, 248, 240, 0.08);
    }

    .public-menu__nav-drawer::-webkit-scrollbar {
        width: 8px;
    }

    .public-menu__nav-drawer::-webkit-scrollbar-track {
        border-radius: 999px;
        background: rgba(255, 248, 240, 0.08);
    }

    .public-menu__nav-drawer::-webkit-scrollbar-thumb {
        border-radius: 999px;
        background: rgba(255, 233, 204, 0.35);
    }

    .public-menu__nav-link {
        border-color: rgba(255, 248, 240, 0.08);
        background: rgba(255, 248, 240, 0.06);
        color: #fff8ef;
    }

    .public-menu__nav-link span {
        color: #fff8ef;
    }

    .public-menu__nav-link small {
        color: rgba(255, 233, 204, 0.72);
    }

    .public-menu__nav-link:hover {
        background: rgba(255, 248, 240, 0.12);
        color: #fff8ef;
    }

    .public-menu__section-head {
        flex-direction: column;
        align-items: flex-start;
    }

    .public-menu__hero-meta {
        grid-template-columns: 1fr 1fr;
    }

    .public-menu__grid {
        grid-template-columns: 1fr;
        gap: 0.85rem;
    }

    .public-menu__card-head {
        grid-template-columns: 1fr;
    }

    .public-menu__lightbox-body {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media (max-width: 420px) {
    .public-menu__grid {
        grid-template-columns: 1fr;
    }
}

.invoice-print-area {
    display: none;
    margin-top: 1.5rem;
    padding: 1.25rem;
    border-radius: 24px;
    border: 1px solid rgba(111, 79, 45, 0.08);
    background: rgba(255, 255, 255, 0.78);
}

.invoice-print-area__brand {
    color: var(--brand-700);
    font-weight: 800;
    margin-bottom: 0.5rem;
}

.invoice-print-area__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 0.9rem;
    margin-bottom: 1rem;
    color: var(--ink-700);
}

@media print {
    body:has(.invoice-print-area) {
        background: #fff !important;
    }

    body:has(.invoice-print-area) #blazor-error-ui,
    body:has(.invoice-print-area) .sidebar-panel,
    body:has(.invoice-print-area) .workspace-header,
    body:has(.invoice-print-area) .workspace-content > * {
        display: none !important;
    }

    body:has(.invoice-print-area) .page-shell,
    body:has(.invoice-print-area) .workspace-shell,
    body:has(.invoice-print-area) .workspace-content,
    body:has(.invoice-print-area) .workspace-content > .content-card:has(.invoice-print-area) {
        display: block !important;
        width: 100% !important;
        max-width: none !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: #fff !important;
        box-shadow: none !important;
    }

    body:has(.invoice-print-area) .content-card:has(.invoice-print-area) > :not(.invoice-print-area) {
        display: none !important;
    }

    body:has(.invoice-print-area) .invoice-print-area {
        display: block !important;
        width: 100%;
        max-width: 165mm;
        margin: 0 auto !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: #fff !important;
        color: #1f1a16;
        box-shadow: none !important;
        direction: rtl;
        font-size: 10.5px;
        line-height: 1.45;
        print-color-adjust: exact;
        -webkit-print-color-adjust: exact;
    }

    body:has(.invoice-print-area) .invoice-print-area__brand {
        color: #5a4127 !important;
        font-size: 16px;
        font-weight: 900;
        text-align: center;
    }

    body:has(.invoice-print-area) .invoice-print-area h2 {
        margin: 0 0 5mm;
        color: #241913;
        font-size: 15px;
        font-weight: 900;
        text-align: center;
    }

    body:has(.invoice-print-area) .invoice-print-area__meta {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 2mm;
        margin-bottom: 5mm;
        color: #1f1a16;
    }

    body:has(.invoice-print-area) .invoice-print-area__meta span {
        padding: 2mm;
        border: 1px solid #9f866b;
        border-radius: 2.5mm;
        background: #fffaf5 !important;
        text-align: center;
        font-weight: 800;
    }

    body:has(.invoice-print-area) .invoice-print-area table {
        width: 100% !important;
        border-collapse: collapse !important;
        font-size: 9.5px;
    }

    body:has(.invoice-print-area) .invoice-print-area th,
    body:has(.invoice-print-area) .invoice-print-area td {
        padding: 2mm !important;
        border: 1px solid #9f866b !important;
        color: #1f1a16 !important;
        vertical-align: middle !important;
    }

    body:has(.invoice-print-area) .invoice-print-area th {
        background: #6f4f2d !important;
        color: #fff !important;
        font-weight: 900;
    }
}

.meal-page-hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    align-items: center;
}

.meal-page-company-strip {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

.meal-page-company-strip__item {
    display: grid;
    gap: 0.35rem;
    padding: 1rem 1.1rem;
    border-radius: 22px;
    border: 1px solid rgba(16, 91, 58, 0.08);
    background: rgba(255, 255, 255, 0.7);
    box-shadow: 0 14px 28px rgba(16, 91, 58, 0.06);
}

.meal-page-company-strip__item span {
    color: var(--ink-700);
    font-size: 0.82rem;
    font-weight: 700;
}

.meal-page-company-strip__item strong {
    color: var(--ink-900);
    font-size: 1.15rem;
}

.meal-page-grid {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}

.meal-page-card {
    overflow: hidden;
    display: grid;
    border-radius: 26px;
    border: 1px solid rgba(16, 91, 58, 0.08);
    background: rgba(255, 255, 255, 0.82);
    box-shadow: 0 18px 34px rgba(16, 91, 58, 0.08);
}

.meal-page-card__image-button {
    display: block;
    width: 100%;
    padding: 0;
    border: 0;
    background: transparent;
    text-align: inherit;
    cursor: zoom-in;
}

.meal-page-card__image {
    width: 100%;
    height: 220px;
    object-fit: cover;
    display: block;
    background: linear-gradient(180deg, rgba(36, 25, 19, 0.95), rgba(60, 43, 30, 0.95));
}

.meal-page-card__body {
    display: grid;
    gap: 0.9rem;
    padding: 1rem 1.05rem 1.1rem;
}

.meal-page-card__head,
.meal-page-card__footer {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0.9rem;
}

.meal-page-card__title {
    margin: 0;
    font-size: 1.1rem;
    color: var(--ink-900);
}

.meal-page-card__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
}

.meal-page-card__description {
    margin: 0;
    color: var(--ink-700);
    line-height: 1.85;
}

.meal-modal {
    position: fixed;
    inset: 0;
    z-index: 1060;
    display: grid;
    place-items: center;
    padding: 1rem;
    background: rgba(22, 18, 14, 0.58);
    backdrop-filter: blur(10px);
}

.meal-modal__dialog {
    width: min(920px, 100%);
    max-height: calc(100vh - 2rem);
    overflow: auto;
    padding: 1.35rem;
    border-radius: 28px;
    border: 1px solid rgba(255, 248, 240, 0.12);
    background: linear-gradient(180deg, rgba(255, 252, 247, 0.98), rgba(245, 236, 226, 0.96));
    box-shadow: 0 28px 54px rgba(17, 11, 8, 0.26);
}

.meal-modal__header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.meal-modal__header h2 {
    margin: 0.5rem 0 0.35rem;
}

.meal-modal__header p {
    margin: 0;
    color: var(--ink-700);
}

.meal-modal__close {
    border: 0;
    padding: 0.7rem 1rem;
    border-radius: 999px;
    background: rgba(36, 25, 19, 0.08);
    color: var(--ink-900);
    font-weight: 700;
}

.meal-modal__footer {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    justify-content: flex-end;
    margin-top: 1.25rem;
}

.restaurant-category-list {
    display: grid;
    gap: 0.75rem;
}

.restaurant-category-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    padding: 0.95rem 1rem;
    border-radius: 20px;
    border: 1px solid rgba(16, 91, 58, 0.08);
    background: rgba(255, 255, 255, 0.72);
}

.restaurant-category-row > div:first-child {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.65rem;
}

.restaurant-category-row strong {
    color: var(--ink-900);
}

.portal-dashboard {
    display: grid;
    gap: 1rem;
}

.portal-dashboard__hero {
    display: grid;
    gap: 1.25rem;
    padding: clamp(1.25rem, 3vw, 1.9rem);
    background:
        radial-gradient(circle at top right, rgba(228, 184, 73, 0.14), transparent 22%),
        linear-gradient(135deg, rgba(13, 67, 41, 0.98), rgba(10, 47, 29, 0.98));
    color: #fff;
}

.portal-dashboard__hero h2,
.portal-dashboard__hero p,
.portal-dashboard__hero .section-eyebrow {
    color: #fff;
}

.portal-dashboard__hero .section-eyebrow {
    background: rgba(255, 255, 255, 0.1);
}

.portal-dashboard__hero-copy {
    display: grid;
    gap: 0.65rem;
}

.portal-dashboard__hero-copy h2 {
    margin: 0;
    font-size: clamp(1.75rem, 3vw, 2.55rem);
}

.portal-dashboard__hero-copy p {
    margin: 0;
    max-width: 52rem;
    line-height: 1.95;
    color: rgba(240, 246, 242, 0.88);
}

.portal-dashboard__quick-stats {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.portal-dashboard__stat {
    display: grid;
    gap: 0.35rem;
    padding: 1rem 1.05rem;
    border-radius: 24px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(10px);
}

.portal-dashboard__stat span {
    color: rgba(240, 246, 242, 0.72);
    font-size: 0.78rem;
    font-weight: 700;
}

.portal-dashboard__stat strong {
    color: #fff;
    font-size: 1.15rem;
}

.portal-dashboard__stat small {
    color: rgba(240, 246, 242, 0.82);
    line-height: 1.75;
}

.portal-dashboard__actions {
    display: grid;
    gap: 0.9rem;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}

.portal-dashboard__actions--primary {
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}

.portal-dashboard__aside {
    background:
        radial-gradient(circle at top left, rgba(228, 184, 73, 0.12), transparent 22%),
        linear-gradient(180deg, rgba(255, 252, 247, 0.96), rgba(245, 236, 226, 0.94));
}

.portal-dashboard__highlights {
    display: grid;
    gap: 0.85rem;
}

.portal-dashboard__highlight {
    display: grid;
    gap: 0.35rem;
    padding: 1rem;
    border-radius: 22px;
    border: 1px solid rgba(111, 79, 45, 0.08);
    background: rgba(255, 255, 255, 0.78);
}

.portal-dashboard__highlight strong {
    color: var(--ink-900);
}

.portal-dashboard__highlight span {
    color: var(--ink-700);
    line-height: 1.85;
}

.portal-dashboard__admin {
    background:
        radial-gradient(circle at top right, rgba(36, 152, 95, 0.08), transparent 24%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(244, 250, 246, 0.92));
}

@media (max-width: 767.98px) {
    .meal-page-company-strip {
        grid-template-columns: 1fr;
    }

    .meal-page-card__head,
    .meal-page-card__footer,
    .meal-modal__header,
    .meal-modal__footer {
        flex-direction: column;
        align-items: stretch;
    }

    .meal-page-card__image {
        height: 200px;
    }

    .meal-modal__dialog {
        padding: 1rem;
        border-radius: 22px;
    }

    .portal-dashboard__hero,
    .portal-dashboard__aside,
    .portal-dashboard__admin {
        border-radius: 24px;
    }
}