/* Sangers Catering */
body{margin:0;background:#FBF7F1}
a{color:#A8500E}a:hover{color:#7A3A0A}
.wrap{max-width:1200px;margin:0 auto;padding:0 32px;box-sizing:border-box}
.eyebrow{font-size:13px;font-weight:600;letter-spacing:0.14em;text-transform:uppercase;color:#A8500E;margin:0}
.h2{font-size:clamp(32px,4vw,48px);font-weight:600;line-height:1.1;letter-spacing:-0.02em;margin:0;color:#1E1A17}
.lead{font-size:18px;line-height:1.65;color:#544B44;margin:0;font-weight:400}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 28px;border-radius:999px;font-size:15px;font-weight:600;text-decoration:none;box-sizing:border-box}
.btn-dark{background:#1E1A17;color:#FFFFFF}.btn-dark:hover{background:#3A322C;color:#FFFFFF}
.btn-line{border:1.5px solid #1E1A17;color:#1E1A17}.btn-line:hover{background:#1E1A17;color:#FFFFFF}
.ph{position:relative;border-radius:20px;overflow:hidden;background-color:#EFE6DA;background-image:repeating-linear-gradient(135deg,rgba(232,122,30,0.07) 0 14px,transparent 14px 28px);display:flex;align-items:flex-end;padding:16px;box-sizing:border-box}
.ph span{background:#FFFFFF;color:#544B44;font-size:12px;font-weight:500;padding:6px 12px;border-radius:999px}
.card{background:#FFFFFF;border-radius:24px;padding:36px;box-sizing:border-box;border:1px solid #EDE4D8}
.menu-h{font-size:22px;font-weight:600;margin:0;color:#1E1A17}
.price{font-size:14px;font-weight:600;color:#A8500E;white-space:nowrap}
.list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.list li{display:flex;justify-content:space-between;gap:16px;padding:13px 0;border-bottom:1px dashed #E3D7C7;font-size:15px;color:#3A322C;line-height:1.45}
.list li:last-child{border-bottom:0}
.field{display:flex;flex-direction:column;gap:8px}
.field label{font-size:13px;font-weight:500;color:#3A322C}
.field input,.field textarea,.field select{font-family:Poppins,sans-serif;font-size:15px;padding:14px 16px;border-radius:12px;border:1.5px solid #E3D7C7;background:#FBF7F1;color:#1E1A17;min-height:52px;box-sizing:border-box;width:100%}
.field input:focus,.field textarea:focus{outline:2px solid #E87A1E;outline-offset:1px;border-color:#E87A1E}
.navlink{color:#3A322C;text-decoration:none;font-size:15px;font-weight:500;padding:10px 4px}
.navlink:hover{color:#A8500E}
.star{width:18px;height:18px}
.nav-desktop{display:flex;align-items:center;gap:28px}
.nav-toggle{display:none;align-items:center;justify-content:center;width:48px;height:48px;border-radius:999px;border:1.5px solid #E3D7C7;background:#FFFFFF;color:#1E1A17;cursor:pointer;padding:0}
.mnav a{display:flex;align-items:center;min-height:52px;padding:0 4px;border-bottom:1px solid #EDE4D8;color:#1E1A17;text-decoration:none;font-size:17px;font-weight:500}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.hero-photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
@media (max-width:820px){
.nav-desktop{display:none}
.nav-toggle{display:inline-flex}
}
@media (max-width:640px){
.wrap{padding:0 20px}
.form-grid{grid-template-columns:minmax(0,1fr)}
.hero-photos{grid-template-columns:minmax(0,1fr)}
.hero-main{grid-row:auto !important;min-height:0 !important;height:300px !important}
.hero-side{height:220px !important}
.hero-card{min-height:0 !important}
#top{padding:48px 0 64px !important}
}

html{scroll-behavior:smooth;scroll-padding-top:90px}
*,*::before,*::after{box-sizing:border-box}
body{font-family:Poppins,system-ui,sans-serif;color:#1E1A17;-webkit-font-smoothing:antialiased}
img{max-width:100%}
.nav-toggle .icon-close{display:none}
.nav-toggle[aria-expanded="true"] .icon-open{display:none}
.nav-toggle[aria-expanded="true"] .icon-close{display:block}
.mnav[hidden]{display:none !important}
@media (min-width:821px){.mnav{display:none !important}}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.form-status{margin:0;padding:14px 16px;border-radius:12px;font-size:15px;line-height:1.5}
.form-status.ok{background:#EAF4EA;color:#1F5A2A}
.form-status.err{background:#FBEAE5;color:#8A2A12}
.field input[aria-invalid="true"],.field textarea[aria-invalid="true"]{border-color:#B3261E}
button:disabled{opacity:.6;cursor:wait}
a:focus-visible,button:focus-visible{outline:2px solid #E87A1E;outline-offset:3px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.skip{position:absolute;left:-9999px;top:8px;z-index:100;background:#1E1A17;color:#FFFFFF;padding:12px 16px;border-radius:8px}
.skip:focus{left:8px;color:#FFFFFF}