:root{--black:#080808;--white:#fff;--muted:#aaa;--paper:#f7f6f3;--line:#dedbd6;--serif:'Cormorant Garamond',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;color:var(--black);background:var(--paper);font-family:var(--sans)}a{color:inherit;text-decoration:none}button{font:inherit}.skip-link{position:absolute;top:-100px;left:15px;z-index:100;background:#fff;padding:12px}.skip-link:focus{top:12px}.mh-header{position:sticky;top:0;z-index:50;background:#080808;border-bottom:1px solid #282828;transition:box-shadow .3s}.mh-header.is-scrolled{box-shadow:0 10px 25px #0005}.mh-header__inner{max-width:1320px;margin:auto;min-height:94px;padding:12px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px}.mh-header__brand img{display:block;width:176px;height:66px;object-fit:contain;object-position:left center}.mh-header__nav{display:flex;align-items:center;gap:34px}.mh-header__nav a{font-size:12px;letter-spacing:.15em;text-transform:uppercase;color:#dedede;transition:color .2s}.mh-header__nav a:hover,.mh-header__nav a.is-current{color:#fff}.mh-header__nav a.is-current:after{content:'';display:block;height:1px;background:#fff;margin-top:7px}.mh-header__cta{color:#080808;background:#fff;padding:15px 20px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;display:flex;gap:14px;align-items:center;transition:background .2s}.mh-header__cta:hover{background:#dedede}.mh-header__toggle{display:none;background:none;color:#fff;border:1px solid #555;padding:10px;cursor:pointer;font-size:24px}.mh-hero{min-height:560px;height:min(72vh,760px);display:grid;place-items:center;position:relative;text-align:center;color:#fff;background-color:#171513;background-image:linear-gradient(#0008,#0009),url('images/pages-top/slider-2.jpg');background-size:cover;background-position:center;background-attachment:fixed}.mh-hero__content{padding:70px 20px;animation:rise .8s both}.mh-eyebrow{text-transform:uppercase;letter-spacing:.33em;font-size:11px;font-weight:700}.mh-hero h1{font-family:var(--serif);font-weight:500;font-size:clamp(72px,11vw,150px);line-height:.95;margin:25px 0}.mh-hero h1 em{font-weight:400}.mh-hero__intro{font-family:var(--serif);font-size:clamp(22px,2.5vw,30px);margin:0}.mh-hero__scroll{display:inline-flex;align-items:center;gap:14px;margin-top:55px;font-size:11px;letter-spacing:.2em;text-transform:uppercase;border-bottom:1px solid #fff8;padding-bottom:12px}.mh-hero__scroll i{font-size:19px}.mh-menu{padding:105px 24px 115px}.mh-menu__heading{text-align:center;max-width:780px;margin:0 auto 60px}.mh-eyebrow--dark{color:#555}.mh-menu h2{font:500 clamp(48px,6vw,80px)/1.05 var(--serif);margin:14px 0 18px}.mh-menu__heading>p:last-child{color:#6a6a6a;line-height:1.8;font-size:14px}.mh-menu__container{max-width:1220px;margin:auto}.mh-menu__loading{text-align:center;padding:28px;color:#555;border:1px solid var(--line)}.mh-menu__container :is(#menuWidget,#dealsWidget,#vouchersWidget){max-width:100%;overflow-wrap:anywhere}.mh-footer{background: #000000;color:#fff;padding:70px 32px 0}.mh-footer__top{max-width:1220px;margin:auto;display:grid;grid-template-columns:2fr 1fr 1.5fr;gap:55px;padding-bottom:65px}.mh-footer__logo img{width:min(100%,280px);height:auto}.mh-footer h3{font:500 25px var(--serif);margin:0 0 20px}.mh-footer__top>div>a{display:block;color:#ccc;font-size:13px;margin-bottom:14px}.mh-footer__top a:hover,.footer_design:hover{color:#fff;text-decoration:underline}.mh-footer__bottom{max-width:1220px;margin:auto;padding:24px 0;border-top:1px solid #333;display:flex;align-items:center;justify-content:space-between;gap:15px;color:#aaa;font-size:12px}.mh-footer__bottom p{margin:0}@keyframes rise{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.mh-header__inner{min-height:76px;padding:10px 20px}.mh-header__brand img{width:150px;height:54px}.mh-header__toggle{display:block;margin-left:auto}.mh-header__cta{display:none}.mh-header__nav{display:none;position:absolute;top:100%;left:0;right:0;background:#0b0b0b;padding:20px 24px 30px;flex-direction:column;align-items:stretch;gap:0;border-top:1px solid #333;box-shadow:0 15px 25px #0005}.mh-header__nav.is-open{display:flex}.mh-header__nav a{padding:17px 0;border-bottom:1px solid #292929}.mh-header__nav a.is-current:after{display:none}.mh-hero{min-height:480px;height:65vh;background-attachment:scroll}.mh-footer__top{grid-template-columns:1fr 1fr}.mh-footer__top>a{grid-column:1/-1}}@media(max-width:600px){.mh-hero{min-height:440px;height:65svh}.mh-hero h1{font-size:clamp(64px,14vw,90px)}.mh-eyebrow{font-size:10px;letter-spacing:.2em}.mh-hero__scroll{margin-top:38px}.mh-menu{padding:72px 16px 85px}.mh-menu__heading{margin-bottom:38px}.mh-menu h2{font-size:49px}.mh-footer{padding:52px 20px 0}.mh-footer__top{grid-template-columns:1fr;gap:30px;padding-bottom:35px}.mh-footer__top>a{grid-column:auto}.mh-footer__bottom{flex-direction:column;align-items:flex-start;line-height:1.6}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}

/* =====================================
   MANDI HOUSE - CLICK DROPDOWN MENU
===================================== */

.mh-header {
  --mh-text: #dedede;
  --mh-bg: #000000;
  --mh-border: rgba(222, 222, 222, 0.16);
}

.mh-header__nav {
  display: flex;
  align-items: center;
  gap: 32px;
}

.mh-header__nav > a,
.mh-header__dropdownToggle {
  color: #dedede;
  font-family: inherit;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  transition: color 0.25s ease;
}

.mh-header__nav > a:hover,
.mh-header__dropdownToggle:hover,
.mh-header__dropdownToggle.is-current {
  color: #dedede;
}

/* Dropdown Container */

.mh-header__dropdown {
  position: relative;
  display: flex;
  align-items: center;
}

/* Dropdown Button */

.mh-header__dropdownToggle {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 7px;
  padding: 12px 0;
  background: transparent;
  border: 0;
  cursor: pointer;
  white-space: nowrap;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: .15em;
}

.mh-header__dropdownToggle i {
  font-size: 18px;
  transition: transform 0.3s ease;
}

.mh-header__dropdown.is-open
.mh-header__dropdownToggle i {
  transform: rotate(180deg);
}

/* Dropdown Panel */

.mh-header__dropdownPanel {
  position: absolute;
  top: calc(100% + 12px);
  left: 50%;
  transform: translate(-50%, -8px);
  width: 215px;
  padding: 9px;
  background: #080808;
  border: 1px solid var(--mh-border);
  border-radius: 10px;
  box-shadow: 0 18px 40px rgba(0,0,0,.22);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  z-index: 1100;
  transition:
    opacity .25s ease,
    transform .25s ease,
    visibility .25s ease;
}

.mh-header__dropdownPanel[hidden] {
  display: none !important;
}

.mh-header__dropdown.is-open
.mh-header__dropdownPanel {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translate(-50%, 0);
}

/* Dropdown Links */

.mh-header__dropdownPanel a {
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 13px 14px;
  color: #dedede;
  font-size: 13px;
  font-weight: 500;
  text-decoration: none;
  border-radius: 6px;
  transition:
    background .25s ease,
    padding .25s ease;
}

.mh-header__dropdownPanel a i {
  color: #dedede;
  font-size: 18px;
}

.mh-header__dropdownPanel a:hover,
.mh-header__dropdownPanel a:focus-visible {
  background: #242424;
  color: #dedede;
  padding-left: 18px;
}

.mh-header__dropdownToggle:focus-visible,
.mh-header__dropdownPanel a:focus-visible,
.mh-header__toggle:focus-visible {
  outline: 2px solid #dedede;
  outline-offset: 3px;
}

/* =====================================
   TABLET AND MOBILE
===================================== */

@media (max-width: 991px) {

  .mh-header__nav {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    display: none;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    padding: 18px 22px 26px;
    background: #080808;
    border-top: 1px solid var(--mh-border);
    max-height: calc(100dvh - 80px);
    overflow-y: auto;
    z-index: 1099;
  }

  .mh-header__nav.is-open {
    display: flex;
  }

  .mh-header__nav > a,
  .mh-header__dropdownToggle {
    width: 100%;
    padding: 16px 4px;
    color: #dedede;
    font-size: 15px;
    text-align: left;
    border-bottom: 1px solid var(--mh-border);
  }

  .mh-header__dropdown {
    width: 100%;
    display: block;
  }

  .mh-header__dropdownToggle {
    display: flex;
    align-items: center;
  }

  .mh-header__dropdownPanel {
    position: static;
    transform: none !important;
    width: 100%;
    margin: 0 0 9px;
    padding: 6px 0 6px 14px;
    background: #111111;
    border: 0;
    border-left: 2px solid #dedede;
    border-radius: 0 6px 6px 0;
    box-shadow: none;
  }

  .mh-header__dropdown.is-open
  .mh-header__dropdownPanel {
    transform: none !important;
  }

  .mh-header__dropdownPanel a {
    padding: 14px 12px;
    font-size: 14px;
  }

  .mh-header__dropdownPanel a:hover {
    padding-left: 16px;
  }

  .mh-header__toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #dedede;
    background: transparent;
    border: 0;
    cursor: pointer;
    font-size: 26px;
  }

  .mh-header__cta {
    display: none;
  }
}

