/* FiLLi Select — scoped page system. Namespaced under .filli-select so it
   never touches the global site tokens. Palette + type per
   docs/.../FiLLi-Select_Design-Direction.md. Copper #C68442, Playfair Display + ARS Maquette. */

.filli-select{
  --fs-copper:#C68442; --fs-copper-deep:#9A6230; --fs-ink:#2E1B12; --fs-brown:#663333;
  --fs-cream:#FAF6EF; --fs-sand:#F3EBDD; --fs-line:#E5D8C3; --fs-saffron:#441A38; --fs-muted:#7A6450;
  --fs-serif:'Playfair Display',Georgia,serif;
  --fs-sans:'ARSMaquettePro','ARS Maquette Pro',-apple-system,'Segoe UI',sans-serif;
  background:var(--fs-cream); color:var(--fs-ink); font-family:var(--fs-sans);
  -webkit-font-smoothing:antialiased;
}
.filli-select .fs-wrap{max-width:1040px;margin:0 auto;padding:0 24px}
.filli-select .fs-serif{font-family:var(--fs-serif)}

/* hero */
.filli-select .fs-hero{text-align:center;padding:clamp(48px,7vw,80px) 24px clamp(20px,3vw,28px)}
.filli-select .fs-logo{width:115px;max-width:38%;height:auto;margin:0 auto clamp(22px,3vw,30px)}
.filli-select .fs-headline{font-family:var(--fs-serif);font-weight:500;color:var(--fs-ink);
  font-size:clamp(28px,4.4vw,42px);line-height:1.16;max-width:16ch;margin:0 auto}
.filli-select .fs-headline em{font-style:italic;color:var(--fs-copper)}
.filli-select .fs-stand{font-size:clamp(14px,1.6vw,16px);font-weight:300;color:var(--fs-muted);
  max-width:42ch;margin:18px auto 28px;line-height:1.75}
.filli-select .fs-ctas{display:flex;gap:22px;justify-content:center;align-items:center;flex-wrap:wrap}
.filli-select .fs-btn{display:inline-block;border:1px solid var(--fs-copper);color:var(--fs-copper-deep);
  font-size:11px;letter-spacing:.2em;font-weight:500;text-transform:uppercase;padding:14px 30px;
  border-radius:4px;text-decoration:none;transition:background .35s ease,color .35s ease;cursor:pointer}
.filli-select .fs-btn:hover,.filli-select .fs-btn:focus{background:var(--fs-copper);color:var(--fs-cream)}
.filli-select .fs-link{font-size:13px;color:var(--fs-copper-deep);border-bottom:1px solid var(--fs-line);
  padding-bottom:2px;text-decoration:none}

/* feature image */
.filli-select .fs-feature{margin:clamp(24px,4vw,32px) 0 0}
.filli-select .fs-feature img{width:100%;display:block}
.filli-select .fs-featcap{text-align:center;font-family:var(--fs-serif);font-style:italic;
  color:var(--fs-copper-deep);font-size:clamp(18px,2.4vw,22px);padding:20px 0 4px}

/* section */
.filli-select .fs-section{padding:clamp(44px,6vw,64px) 0}
.filli-select .fs-eyebrow{font-size:11px;letter-spacing:.26em;color:var(--fs-copper);font-weight:700;
  text-transform:uppercase;text-align:center;margin:0 0 6px}
.filli-select .fs-sectitle{font-family:var(--fs-serif);font-weight:500;font-size:clamp(24px,3.2vw,30px);
  text-align:center;margin:0 0 34px;color:var(--fs-ink)}
.filli-select .fs-sectitle em{font-style:italic;color:var(--fs-copper)}

