/* Loader stays close to 1.5 seconds total. */
.loader{transition:transform .85s cubic-bezier(.77,0,.18,1),visibility .85s!important}

.delivery-section{
  --paper:#f3eee6;--ink:#17130f;--muted:rgba(23,19,15,.64);--line:rgba(23,19,15,.15);--saffron:#b86d24;--copper:#8f4c17;
  position:relative;overflow:hidden;scroll-margin-top:var(--nav,82px);padding:clamp(72px,5.4vw,94px) 0 0;
  border-top:1px solid rgba(184,109,36,.55);border-bottom:1px solid rgba(184,109,36,.32);
  background:linear-gradient(180deg,#f7f2ea 0%,var(--paper) 100%);color:var(--ink)
}
.delivery-section>.shell,.delivery-benefits>.shell{width:min(1510px,calc(100% - 80px))}
.delivery-section__layout{display:grid;grid-template-columns:minmax(500px,.92fr) minmax(640px,1.08fr);align-items:center;gap:clamp(36px,4vw,66px);min-height:clamp(620px,68vh,700px)}
.delivery-section__copy{position:relative;z-index:3;display:flex;min-width:0;flex-direction:column;justify-content:center;padding-bottom:32px}
.delivery-section__eyebrow,.delivery-section__preference{display:inline-flex;align-items:center;gap:12px;color:var(--copper);font-size:.62rem;font-weight:600;letter-spacing:.23em;text-transform:uppercase}
.delivery-section__eyebrow::before{content:"";width:32px;height:1px;background:currentColor}
.delivery-section__title{max-width:760px;margin:clamp(22px,2vw,28px) 0 0;font-family:"Italiana",Georgia,serif;font-size:clamp(4.35rem,5.8vw,6.55rem);font-weight:400;line-height:.9;letter-spacing:-.035em}
.delivery-section__title span{display:block;white-space:nowrap}.delivery-section__title em{color:inherit;font-style:normal}
.delivery-section__rule{display:block;width:34px;height:1px;margin:clamp(28px,2.4vw,34px) 0 clamp(34px,3vw,42px);background:var(--saffron);transform-origin:left}
.delivery-section__body{max-width:600px;color:var(--muted);font-family:"DM Sans",Arial,sans-serif;font-size:clamp(.97rem,1vw,1.08rem);line-height:1.72}
.delivery-section__body p{margin:0}.delivery-section__body p+p{margin-top:15px}.delivery-section__platforms{margin-top:clamp(36px,3.2vw,44px)}
.delivery-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:620px;margin-top:18px}
.delivery-platform{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:14px;min-height:80px;padding:12px 18px;border:1px solid rgba(184,109,36,.76);border-radius:2px;background:rgba(255,250,242,.62);color:var(--ink);transition:transform .3s cubic-bezier(.2,.65,.2,1),background .3s ease,border-color .3s ease,color .3s ease}
.delivery-platform::before{display:grid;place-items:center;width:34px;height:34px;border:1px solid currentColor;border-radius:50%;font-family:"DM Sans",Arial,sans-serif;font-size:.72rem;font-weight:700}
.delivery-platform--swiggy::before{content:"S"}.delivery-platform--zomato::before{content:"Z"}.delivery-platform__label{display:grid;gap:1px}
.delivery-platform__label small{font-size:.49rem;font-weight:600;letter-spacing:.17em;text-transform:uppercase;opacity:.62}.delivery-platform__label strong{font-family:"DM Sans",Arial,sans-serif;font-size:1.18rem;font-weight:700;letter-spacing:.1em}
.delivery-platform--swiggy .delivery-platform__label strong,.delivery-platform--swiggy::before{color:#fc8019}.delivery-platform--zomato .delivery-platform__label strong,.delivery-platform--zomato::before{color:#e23744}
.delivery-platform__arrow{font-size:1rem;opacity:.7;transition:transform .3s cubic-bezier(.2,.65,.2,1)}.delivery-platform:hover,.delivery-platform:focus-visible{transform:translateY(-2px);color:#fff}.delivery-platform:hover::before,.delivery-platform:focus-visible::before,.delivery-platform:hover .delivery-platform__label strong,.delivery-platform:focus-visible .delivery-platform__label strong{color:#fff}.delivery-platform:hover .delivery-platform__arrow,.delivery-platform:focus-visible .delivery-platform__arrow{transform:translate(4px,-4px)}.delivery-platform--swiggy:hover,.delivery-platform--swiggy:focus-visible{border-color:#fc8019;background:#fc8019}.delivery-platform--zomato:hover,.delivery-platform--zomato:focus-visible{border-color:#e23744;background:#e23744}.delivery-platform:focus-visible{outline:2px solid var(--copper);outline-offset:4px}
.delivery-section__disclaimer{position:relative;max-width:620px;margin:25px 0 0;padding-top:34px;color:rgba(23,19,15,.48);font-family:"DM Sans",Arial,sans-serif;font-size:.67rem;line-height:1.55}
.delivery-section__disclaimer::before{content:"Fast ordering through our delivery partners.";position:absolute;inset:0 auto auto 0;padding-left:34px;color:rgba(23,19,15,.62);font-size:.86rem;line-height:1.4;background:linear-gradient(var(--saffron),var(--saffron)) 2px 9px/18px 1px no-repeat,linear-gradient(var(--saffron),var(--saffron)) 0 5px/1px 9px no-repeat,linear-gradient(var(--saffron),var(--saffron)) 20px 5px/1px 9px no-repeat}

/* Always-visible uploaded delivery image. */
.delivery-section__media,.delivery-section__media.reveal,.delivery-section__media.delivery-reveal--media{
  position:relative!important;align-self:stretch;display:block!important;min-width:0;min-height:clamp(560px,63vh,690px);height:100%;margin:0;overflow:hidden;
  opacity:1!important;visibility:visible!important;transform:none!important;clip-path:none!important;
  background-color:#d6c0a2!important;background-image:url("/assets/images/deliverypage.png?v=visible-4")!important;background-repeat:no-repeat!important;background-size:cover!important;background-position:right center!important
}
.delivery-section__media picture,.delivery-section__media img{display:none!important}
.delivery-section__media::before{content:"";position:absolute;z-index:2;inset:0 auto 0 0;width:clamp(150px,24%,310px);pointer-events:none;background:linear-gradient(90deg,#f3eee6 0%,rgba(243,238,230,.94) 24%,rgba(243,238,230,.55) 58%,rgba(243,238,230,0) 100%)}
.delivery-section__media::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(80,44,14,.015),rgba(80,44,14,.085)),radial-gradient(circle at 74% 26%,rgba(255,210,145,.11),transparent 27%)}

.delivery-benefits{position:relative;z-index:4;border-top:1px solid var(--line);background:var(--paper)}.delivery-benefits__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));min-height:128px}
.delivery-benefit{display:grid;grid-template-columns:50px minmax(0,1fr);align-items:center;gap:20px;padding:24px 30px;border-right:1px solid rgba(23,19,15,.14)}.delivery-benefit:last-child{border-right:0}.delivery-benefit svg{width:36px;height:36px;fill:none;stroke:var(--saffron);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.delivery-benefit div{display:grid;gap:6px}.delivery-benefit strong{font-size:.64rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase}.delivery-benefit span{color:rgba(23,19,15,.55);font-size:.78rem;line-height:1.45}
.delivery-reveal{transition:opacity .78s cubic-bezier(.2,.65,.2,1),transform .78s cubic-bezier(.2,.65,.2,1)}.delivery-reveal--title:nth-child(2){transition-delay:.09s}.delivery-reveal--action:nth-child(2){transition-delay:.1s}.delivery-section__rule.reveal:not(.visible){transform:scaleX(0)}.delivery-section__rule.visible{transform:scaleX(1);transition:transform .8s cubic-bezier(.2,.65,.2,1)}

@media(max-width:1260px){.delivery-section>.shell,.delivery-benefits>.shell{width:min(1180px,calc(100% - 48px))}.delivery-section__layout{grid-template-columns:minmax(410px,.92fr) minmax(520px,1.08fr);gap:clamp(28px,3.6vw,48px)}.delivery-section__title{font-size:clamp(3.85rem,5.7vw,5.8rem)}}
@media(max-width:1000px){.delivery-section{padding-top:clamp(82px,9vw,102px)}.delivery-section>.shell,.delivery-benefits>.shell{width:calc(100% - 40px)}.delivery-section__layout{min-height:auto;grid-template-columns:1fr;gap:38px}.delivery-section__copy{padding:0}.delivery-section__title{max-width:820px;font-size:clamp(4rem,9vw,6.4rem)}.delivery-section__title span{white-space:normal}.delivery-section__media,.delivery-section__media.reveal{min-height:560px;height:560px;background-position:right center!important}.delivery-section__media::before{display:none}.delivery-benefits__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.delivery-benefit:nth-child(2){border-right:0}.delivery-benefit:nth-child(3),.delivery-benefit:nth-child(4){border-top:1px solid rgba(23,19,15,.14)}}
@media(max-width:700px){.delivery-section{padding-top:90px;padding-bottom:env(safe-area-inset-bottom)}.delivery-section>.shell,.delivery-benefits>.shell{width:calc(100% - 40px)}.delivery-section__layout{gap:32px}.delivery-section__title{font-size:clamp(3.2rem,14vw,5rem);line-height:.93}.delivery-section__rule{margin:26px 0 32px}.delivery-section__body{font-size:.96rem}.delivery-section__platforms{margin-top:34px}.delivery-actions{grid-template-columns:1fr;gap:12px}.delivery-platform{width:100%;min-height:72px}.delivery-section__disclaimer{margin-top:22px}.delivery-section__media,.delivery-section__media.reveal{min-height:0;height:auto;aspect-ratio:4/5;background-position:77% center!important}.delivery-section__media::before{display:none}.delivery-benefits__grid{grid-template-columns:1fr;min-height:0}.delivery-benefit{min-height:96px;grid-template-columns:48px minmax(0,1fr);gap:18px;padding:22px 20px;border-right:0;border-top:1px solid rgba(23,19,15,.14)}.delivery-benefit:first-child{border-top:0}}
@media(prefers-reduced-motion:reduce){.delivery-reveal,.delivery-section__rule,.delivery-platform,.delivery-platform__arrow,.delivery-section__media{opacity:1!important;transform:none!important;clip-path:none!important;transition:none!important}.delivery-platform:hover,.delivery-platform:focus-visible{transform:none}}

/* Full-bleed right edge: retain the editorial left alignment but remove the awkward ivory gutter beside the food image. */
@media(min-width:1001px){
  .delivery-section>.shell{
    width:100%;
    max-width:none;
    margin:0;
    padding-left:max(40px,calc((100vw - 1510px)/2));
  }
}
@media(max-width:1000px){
  .delivery-section>.shell{
    width:100%;
    max-width:none;
    margin:0;
    padding-left:20px;
  }
  .delivery-section__copy{padding-right:20px}
}

/* Compact reservation modal: actions remain visible instead of falling below the viewport. */
@media (max-height:900px) and (min-width:768px){
  html body.reservation-modal-open .reservation-modal__panel{
    max-height:calc(100dvh - 24px)!important;
  }
  html body.reservation-modal-open .reservation-modal__intro{
    padding:25px 26px 22px!important;
  }
  html body.reservation-modal-open .reservation-modal__eyebrow{margin-top:24px!important}
  html body.reservation-modal-open .reservation-modal__title{
    margin-top:8px!important;
    font-size:clamp(46px,4.2vw,58px)!important;
    line-height:.9!important;
  }
  html body.reservation-modal-open .reservation-modal__copy{
    margin-top:12px!important;
    font-size:11px!important;
    line-height:1.45!important;
  }
  html body.reservation-modal-open .reservation-modal__hours{
    margin-top:17px!important;
    padding-top:11px!important;
  }
  html body.reservation-modal-open .reservation-modal__form-shell{
    padding:20px 24px 14px!important;
  }
  html body.reservation-modal-open .reservation-modal .reservation-form{
    gap:8px 12px!important;
  }
  html body.reservation-modal-open .reservation-modal .field{
    gap:4px!important;
  }
  html body.reservation-modal-open .reservation-modal .field input,
  html body.reservation-modal-open .reservation-modal .field select{
    height:44px!important;
    min-height:44px!important;
    padding-inline:13px!important;
  }
  html body.reservation-modal-open .reservation-modal .field textarea{
    min-height:56px!important;
    max-height:64px!important;
    padding:10px 13px!important;
  }
  html body.reservation-modal-open .reservation-experience legend{margin-bottom:6px!important}
  html body.reservation-modal-open .reservation-experience__content{
    min-height:54px!important;
    padding:8px 38px 8px 13px!important;
  }
  html body.reservation-modal-open .reservation-selected-feast{
    min-height:46px!important;
    padding:7px 11px!important;
  }
  html body.reservation-modal-open .reservation-modal .submit-row{
    position:sticky!important;
    z-index:8!important;
    bottom:-14px!important;
    margin-top:0!important;
    padding:9px 0 14px!important;
    border-top:1px solid rgba(23,19,15,.14)!important;
    background:#fcf9f3!important;
    box-shadow:0 -12px 20px rgba(252,249,243,.96)!important;
  }
  html body.reservation-modal-open .reservation-modal .submit-row>p{display:none!important}
  html body.reservation-modal-open .reservation-modal .reservation-submit-actions{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
  html body.reservation-modal-open .reservation-modal .reservation-submit-actions a{
    min-height:44px!important;
    padding:9px 12px!important;
  }
  html body.reservation-modal-open .reservation-modal__confirmation{
    display:none!important;
  }
}

@media (max-width:767px){
  html body.reservation-modal-open .reservation-modal__panel{
    overflow-y:auto!important;
    padding-bottom:0!important;
  }
  html body.reservation-modal-open .reservation-modal__intro{
    padding:calc(12px + env(safe-area-inset-top)) 54px 10px 12px!important;
  }
  html body.reservation-modal-open .reservation-modal__brand{font-size:8px!important}
  html body.reservation-modal-open .reservation-modal__eyebrow{
    margin-top:7px!important;
    font-size:8px!important;
  }
  html body.reservation-modal-open .reservation-modal__title{
    margin-top:5px!important;
    font-size:30px!important;
    line-height:1!important;
  }
  html body.reservation-modal-open .reservation-modal__title br{display:none!important}
  html body.reservation-modal-open .reservation-modal__copy,
  html body.reservation-modal-open .reservation-modal__hours{
    display:none!important;
  }
  html body.reservation-modal-open .reservation-modal__form-shell{
    padding:10px 10px calc(8px + env(safe-area-inset-bottom))!important;
  }
  html body.reservation-modal-open .reservation-modal .reservation-form{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px 8px!important;
  }
  html body.reservation-modal-open .reservation-modal .field{
    min-width:0!important;
    gap:3px!important;
    grid-column:auto!important;
  }
  html body.reservation-modal-open .reservation-modal .field.full,
  html body.reservation-modal-open .reservation-modal .field--full,
  html body.reservation-modal-open .reservation-modal .reservation-experience,
  html body.reservation-modal-open .reservation-modal .reservation-selected-feast,
  html body.reservation-modal-open .reservation-modal .submit-row{
    grid-column:1/-1!important;
  }
  html body.reservation-modal-open .reservation-modal .field label,
  html body.reservation-modal-open .reservation-experience legend{
    font-size:8px!important;
    letter-spacing:.11em!important;
  }
  html body.reservation-modal-open .reservation-modal .field input,
  html body.reservation-modal-open .reservation-modal .field select{
    height:42px!important;
    min-height:42px!important;
    padding:0 10px!important;
    font-size:13px!important;
  }
  html body.reservation-modal-open .reservation-modal .field textarea{
    min-height:46px!important;
    max-height:52px!important;
    padding:9px 10px!important;
    font-size:13px!important;
  }
  html body.reservation-modal-open .reservation-experience legend{margin-bottom:5px!important}
  html body.reservation-modal-open .reservation-experience__options{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
  }
  html body.reservation-modal-open .reservation-experience__content{
    min-height:48px!important;
    padding:7px 30px 7px 10px!important;
  }
  html body.reservation-modal-open .reservation-experience__content strong{font-size:12px!important}
  html body.reservation-modal-open .reservation-experience__content small{display:none!important}
  html body.reservation-modal-open .reservation-selected-feast{
    min-height:42px!important;
    padding:6px 9px!important;
    gap:8px!important;
  }
  html body.reservation-modal-open .reservation-selected-feast__label{display:none!important}
  html body.reservation-modal-open .reservation-selected-feast__check{
    width:21px!important;
    height:21px!important;
  }
  html body.reservation-modal-open .reservation-modal .submit-row{
    position:sticky!important;
    z-index:20008!important;
    bottom:0!important;
    margin:0!important;
    padding:8px 0 calc(8px + env(safe-area-inset-bottom))!important;
    border-top:1px solid rgba(23,19,15,.14)!important;
    background:#fcf9f3!important;
    box-shadow:0 -12px 22px rgba(252,249,243,.98)!important;
  }
  html body.reservation-modal-open .reservation-modal .submit-row>p{display:none!important}
  html body.reservation-modal-open .reservation-modal .reservation-submit-actions{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
  }
  html body.reservation-modal-open .reservation-modal .reservation-submit-actions a{
    min-height:44px!important;
    padding:8px 6px!important;
    font-size:9px!important;
    letter-spacing:.04em!important;
  }
  html body.reservation-modal-open .reservation-modal__confirmation{display:none!important}
  html body.reservation-modal-open .reservation-modal__close{
    top:calc(7px + env(safe-area-inset-top))!important;
    right:8px!important;
    width:34px!important;
    height:34px!important;
  }
}

@media (max-width:420px){
  html body.reservation-modal-open .reservation-modal__title{font-size:27px!important}
  html body.reservation-modal-open .reservation-modal__form-shell{padding-inline:8px!important}
  html body.reservation-modal-open .reservation-modal .reservation-submit-actions a{font-size:8px!important}
}