.finny-dose-link{
  appearance:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-top:1.2rem;
  padding:.85rem 1.2rem;
  border:0;
  border-bottom:2px solid currentColor;
  background:transparent;
  color:#123b3c;
  cursor:pointer;
  font:900 1.45rem/1.1 'Barlow Condensed',sans-serif;
  letter-spacing:.025em;
  text-transform:uppercase;
}
.finny-dose-link:hover{opacity:.72}
.finny-dose-link--light{color:#fff}
.finny-purchase__dose-link{width:100%;margin-top:1.5rem}
.finny-pdp-serving__dose-link{display:flex;width:max-content;margin-top:.8rem;color:var(--finny-accent,#f26a21);font-size:1.25rem}
.finny-story__dose-link{margin-top:2rem}

.finny-dose-modal[hidden]{display:none!important}
.finny-dose-modal{position:fixed;z-index:100000;inset:0;display:grid;place-items:center;padding:2rem}
.finny-dose-modal__backdrop{position:absolute;inset:0;background:rgba(8,31,32,.76);backdrop-filter:blur(4px)}
.finny-dose-modal__dialog{position:relative;width:min(92rem,100%);max-height:calc(100vh - 4rem);overflow:auto;padding:4.2rem;background:#fbf6e8;border:3px solid #171713;box-shadow:12px 12px 0 #f26a21;color:#171713;text-align:center}
.finny-dose-modal__close{position:absolute;top:1.2rem;right:1.4rem;width:4rem;height:4rem;border:2px solid #171713;border-radius:50%;background:#fff;color:#171713;cursor:pointer;font:900 3rem/1 'Barlow Condensed',sans-serif}
.finny-dose-modal__kicker{margin:0 0 .8rem;color:#f26a21;font:900 1.6rem/1 'Barlow Condensed',sans-serif;letter-spacing:.08em;text-transform:uppercase}
.finny-dose-modal h2{max-width:72rem;margin:0 auto;color:#123b3c;font:900 clamp(4rem,6vw,7rem)/.9 'Barlow Condensed',sans-serif;letter-spacing:-.02em;text-transform:uppercase}
.finny-dose-modal__intro{max-width:66rem;margin:1.6rem auto 3rem;color:#536563;font-size:1.6rem;line-height:1.55}
.finny-dose-chart{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.8rem}
.finny-dose-chart__card{display:flex;flex-direction:column;align-items:center;min-height:27rem;padding:2.2rem 1.6rem;border:2px solid #171713;background:#fff;box-shadow:6px 6px 0 #123b3c}
.finny-dose-chart__fish{display:flex;flex-wrap:wrap;align-content:center;justify-content:center;gap:.2rem;min-height:7.5rem;max-width:18rem;font-size:2.6rem;line-height:1}
.finny-dose-chart__card strong{margin-top:.6rem;color:#123b3c;font:900 3.2rem/1 'Barlow Condensed',sans-serif;text-transform:uppercase}
.finny-dose-chart__mist{display:flex;justify-content:center;gap:.2rem;min-height:5.5rem;margin:1.2rem 0 .5rem;font-size:3rem;line-height:1}
.finny-dose-chart__card b{display:inline-flex;padding:.8rem 1.2rem;background:#f26a21;color:#fff;font:900 2.2rem/1 'Barlow Condensed',sans-serif;text-transform:uppercase;transform:rotate(-2deg)}
.finny-dose-chart__card:nth-child(2) b{transform:rotate(2deg)}
.finny-dose-routine{display:flex;align-items:center;justify-content:center;gap:1.2rem;margin:3rem 0 2rem;padding:1.6rem;border:2px solid #171713;background:#123b3c;color:#fff}
.finny-dose-routine span{display:flex;align-items:center;gap:.7rem;font:900 1.6rem/1 'Barlow Condensed',sans-serif;text-transform:uppercase}
.finny-dose-routine span b{display:grid;place-items:center;width:3rem;height:3rem;border-radius:50%;background:#f26a21;color:#fff}
.finny-dose-routine i{color:#f26a21;font:900 2.5rem/1 'Barlow Condensed',sans-serif;font-style:normal}
.finny-dose-modal__note{max-width:70rem;margin:0 auto;color:#536563;font-size:1.3rem;line-height:1.55}
.finny-dose-modal__done{margin-top:2.4rem;min-width:18rem;padding:1.2rem 2rem;border:2px solid #171713;background:#f26a21;box-shadow:5px 5px 0 #171713;color:#fff;cursor:pointer;font:900 1.7rem/1 'Barlow Condensed',sans-serif;text-transform:uppercase}
body.finny-dose-modal-open{overflow:hidden}

@media(max-width:749px){
  .finny-dose-modal{padding:1rem}
  .finny-dose-modal__dialog{max-height:calc(100vh - 2rem);padding:4.6rem 1.7rem 2.5rem;box-shadow:6px 6px 0 #f26a21}
  .finny-dose-chart{grid-template-columns:1fr}
  .finny-dose-chart__card{min-height:auto;padding:1.7rem}
  .finny-dose-chart__fish{min-height:5rem}
  .finny-dose-routine{display:grid;grid-template-columns:1fr;padding:1.5rem;text-align:left}
  .finny-dose-routine i{display:none}
}