/* signature grid */
.filli-select .fs-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.filli-select .fs-card{background:var(--fs-cream);border:1px solid var(--fs-line);border-radius:6px;overflow:hidden}
.filli-select .fs-card img{width:100%;display:block;aspect-ratio:4/3;object-fit:cover}
.filli-select .fs-card .fs-body{padding:18px}
.filli-select .fs-card .fs-row{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.filli-select .fs-card .fs-nm{font-family:var(--fs-serif);font-size:21px}
.filli-select .fs-card .fs-price{font-size:15px;color:var(--fs-copper-deep)}
.filli-select .fs-card .fs-desc{font-size:13px;font-weight:300;font-style:italic;color:var(--fs-muted);margin:5px 0 0;line-height:1.55}
.filli-select .fs-zafran{width:6px;height:6px;border-radius:50%;background:var(--fs-saffron);display:inline-block;margin-left:7px;vertical-align:middle}

/* offer + footer */
.filli-select .fs-offer{background:var(--fs-sand);border-radius:6px;padding:clamp(24px,4vw,32px);text-align:center;margin-bottom:8px}
.filli-select .fs-offer h2{font-family:var(--fs-serif);font-weight:500;font-size:clamp(20px,2.8vw,25px);margin:6px 0 4px;color:var(--fs-ink)}
.filli-select .fs-offer p{font-size:13px;font-weight:300;color:var(--fs-muted);margin:0}
.filli-select .fs-foot{background:var(--fs-brown);color:var(--fs-cream);padding:clamp(28px,4vw,36px) 24px;text-align:center}
.filli-select .fs-foot h3{font-family:var(--fs-serif);font-weight:500;font-size:clamp(20px,2.6vw,23px);margin:0 0 5px;color:var(--fs-cream)}
.filli-select .fs-foot p{font-size:12px;letter-spacing:.05em;color:#D9C3B5;font-weight:300;margin:0}

@media (max-width:680px){
  .filli-select .fs-grid{grid-template-columns:1fr}
}

/* ---- FiLLi Select complete-menu page. Reuses the .fm-* card component
   (menu-cards.css) but re-skins it copper + Playfair, scoped so the national
   /menu is untouched. Order button hidden (intent-only). ---- */
.filli-select-menu{--fm-orange:#C68442;--fm-brown:#663333;padding:0 16px 56px}
.filli-select-menu .fsm-head{text-align:center;padding:34px 0 6px}
.filli-select-menu .fsm-kicker{font-family:var(--fs-serif);font-style:italic;color:#C68442;font-size:15px;margin:0}
.filli-select-menu h1.fs-serif{font-size:34px;color:#2E1B12;margin:2px 0 4px}
.filli-select-menu .fsm-sub{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#66333399}
.filli-select-menu .fsm-jump{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:14px 0 6px}
.filli-select-menu .fsm-jump a{font-size:12px;color:#663333;border:.5px solid #C6844259;border-radius:20px;padding:5px 14px;text-decoration:none}
.filli-select-menu .fsm-jump a:hover{background:#F3EBDD}
.filli-select-menu .fsm-sec{max-width:980px;margin:0 auto;padding-top:26px}
.filli-select-menu .fsm-sec>h2.fs-serif{font-size:14px;letter-spacing:.3em;text-transform:uppercase;color:#663333;text-align:center;border-bottom:1px solid #C6844233;padding-bottom:8px;margin-bottom:6px}
.filli-select-menu .fsm-cat{color:#C68442;font-size:18px;margin:18px 0 8px}
.filli-select-menu .fm-card.expanded{border-color:#C68442;box-shadow:0 4px 20px rgba(198,132,66,.14)}
.filli-select-menu .fm-card-order{display:none}
.filli-select-menu .fm-badge-star{background:#fbf2e3;color:#C68442}
.filli-select-menu .fsm-empty{text-align:center;color:#66333399;padding:48px 0;font-style:italic}
/* Landing → menu deep-links (below the teaser grid) */
.filli-select .fs-menu-links{text-align:center;margin-top:22px;font-size:13px;letter-spacing:.04em;color:#7A6450}
.filli-select .fs-menu-links a{color:#C68442;text-decoration:none;border-bottom:1px solid #C6844259;padding-bottom:1px}