@media (max-width: 480px) {
  .mh-header__nav {
    padding: 12px 18px 24px;
  }

  .mh-header__nav > a,
  .mh-header__dropdownToggle {
    font-size: 14px;
  }

  .mh-header__dropdownPanel a {
    font-size: 13px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .mh-header__dropdownPanel,
  .mh-header__dropdownToggle i {
    transition: none;
  }
}

/* Mandi House - Opening Hours */

.mh-opening-hours {
    background: #000000;
    color: #ffffff;
    padding: 24px;
}

.mh-opening-hours h3 {
    color: #ffffff;
    margin-bottom: 18px;
}

/* Order Meal Hours Widget */
.mh-opening-hours #hoursWidget,
.mh-opening-hours #hoursWidget * {
    color: #ffffff !important;
}

.mh-opening-hours #hoursWidget {
    background: #000000 !important;
}

.mh-opening-hours #hoursWidget table,
.mh-opening-hours #hoursWidget tr,
.mh-opening-hours #hoursWidget td,
.mh-opening-hours #hoursWidget th {
    background: #000000 !important;
    color: #ffffff !important;
    border-color: #333333 !important;
}

/* Mobile Responsive */
@media (max-width: 767px) {
    .mh-opening-hours {
        padding: 18px 15px;
    }
}

