/* Food Library page (foods/index.html) */
.fl-wrap{max-width:1180px;margin:0 auto;padding:56px 20px 88px}
.fl-hero{text-align:center;max-width:780px;margin:0 auto}
.fl-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;background:#FCF2EB;color:#a7331b;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.fl-eyebrow .material-symbols-outlined{font-size:16px}
.fl-hero h1{margin-top:18px;font-size:clamp(36px,5vw,52px);line-height:1.06;color:#2b2622}
.fl-lede{margin:14px auto 0;max-width:620px;font-size:19px;line-height:1.6;color:#5c4f4a}

/* Library vs Passport */
.fl-split{margin-top:44px;display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px}
.fl-panel{position:relative;overflow:hidden;border-radius:24px;padding:30px 30px 28px;display:flex;flex-direction:column;align-items:flex-start}
.fl-panel h2{margin-top:10px;font-size:30px;line-height:1.12}
.fl-panel>p{margin-top:10px;font-size:16px;line-height:1.6;max-width:440px}
.fl-kicker{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.fl-kicker .material-symbols-outlined{font-size:18px}
.fl-facts{margin-top:18px;display:flex;flex-wrap:wrap;gap:8px 22px;font-size:14px}
.fl-facts b{font-family:Newsreader,serif;font-size:26px;font-weight:500;margin-right:4px}
.fl-panel-lib{background:#FFFDF9;border:1px solid rgba(140,113,107,.22);color:#4a3f3a}
.fl-panel-lib h2{color:#2b2622}
.fl-panel-lib .fl-kicker{color:#7a6560}
.fl-panel-pass{background:#a7331b;color:#FCEDE6}
.fl-panel-pass h2{color:#fff;max-width:330px}
.fl-panel-pass>p{max-width:330px}
.fl-panel-pass .fl-kicker{color:#FFD9CC}
.fl-fan{position:absolute;right:-10px;top:22px;width:190px;height:200px;pointer-events:none}
.fl-fan img{position:absolute;width:104px;filter:drop-shadow(0 10px 14px rgba(40,10,0,.35))}
.fl-fan-0{right:96px;top:34px;transform:rotate(-14deg)}
.fl-fan-1{right:46px;top:6px;transform:rotate(-2deg)}
.fl-fan-2{right:0;top:44px;transform:rotate(11deg)}
.fl-btns{display:flex;flex-wrap:wrap;gap:10px}
.fl-btn{margin-top:22px;display:inline-flex;align-items:center;gap:6px;padding:11px 20px;border-radius:999px;font-size:15px;font-weight:600;transition:transform .15s,background .2s}
.fl-btn:active{transform:translateY(1px)}
.fl-btn .material-symbols-outlined{font-size:18px}
.fl-btn-ghost{background:#FCF2EB;color:#a7331b}
.fl-btn-ghost:hover{background:#f6e3d6}
.fl-btn-solid{background:#a7331b;color:#fff}
.fl-panel-pass .fl-btn-solid{background:#fff;color:#a7331b}
.fl-btn-line{border:1px solid rgba(255,255,255,.55);color:#fff}
.fl-btn-line:hover{background:rgba(255,255,255,.1)}

/* Browse */
.fl-browse{padding-top:72px;scroll-margin-top:80px}
.fl-browse-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px}
.fl-browse-head h2{font-size:34px;color:#2b2622}
.fl-seg{display:inline-flex;flex-wrap:wrap;padding:4px;border-radius:999px;background:#FCF2EB;gap:2px}
.fl-seg-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border-radius:999px;font-size:14px;font-weight:600;color:#5c4f4a;cursor:pointer;transition:background .2s,color .2s}
.fl-seg-btn b{font-weight:700;color:#a7331b}
.fl-seg-btn .material-symbols-outlined{font-size:17px}
.fl-seg-btn[aria-pressed="true"]{background:#fff;color:#2b2622;box-shadow:0 4px 12px -6px rgba(110,60,40,.35)}
.fl-tools{margin-top:22px;display:flex;flex-wrap:wrap;gap:10px}
.fl-search{flex:1 1 280px;display:flex;align-items:center;gap:8px;background:#fff;border:1px solid rgba(140,113,107,.3);border-radius:999px;padding:10px 16px}
.fl-search .material-symbols-outlined{font-size:20px;color:#8c7e70}
.fl-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;font-size:15px}
.fl-selects{display:flex;flex-wrap:wrap;gap:8px}
.fl-selects select{appearance:none;-webkit-appearance:none;padding:10px 34px 10px 14px;border-radius:999px;border:1px solid rgba(140,113,107,.3);background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%237a6560' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat right 14px center;font-size:14px;color:#4a3f3a;cursor:pointer}
.fl-selects select.is-on{border-color:#a7331b;color:#a7331b;font-weight:600}
.fl-pills{margin-top:14px;display:flex;flex-wrap:wrap;gap:8px}
.fl-pill{display:inline-flex;align-items:center;gap:4px;padding:7px 14px;border-radius:999px;border:1px solid rgba(140,113,107,.3);background:#FFFDF9;font-size:14px;color:#4a3f3a;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.fl-pill:hover{border-color:#a7331b;color:#a7331b}
.fl-pill[aria-pressed="true"]{background:#2b2622;border-color:#2b2622;color:#fff}
.fl-pill .material-symbols-outlined{font-size:16px}
.fl-pill-iron[aria-pressed="true"]{background:#8a6a1f;border-color:#8a6a1f}
.fl-count{margin-top:18px;font-size:14px;color:#7a6560}
.fl-count #fl-count{font-weight:700;color:#2b2622}
.fl-count button,.fl-empty button{margin-left:10px;color:#a7331b;font-weight:600;text-decoration:underline;cursor:pointer}

.fl-grid{margin-top:16px;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}
.fl-card{display:flex;flex-direction:column;background:#FFFDF9;border:1px solid rgba(140,113,107,.2);border-radius:20px;padding:12px 12px 14px;transition:transform .2s,box-shadow .2s}
.fl-card:hover{transform:translateY(-3px);box-shadow:0 22px 40px -28px rgba(110,60,40,.6)}
.fl-top{display:flex;align-items:center;justify-content:space-between;padding:2px 4px 8px;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.fl-no{color:#8c7e70}
.fl-badge{display:inline-flex;align-items:center;gap:3px;padding:3px 8px 3px 6px;border-radius:999px;background:#a7331b;color:#fff;font-size:10px}
.fl-badge .material-symbols-outlined{font-size:13px}
.fl-badge-lib{background:#efe7df;color:#5c4f4a}
.fl-art{aspect-ratio:4/3;border-radius:14px;background:#FCF2EB;display:flex;align-items:center;justify-content:center;overflow:hidden}
.fl-stamp{display:block;width:52%}
.fl-stamp img{display:block;width:100%;filter:drop-shadow(0 8px 10px rgba(110,60,40,.22))}
.fl-art-lib{flex-direction:column;gap:10px;background:repeating-linear-gradient(135deg,#f6f1ec 0 10px,#f1ebe5 10px 20px);border:1.5px dashed rgba(140,113,107,.35)}
.fl-art-lib .material-symbols-outlined{font-size:52px;color:#7a6560}
.fl-nostamp{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#8c7e70}
.fl-title{margin:12px 4px 0;display:flex;align-items:baseline;justify-content:space-between;gap:8px}
.fl-title h3{font-family:Newsreader,serif;font-size:22px;line-height:1.15;color:#2b2622}
.fl-title span{flex-shrink:0;font-size:13px;font-weight:700;color:#a7331b}
.fl-tip{margin:6px 4px 0;font-size:14px;line-height:1.5;color:#5c4f4a;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.fl-chips{margin:12px 4px 0;display:flex;flex-wrap:wrap;gap:6px}
.fl-chip{padding:3px 9px;border-radius:999px;font-size:12px;font-weight:600}
.fl-lo{background:#e8efe2;color:#4f6b3f}
.fl-md{background:#f6ecd5;color:#8a6a1f}
.fl-hi{background:#f8e0d9;color:#a7331b}
.fl-al{background:#efe4f2;color:#6c3f7a}
.fl-fe{background:#f3e7cf;color:#7a5a12}
.fl-empty{margin-top:24px;padding:40px 20px;border-radius:20px;background:#FCF2EB;text-align:center;color:#5c4f4a}
.fl-empty .material-symbols-outlined{font-size:40px;color:#a7331b}

.fl-more{margin-top:72px;border-radius:24px;background:#FCF2EB;padding:28px 30px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}
.fl-more h2{font-size:28px;color:#2b2622}
.fl-more p{margin-top:4px;color:#5c4f4a;max-width:560px}
.fl-more .fl-btn{margin-top:0}

@media (max-width:640px){
  .fl-wrap{padding:36px 16px 64px}
  .fl-panel{padding:24px 22px}
  .fl-fan{position:relative;right:auto;top:auto;width:170px;height:104px;margin:-4px 0 10px}
  .fl-fan img{width:72px}
  .fl-fan-0{right:92px;top:22px}
  .fl-fan-1{right:50px;top:0}
  .fl-fan-2{right:8px;top:28px}
  .fl-panel-pass h2,.fl-panel-pass>p{max-width:none}
  .fl-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .fl-card{padding:8px 8px 12px;border-radius:16px}
  .fl-title{flex-direction:column;gap:2px}
  .fl-title h3{font-size:18px}
  .fl-tip{display:none}
  .fl-selects select{flex:1 1 45%}
  .fl-selects{width:100%}
}
.fl-card[hidden],.fl-empty[hidden]{display:none}
.fl-soon{background:#efe7df;color:#7a6560}
.fl-card.is-draft .fl-art{aspect-ratio:4/2.4}
.fl-card.is-draft .fl-title h3{font-size:19px}

/* Hero search + Passport/Library duo (v5) */
.fl-hero-search{margin:26px auto 0;max-width:560px;display:flex;align-items:center;gap:10px;background:#fff;border:1px solid rgba(140,113,107,.3);border-radius:999px;padding:6px 6px 6px 18px;box-shadow:0 18px 40px -30px rgba(110,60,40,.55)}
.fl-hero-search:focus-within{border-color:#a7331b}
.fl-hero-search .material-symbols-outlined{font-size:22px;color:#8c7e70}
.fl-hero-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;font-size:16px}
.fl-hero-search button{padding:11px 22px;border-radius:999px;background:#a7331b;color:#fff;font-weight:600;font-size:15px;cursor:pointer}
.fl-duo{margin-top:48px;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:20px}
.fl-pass{position:relative;overflow:hidden;border-radius:28px;background:#a7331b;color:#FCEDE6;padding:34px 36px;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:12px;align-items:center;
  background-image:radial-gradient(circle at 85% 20%,rgba(255,255,255,.12) 0 18%,transparent 19%),radial-gradient(circle at 100% 100%,rgba(0,0,0,.12) 0 30%,transparent 31%)}
.fl-pass h2{margin-top:12px;font-size:clamp(30px,3.4vw,40px);line-height:1.05;color:#fff}
.fl-pass .fl-kicker{color:#FFD9CC}
.fl-slots{margin-top:22px;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.fl-slot{width:34px;height:42px;border-radius:5px;border:1.5px dashed rgba(255,255,255,.4);display:flex;align-items:center;justify-content:center}
.fl-slot.is-on{border:0;background:#fffdf9;padding:2px;box-shadow:0 6px 12px -6px rgba(0,0,0,.4)}
.fl-slot img{width:100%;height:100%;object-fit:contain}
.fl-slot-more{margin-left:4px;font-size:13px;font-weight:700;letter-spacing:.08em;color:#FFD9CC}
.fl-pass-note{margin-top:14px;font-size:15px;line-height:1.55;max-width:380px;color:#FCEDE6}
.fl-pass .fl-btn{margin-top:20px}
.fl-pass-art{position:relative;height:260px}
.fl-c{position:absolute;display:block;width:118px;filter:drop-shadow(0 14px 18px rgba(40,10,0,.35))}
.fl-c img{display:block;width:100%}
/* 270x260 column: 3 stamps on top, 2 below, no overflow (stamp ratio ~1:1.26) */
.fl-c{width:88px}
.fl-c0{left:2px;top:8px;transform:rotate(-6deg)}.fl-c1{left:91px;top:0;transform:rotate(2deg);z-index:2}.fl-c2{left:180px;top:10px;transform:rotate(5deg)}.fl-c3{left:46px;top:132px;width:88px;transform:rotate(-3deg)}.fl-c4{left:136px;top:134px;width:88px;transform:rotate(4deg);z-index:2}
.fl-lib{border-radius:28px;background:#FFFDF9;border:1px solid rgba(140,113,107,.22);padding:30px;display:flex;flex-direction:column;color:#4a3f3a;transition:border-color .2s,transform .2s}
.fl-lib:hover{border-color:#a7331b;transform:translateY(-2px)}
.fl-lib .fl-kicker{color:#7a6560}
.fl-lib h2{margin-top:12px;font-size:clamp(28px,3vw,36px);line-height:1.05;color:#2b2622}
.fl-lib-icons{margin-top:22px;display:grid;grid-template-columns:repeat(3,52px);gap:10px}
.fl-lib-icons>span{width:52px;height:52px;border-radius:16px;background:var(--t);display:flex;align-items:center;justify-content:center}
.fl-lib-icons .material-symbols-outlined{font-size:26px;color:var(--i)}
.fl-lib-link{margin-top:auto;padding-top:24px;display:inline-flex;align-items:center;gap:6px;font-weight:600;color:#a7331b}
.fl-lib-link .material-symbols-outlined{font-size:18px}
@media (max-width:960px){
  .fl-duo{grid-template-columns:1fr}
  .fl-pass{grid-template-columns:1fr;padding:28px 24px}
  .fl-pass-art{order:-1;height:150px}
  .fl-c{width:80px}.fl-c0{left:0;top:30px}.fl-c1{left:62px;top:0}.fl-c2{left:124px;top:26px}.fl-c3{left:186px;top:4px;width:72px}.fl-c4{left:244px;top:34px;width:72px}
  .fl-lib-icons{grid-template-columns:repeat(6,44px)}
  .fl-lib-icons>span{width:44px;height:44px;border-radius:14px}
}
@media (max-width:480px){
  .fl-hero-search button{padding:10px 16px}
  .fl-c3,.fl-c4{display:none}
  .fl-slot{width:28px;height:35px}
  .fl-lib{padding:24px}
  .fl-lib-icons{grid-template-columns:repeat(6,minmax(0,44px));gap:6px}
  .fl-lib-icons>span{width:100%;aspect-ratio:1;height:auto}
  .fl-duo>*{min-width:0}
}
.fl-pass .fl-btn-solid{background:#fff;color:#a7331b}
.fl-pass .fl-btns{margin-top:22px;gap:10px}
.fl-pass .fl-btn{margin-top:0}
.fl-pass{grid-template-columns:minmax(0,1fr) 270px}
.fl-lib-note{margin-top:18px;font-size:15px;line-height:1.55;color:#5c4f4a;max-width:280px}
@media (max-width:960px){.fl-pass{grid-template-columns:1fr}}
@media (min-width:961px){.fl-pass .fl-btns{flex-wrap:nowrap}.fl-pass .fl-btn{padding:11px 18px;font-size:14px;white-space:nowrap}}
.fl-duo .b100-stamp{opacity:1;animation:none}
/* Library-only foods: real photo instead of a stamp */
.fl-art-photo{position:relative;background:#efe7df}
.fl-art-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}
.fl-card:hover .fl-art-photo img{transform:scale(1.04)}
.fl-art-photo .fl-nostamp{position:absolute;left:8px;bottom:8px;background:rgba(255,253,249,.92);color:#6b5d57;padding:4px 8px;border-radius:999px;font-size:10px}
/* Food Library card: center content so it doesn't hug the left edge */
.fl-lib{align-items:center;text-align:center;justify-content:center}
.fl-lib .fl-kicker{justify-content:center}
.fl-lib-icons{justify-content:center}
.fl-lib-note{margin-left:auto;margin-right:auto}
.fl-lib-link{margin-top:0;padding-top:24px}

/* card tip: keep the 3-line clamp from growing past the ellipsis (UI session) */
.fl-tip{flex:none;max-height:4.5em}
.fl-chips{margin-top:auto;padding-top:12px}