@layer components {
  .jx-coffee-nav {
    display:inline-flex !important;
    align-items:center;
    gap:6px;
    color:#8a4e00 !important;
    background:#ffd84d;
    border:1px solid #c99b25;
    border-radius:999px;
    padding:7px 10px;
    white-space:nowrap;
  }
  .jx-coffee-nav:hover { color:#242126 !important; transform:translateY(-1px); }

  .jx-coffee-mobile {
    color:#8a4e00 !important;
    font-weight:950 !important;
  }

  .jx-coffee-footer {
    display:inline-flex;
    align-items:center;
    gap:8px;
    margin-top:12px;
    color:#ffd84d;
    text-decoration:none;
    font-weight:850;
    font-size:.92rem;
  }
  .jx-coffee-footer:hover { text-decoration:underline; text-underline-offset:3px; }

  .jx-coffee-article {
    margin-top:16px;
    display:flex;
    flex-wrap:wrap;
    gap:8px 12px;
    align-items:center;
    font-size:.92rem;
    color:#655e66;
  }
  .jx-coffee-article a {
    color:#8a4e00;
    font-weight:950;
    text-decoration-thickness:2px;
    text-underline-offset:3px;
  }
}

@media (max-width: 1100px) {
  .jx-coffee-nav span { display:none; }
  .jx-coffee-nav { padding:7px; }
}

@media (max-width: 900px) {
  .jx-coffee-nav { display:none !important; }
}
/* Jynxies Buy Us a Coffee spotlight */ .jx-coffee-spotlight{position:relative;isolation:isolate;display:grid;grid-template-columns:82px minmax(0,1fr) auto;align-items:center;gap:22px;width:min(calc(100% - 44px),1260px);margin:14px auto 32px;padding:18px 24px 18px 19px;overflow:hidden;border:2px solid transparent;border-radius:24px;background:linear-gradient(108deg,#fffaf0 0%,#fff4df 62%,#ffe4ea 100%) padding-box,linear-gradient(120deg,#dbb95e,#fff8df 24%,#f56c9a 52%,#c91436 78%,#f4d27e) border-box;box-shadow:0 12px 28px rgba(80,30,22,.11)}.jx-coffee-spotlight:after{content:"";position:absolute;z-index:-1;width:230px;aspect-ratio:1;border-radius:50%;right:18%;top:-156px;background:radial-gradient(circle,rgba(255,255,255,.95),rgba(255,255,255,0) 68%)}.jx-coffee-spotlight-icon{width:78px;height:78px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#fffef9,#ffe6ed);box-shadow:inset 0 0 0 2px rgba(195,20,55,.16),0 5px 11px rgba(96,38,25,.11)}.jx-coffee-spotlight-icon svg{width:61px;height:61px;overflow:visible}.jx-coffee-steam{fill:none;stroke:#c8173b;stroke-width:3.5;stroke-linecap:round}.jx-coffee-handle,.jx-coffee-saucer{fill:none;stroke:#241b1a;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.jx-coffee-cup{fill:#fffaf0;stroke:#241b1a;stroke-width:4;stroke-linejoin:round}.jx-coffee-cup-band{fill:#e21d47}.jx-coffee-bean{fill:#ffd84d;stroke:#241b1a;stroke-width:2.2;stroke-linecap:round}.jx-coffee-spotlight-copy{min-width:0}.jx-coffee-spotlight-kicker{margin:0 0 4px;color:#b41132;font-size:.7rem;font-weight:900;letter-spacing:.15em;line-height:1.2}.jx-coffee-spotlight-copy h2{margin:0;color:#231817;font-family:Georgia,serif;font-size:clamp(1.35rem,2vw,2rem);font-weight:900;line-height:1.08;letter-spacing:-.025em}.jx-coffee-spotlight-copy>p:last-child{margin:5px 0 0;color:#5c4842;font-size:.95rem;line-height:1.35}.jx-coffee-spotlight-button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 21px;border:1px solid #9f0d2a;border-radius:999px;background:linear-gradient(180deg,#e73558,#ba0d2f);box-shadow:0 5px 0 #850922,0 9px 15px rgba(149,9,38,.2);color:#fff9ed!important;font-size:.9rem;font-weight:900;line-height:1;text-decoration:none!important;white-space:nowrap;transition:transform .18s ease,box-shadow .18s ease}.jx-coffee-spotlight-button:hover{transform:translateY(-2px);box-shadow:0 7px 0 #850922,0 12px 18px rgba(149,9,38,.25);color:#fff!important}.jx-coffee-spotlight-button:focus-visible{outline:3px solid #231817;outline-offset:4px}.jx-coffee-spotlight-button span{font-size:1.1rem}@media(max-width:760px){.jx-coffee-spotlight{grid-template-columns:58px minmax(0,1fr);gap:12px 14px;width:calc(100% - 28px);margin:12px auto 24px;padding:14px;border-radius:20px}.jx-coffee-spotlight-icon{width:56px;height:56px}.jx-coffee-spotlight-icon svg{width:47px;height:47px}.jx-coffee-spotlight-kicker{font-size:.58rem;letter-spacing:.11em}.jx-coffee-spotlight-copy h2{font-size:1.35rem}.jx-coffee-spotlight-copy>p:last-child{font-size:.84rem}.jx-coffee-spotlight-button{grid-column:1/-1;min-height:44px;font-size:.88rem}}@media(prefers-reduced-motion:reduce){.jx-coffee-spotlight-button{transition:none}}