/* =========================================
   MANDI HOUSE - MOBILE ORDER ONLINE BUTTON
========================================= */

/* Hide mobile button on desktop */
.mh-header__mobileOrder {
    display: none;
}

/* Tablet & Mobile */
@media (max-width: 991px) {

    .mh-header__inner {
        display: flex;
        align-items: center;
        gap: 12px;
    }

    .mh-header__brand {
        margin-right: auto;
        flex-shrink: 1;
        min-width: 0;
    }

    .mh-header__mobileOrder {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 7px;
        flex-shrink: 0;
        padding: 11px 16px;
        background: #dedede;
        color: #000000;
        border: 1px solid #dedede;
        border-radius: 6px;
        font-size: 12px;
        font-weight: 700;
        line-height: 1.2;
        text-decoration: none;
        white-space: nowrap;
        transition: background .3s ease, color .3s ease;
    }

    .mh-header__mobileOrder i {
        font-size: 17px;
    }

    .mh-header__mobileOrder:hover {
        background: #000000;
        color: #dedede;
    }

    .mh-header__toggle {
        flex-shrink: 0;
        margin-left: 0;
    }
}

/* Small Mobile */
@media (max-width: 480px) {

    .mh-header__inner {
        gap: 8px;
    }

    .mh-header__mobileOrder {
        padding: 10px 11px;
        font-size: 11px;
        gap: 5px;
        text-transform: uppercase;
    }

    .mh-header__mobileOrder i {
        font-size: 15px;
    }
}

/* Very Small Devices */
@media (max-width: 360px) {

    .mh-header__mobileOrder {
        padding: 9px;
        font-size: 10px;
    }

    .mh-header__mobileOrder i {
        display: none;
    }
}