/* Rounded category cards with an inset product stage and sculpted corner. */
.restaurant-range .menu-card{
 --stage:#e5c25b;--stage-light:#f5df94;
 display:flex;flex-direction:column;padding:10px 10px 24px;
 border:1px solid #eee;border-radius:42px;background:#fff;
 box-shadow:0 7px 18px #092a651c,inset 0 1px 2px #fff;
 overflow:hidden;transition:transform .25s,box-shadow .25s;
}
.restaurant-range .menu-card:hover{transform:translateY(-6px);box-shadow:0 16px 32px #092a6528}
.restaurant-range .menu-card .menu-photo{
 position:relative;isolation:isolate;flex:none;width:100%;height:280px;
 margin:0 0 23px;padding:28px 17px 25px;overflow:hidden;
 border-radius:33px;background:linear-gradient(145deg,var(--stage-light),var(--stage));
 box-shadow:inset 0 -18px 0 #00000015;
}
.restaurant-range .menu-card .menu-photo:before{display:none}
.restaurant-range .menu-card .menu-photo:after{display:none}
.restaurant-range .menu-card .menu-photo img{
 width:100%;max-width:100%;height:100%;object-fit:contain;
 filter:drop-shadow(15px 19px 8px #49381838);transition:transform .3s;
}
.restaurant-range .menu-card:hover .menu-photo img{transform:translateY(-3px) rotate(-3deg)}
.restaurant-range .menu-card h3{padding:0 14px;font-size:clamp(22px,1.8vw,28px);line-height:1.15;margin:0 0 12px}
.restaurant-range .menu-card>p{padding:0 14px;font-size:15px;line-height:1.7;margin:0 0 24px}
.restaurant-range .menu-card .menu-card-action{margin:auto 14px 0;padding:0;border:0;display:flex;justify-content:space-between;gap:12px;font-size:14px}
.restaurant-range .menu-card .menu-card-action>span{display:grid;place-items:center;width:38px;height:38px;flex:none;background:#092a65;color:#fff;border-radius:50%;font-size:22px}
.sauce-category-grid .menu-card:nth-child(1){--stage:#daa086;--stage-light:#f3c7a9}
.sauce-category-grid .menu-card:nth-child(2){--stage:#ddbb59;--stage-light:#f7e0a2}
.sauce-category-grid .menu-card:nth-child(3){--stage:#a3b974;--stage-light:#d5dfb6}
.sauce-category-grid .menu-card:nth-child(4){--stage:#7fa877;--stage-light:#bfd5b1}
.seasoning-category-grid .menu-card:nth-child(1){--stage:#d5b374;--stage-light:#eee0bc}
.seasoning-category-grid .menu-card:nth-child(2){--stage:#a7b6bb;--stage-light:#d8e3df}
.seasoning-category-grid .menu-card:nth-child(3){--stage:#b9c88c;--stage-light:#e0e8bc}
.mayo-category-grid .menu-card:nth-child(1){--stage:#b0a4ce;--stage-light:#e0d8ef}
.mayo-category-grid .menu-card:nth-child(2){--stage:#d9c173;--stage-light:#f3e5b6}
@media(max-width:600px){
 .restaurant-range .menu-grid.sauce-category-grid{grid-template-columns:1fr;max-width:380px;margin-inline:auto}
 .restaurant-range .menu-card{border-radius:38px}
 .restaurant-range .menu-card .menu-photo{height:280px;border-radius:29px}
 .restaurant-range .menu-card h3{font-size:25px}
}
@media(prefers-reduced-motion:reduce){.restaurant-range .menu-card,.restaurant-range .menu-card .menu-photo img{transition:none}.restaurant-range .menu-card:hover,.restaurant-range .menu-card:hover .menu-photo img{transform:none}}
/* Consistent category-card size, matching the mayonnaise reference. */
.restaurant-range .menu-grid{
 display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch;
 gap:22px;width:100%;max-width:none;margin-inline:auto;
}
.restaurant-range .menu-grid .menu-card{
 flex:0 0 354px;width:354px;max-width:100%;min-height:496px;
 display:grid;grid-template-rows:280px auto 1fr 38px;gap:12px;
}
.restaurant-range .menu-grid .menu-card .menu-photo{height:280px;margin:0}
.restaurant-range .menu-grid .menu-card h3{font-size:24px;line-height:1.2;margin:0}
.restaurant-range .menu-grid .menu-card>p{font-size:15px;line-height:1.7;margin:0}
.restaurant-range .menu-grid .menu-card .menu-card-action{margin:0 14px;align-self:end}
@media(max-width:390px){.restaurant-range .menu-grid .menu-card{flex-basis:100%;width:100%}}

/* More breathing room below the category cards. */
.restaurant-range{padding-bottom:95px}
@media(max-width:600px){.restaurant-range{padding-bottom:75px}}

/* Extra spacing between product cards and next section */
.product-section,
.range-section,
.products-section,
.category-products {
    padding-bottom: 90px !important;
}


/* Slightly enlarge and tilt the Mayo Maza pouch on the mayonnaise category card, like the other bottles. */
.mayo-category-grid .menu-card:nth-child(1) .menu-photo img{transform:rotate(-7deg) scale(1.08);transform-origin:center center}
.mayo-category-grid .menu-card:nth-child(1):hover .menu-photo img{transform:translateY(-3px) rotate(0deg) scale(1.11)}