/* Judd Discover — intentionally small, opt-in social layer */
.discover-nav{display:flex;gap:5px;align-items:center;border:1px solid var(--line);background:rgba(255,255,255,.7);padding:4px;border-radius:999px}
.discover-nav button{border:0;background:transparent;color:#746f79;font-size:12px;font-weight:780;border-radius:999px;padding:9px 17px;cursor:pointer}
.discover-nav button.active{background:#161616;color:#fff}
.discover-nav button:focus-visible,.discover-card button:focus-visible,.discover-publish button:focus-visible,.discover-sort button:focus-visible{outline:3px solid #aa9aff;outline-offset:2px}
.hero{min-height:0;padding:42px 0 36px;gap:32px}
.hero h1{font-size:clamp(52px,5.8vw,79px)}
.hero-copy>p:not(.eyebrow){font-size:18px;max-width:520px}
.hero-start{display:inline-flex;align-items:center;justify-content:center;background:#161616;color:#fff;text-decoration:none;border-radius:14px;padding:15px 24px;font-weight:780;margin-top:18px}
.hero-tags span:nth-child(n+3){display:none}
.discover-section{padding:45px 0 80px;min-height:60vh}
.discover-intro{display:flex;align-items:end;justify-content:space-between;gap:20px}
.discover-intro h1{font:800 clamp(40px,5vw,66px)/1 Manrope,Inter,sans-serif;letter-spacing:-.055em;margin:6px 0 10px}
.discover-intro>div>p:last-child{font-size:15px;color:#777169;margin:0 0 10px;line-height:1.5}
.discover-weekly{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:26px 0 18px;padding:14px 18px;background:#ede7ff;border:1px solid #ded5ff;border-radius:18px;font-size:13px;color:#5b46be}
.discover-weekly strong{font-size:15px;color:#2d2249}
.discover-weekly small{font-size:12px;color:#665e80}
.discover-sort{display:flex;gap:6px;margin-bottom:15px}
.discover-sort button{border:1px solid var(--line);padding:10px 18px;border-radius:999px;background:#fffdf9;cursor:pointer;font-size:12px;font-weight:750;color:#6a645f}
.discover-sort button.active{background:#161616;border-color:#161616;color:#fff}
.discover-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}
.discover-card{overflow:hidden;background:var(--card);border:1px solid var(--line);border-radius:23px;box-shadow:0 7px 20px rgba(0,0,0,.025)}
.discover-photo{width:100%;aspect-ratio:4/4;object-fit:cover;display:block;background:#ece6ff}
.discover-card-body{padding:17px}
.discover-card-label{font-size:11px;color:#7958b8;font-weight:760;letter-spacing:.04em;margin:0 0 8px}
.discover-card h3{font-size:20px;line-height:1.22;margin:0 0 9px;letter-spacing:-.025em}
.discover-card-roast{color:#645e58;font-size:12px;line-height:1.52;margin:0 0 14px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.discover-card-actions{display:flex;justify-content:space-between;align-items:center;gap:8px;border-top:1px solid #f0eae0;padding-top:10px}
.discover-card button{cursor:pointer}
.discover-like{background:#f3efff;border:1px solid #e8dfff;border-radius:999px;color:#6e52d8;font-size:14px;font-weight:750;padding:7px 12px}
.discover-like.is-liked{background:#ffe7ee;border-color:#ffc4d7;color:#d5275a}
.discover-small{background:transparent;border:0;font-size:11px;text-decoration:underline;color:#8f8880}
.discover-empty{grid-column:1/-1;padding:44px 25px;border:1px dashed #cec4d9;border-radius:22px;text-align:center;background:#fffdf9}
.discover-empty>span{font-size:35px}
.discover-empty h3{font-size:22px;margin:12px 0 3px}
.discover-empty p{font-size:13px;color:#716b65}
.discover-loading{grid-column:1/-1;text-align:center;color:#777169;padding:40px}
#discoverMore{margin:20px auto 0;display:block}
#discoverMore[hidden]{display:none}
.discover-status{min-height:18px;color:#777169;font-size:12px;margin-top:12px}
.discover-publish{border:1px solid #45404b;background:#231f28;border-radius:18px;padding:14px;margin-top:18px}
.discover-publish h4{font-size:14px;color:#fff;margin:0 0 6px}
.discover-publish>p{margin:0 0 12px!important;font-size:12px;color:#bbb1c8!important}
.discover-consent{display:flex;align-items:flex-start;gap:8px;font-size:12px;line-height:1.45;color:#eee9f5;margin-bottom:12px}
.discover-consent input{accent-color:#927aff;margin-top:3px}
.discover-publish button{background:#8b73ff;color:#fff;border:0;border-radius:11px;padding:12px 16px;font-size:12px;font-weight:750;cursor:pointer}
.discover-publish button:disabled{opacity:.54;cursor:not-allowed}
.discover-publish .discover-message{margin:9px 0 0!important;font-size:11px;color:#c9c0d8!important;min-height:14px}
@media(max-width:940px){.discover-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){
 .topbar{gap:7px;padding:0 10px}
 .discover-nav{margin:0 auto}
 .discover-nav button{font-size:11px;padding:8px 12px}
 .top-actions{gap:5px}
 .topbar .account{padding:0 9px;height:36px;font-size:11px}
 .topbar .pill{display:none!important}
 .hero{padding:25px 0 17px;gap:0}
 .hero h1{font-size:47px}
 .hero-copy>p:not(.eyebrow){font-size:15px}
 .hero .demo{display:none}
 .hero-start{margin-top:14px;width:100%;padding:14px}
 .hero-tags span{font-size:10px}
 .product{padding-top:4px}
 .discover-section{padding-top:28px}
 .discover-intro{align-items:start;flex-direction:column}
 .discover-intro h1{font-size:40px}
 .discover-intro .primary{width:100%}
 .discover-weekly{gap:6px;margin:15px 0}
 .discover-grid{grid-template-columns:1fr}
 .discover-photo{aspect-ratio:5/4}
 .discover-card-body{padding:15px}
}
