/* Flavor directory inspired by the supplied 2026 reference screenshots */
.fvp-flavor-directory{background:#eff7f7;color:#121b2d;padding:64px 0 78px;overflow:hidden}
.fvp-flavor-directory .fvp-flavor-directory-inner{max-width:1140px;margin:0 auto;padding-left:32px;padding-right:32px}
.fvp-flavor-intro{max-width:685px;text-align:center;margin:0 auto 45px}
.fvp-flavor-eyebrow{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.19em;color:#8145ff;font-size:11px;font-weight:800}
.fvp-flavor-intro h2{font-family:"DM Sans",system-ui,sans-serif;font-size:clamp(34px,4.2vw,45px);color:#141c2c;line-height:1.13;letter-spacing:-.045em;font-weight:800;margin:17px 0 14px}
.fvp-flavor-intro p{font-family:"DM Sans",sans-serif;font-size:16px;line-height:1.63;color:#44556f;font-weight:500;max-width:620px;margin:0 auto}
.fvp-flavor-intro p a{font-weight:650;color:#009b9b;text-decoration:none;border-bottom:1px solid #54bcb8}
.fvp-flavor-intro p a:hover{color:#146f80}
.fvp-flavor-directory-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));column-gap:7px;row-gap:7px;align-items:stretch}
.fvp-flavor-directory-grid>a,.fvp-flavor-directory-grid>button{font-family:"DM Sans",sans-serif;box-sizing:border-box;min-width:0;min-height:52px;width:100%;display:flex;align-items:center;justify-content:center;text-align:center;border-radius:4px;padding:7px 5px;color:#fff;text-decoration:none;font-weight:850;font-size:11px;line-height:1.17;white-space:normal;word-break:normal;overflow-wrap:break-word;box-shadow:none;transition:transform .17s ease,filter .17s ease,box-shadow .17s ease}
.fvp-flavor-directory-grid>a:hover,.fvp-flavor-directory-grid>button:hover{transform:translateY(-2px);filter:saturate(1.15);box-shadow:0 5px 14px #16203530}
.fvp-flavor-directory-grid>a:focus-visible,.fvp-flavor-directory-grid>button:focus-visible{outline:3px solid #6f39dc;outline-offset:2px;position:relative;z-index:2}
.fvp-flavor-directory-grid>.fvp-flavor-tile{background:var(--fvp-tile-bg,#508bbe);color:var(--fvp-tile-text,#fff);border:1px solid transparent}
.fvp-flavor-directory-grid>.fvp-flavor-tile[hidden]{display:none!important}
.fvp-flavor-directory-grid>.fvp-flavor-family-button{cursor:pointer;border:1px solid transparent}
.fvp-flavor-directory-grid>.fvp-flavor-family-button:before{content:"";position:absolute;inset:3px;border:1px dashed #ffffff9a;border-radius:2px;pointer-events:none}
.fvp-flavor-directory-grid>.fvp-flavor-family-button{position:relative}
.fvp-flavor-directory-grid>.fvp-flavor-family-all{background:#19191a}
.fvp-flavor-directory-grid>.fvp-flavor-family-sour{background:#741830}
.fvp-flavor-directory-grid>.fvp-flavor-family-frozen{background:#14688b}
.fvp-flavor-directory-grid>.fvp-flavor-family-punch{background:#c04934}
.fvp-flavor-directory-grid>.fvp-flavor-family-slush{background:#60338e}
.fvp-flavor-directory-grid>.fvp-flavor-family-button[aria-pressed="true"]{outline:2px solid #6542b7;outline-offset:1px}
.fvp-flavor-live-status{font-size:12px;font-weight:700;color:#596878;text-align:center;min-height:16px;margin:13px 0 0}
.fvp-flavor-live-status:empty{visibility:hidden}
.fvp-flavor-directory-cta{text-align:center;margin-top:26px}
.fvp-flavor-directory-cta a{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:50px;padding:12px 28px;border:2px solid #9046ff;border-radius:35px;color:#843bfa;font-size:14px;line-height:1.5;font-weight:800;text-decoration:none;text-align:center;transition:background .2s ease,color .2s ease}
.fvp-flavor-directory-cta a:hover{background:#8747f7;color:#fff}
@media (max-width:1150px){
 .fvp-flavor-directory-grid{grid-template-columns:repeat(7,minmax(0,1fr))}
}
@media (max-width:950px){
 .fvp-flavor-directory-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
 .fvp-flavor-directory .fvp-flavor-directory-inner{padding-left:24px;padding-right:24px}
}
@media (max-width:760px){
 .fvp-flavor-directory{padding:53px 0 60px}
 .fvp-flavor-intro{margin-bottom:34px}
 .fvp-flavor-intro p{font-size:14px;line-height:1.6}
 .fvp-flavor-directory-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
 .fvp-flavor-directory-grid>a,.fvp-flavor-directory-grid>button{min-height:51px;font-size:10.5px;padding:7px 4px}
}
@media (max-width:510px){
 .fvp-flavor-directory .fvp-flavor-directory-inner{padding:0 15px}
 .fvp-flavor-intro h2{font-size:35px}
 .fvp-flavor-directory-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
 .fvp-flavor-directory-grid>a,.fvp-flavor-directory-grid>button{min-height:54px;font-size:10px}
 .fvp-flavor-directory-cta a{font-size:12px;padding:12px 18px}
}
@media (max-width:330px){
 .fvp-flavor-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (prefers-reduced-motion:reduce){
 .fvp-flavor-directory-grid>a,.fvp-flavor-directory-grid>button{transition:none!important}
}