/* 2026-10-04 (Admin card + PIN): button padding snapped to the spacing scale (26px->24px; the filled hero button 14px -> 12px plus a 2px transparent border, so it stays exactly as tall as the outlined one). Backup site-mix.css.bak-spacing-20261004 */
/* ADMIN'S MIX — picked by him on 2026-10-03 (pick pages look-compare-1003 and look-mix-1003), batch LOOKMIX, Admin PIN.
   One home for these choices on the website and app. Loaded after the Brand Studio look and the page styles, so it wins.
   The rest of the look still comes from Brand Studio. Fonts are served from here, never from Google. */
@font-face{font-family:'Lato';font-style:normal;font-weight:400;font-display:swap;src:url(/static/fonts/lato-400.woff2) format('woff2')}
@font-face{font-family:'Lato';font-style:normal;font-weight:700;font-display:swap;src:url(/static/fonts/lato-700.woff2) format('woff2')}
@font-face{font-family:'Poppins';font-style:normal;font-weight:600;font-display:swap;src:url(/static/fonts/poppins-600.woff2) format('woff2')}

/* 1. The ORDER pill in the top bar — the August pill: its font, size and shape. */
nav .order-btn{font-family:'Poppins',sans-serif;font-weight:600;font-size:14px;padding:12px 24px;border-radius:30px;min-height:44px}
@media(max-width:860px){ nav .order-btn{padding:12px 16px} }

/* 2. Home page buttons — the August buttons. The outline is brand pink, never the deeper pink. */
.hero-ctas .btn{font-family:'Poppins',sans-serif;font-weight:600;font-size:14px;letter-spacing:.4px;line-height:1.6;padding:12px 24px;border:2px solid transparent;border-radius:30px}
.hero-ctas .btn-outline{background:#fff;color:var(--pink);border:2px solid var(--pink);box-shadow:none;padding:12px 24px}
.hero-ctas .btn-outline:hover{background:var(--pink);color:#fff}

/* 3. Order page small writing in Lato: menu boxes (phone and laptop), category buttons, allergy box. */
.tile,.tile *,.sec-rail a,.allergy-head,.allergy-head *{font-family:'Lato',sans-serif}

/* 4. Lucky Scratch strip — today's font, a touch bolder so it reads sharper. */
#offerStrip,#offerStrip *{font-weight:500}
#offerStrip b,#offerStrip strong{font-weight:700}