/* Sample cards and swap panel share the storefront palette. */
.samples-page .learn-picks{display:grid;gap:18px}
.samples-page .learn-card{display:grid;grid-template-columns:96px minmax(0,1fr);gap:20px;padding:22px 0;border-top:1px solid var(--line)}
.samples-page .learn-card-img{width:96px;height:120px;object-fit:cover;background:var(--light)}
.samples-page .learn-card .learn-name{margin:6px 0 10px;font-size:28px}
.samples-page .learn-kicker{font-size:11px;color:var(--muted)}
.samples-page .learn-card .learn-price,.samples-page .learn-card .learn-notes,.samples-page .learn-card .learn-brew{margin:8px 0;font-size:13px}
.samples-page .learn-card .learn-swap{margin-top:10px}
body.learn-chooser-open{overflow:hidden}
.learn-chooser-ov{position:fixed;inset:0;background:rgba(12,28,22,.5);z-index:3000}
.learn-chooser{position:fixed;z-index:3001;top:50%;left:50%;transform:translate(-50%,-50%);width:min(600px,calc(100% - 32px));max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);display:flex;flex-direction:column;background:var(--paper,#f7f5ef);color:var(--green,#172c25);border:1px solid var(--line,#d8dcd3);box-shadow:0 18px 60px rgba(0,0,0,.2)}
.learn-chooser-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:22px;border-bottom:1px solid var(--line)}
.learn-chooser-kicker{font:30px/1.15 var(--serif,Georgia,serif);margin:0 0 10px}
.learn-chooser-sub{font-size:13px;line-height:1.5;margin:0}
.learn-chooser-x{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;padding:0;border:1px solid var(--line);background:transparent;color:inherit}
.learn-chooser-list{min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:8px 22px 22px}
.learn-chooser-opt{display:flex;align-items:center;gap:16px;width:100%;min-height:94px;text-align:left;padding:16px 0;border:0;border-bottom:1px solid var(--line);background:transparent;color:inherit;white-space:normal}
.learn-chooser-opt:hover{background:var(--light,#eeeee5)}
.learn-chooser-opt-body{display:grid;gap:5px;min-width:0}
.learn-chooser-opt-kicker,.learn-chooser-opt-meta{font-size:11px;color:var(--muted,#67716a)}
.learn-chooser-opt-name{font:24px/1.2 var(--serif,Georgia,serif)}
.learn-chooser-opt-notes{font-size:12px;line-height:1.5}
.learn-chooser-img{flex:0 0 56px;width:56px;height:70px;object-fit:cover;background:var(--light)}
@media(max-width:600px){.learn-chooser{top:auto;bottom:0;left:0;transform:none;width:100%;max-height:90vh;max-height:90dvh;padding-bottom:env(safe-area-inset-bottom)}.learn-chooser-head{padding:20px}.learn-chooser-list{padding:4px 20px 20px}.samples-page .learn-card{grid-template-columns:72px minmax(0,1fr);gap:16px}.samples-page .learn-card-img{width:72px;height:96px}}

/* Compact sample shop: fixed controls, independently scrolling coffee list. */
.learn-chooser-head,.learn-chooser-tools{flex-shrink:0}
.learn-chooser-tools{padding:16px 22px 10px;border-bottom:1px solid var(--line,#d8dcd3)}
.learn-chooser-search,.learn-chooser-selects label{display:grid;gap:6px;font-size:12px}
.learn-chooser-search input,.learn-chooser-selects select{box-sizing:border-box;width:100%;min-width:0;min-height:44px;border:1px solid var(--line,#d8dcd3);border-radius:0;background:var(--paper,#f7f5ef);color:var(--green,#172c25);font:inherit;padding:10px}
.learn-chooser-search input{font-size:16px}
.learn-chooser-selects select option{background:#f7f5ef;color:#172c25}
.learn-chooser-filters{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}
.learn-chooser-filters button{min-height:40px;padding:8px 12px;border:1px solid var(--line,#d8dcd3);background:transparent;color:inherit;font:inherit;font-size:12px}
.learn-chooser-filters button[aria-pressed="true"]{background:var(--green,#172c25);border-color:var(--green,#172c25);color:var(--paper,#f7f5ef)}
.learn-chooser-selects{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:10px}
.learn-chooser-summary{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:10px;font-size:12px;color:var(--muted,#67716a)}
.learn-chooser-summary button,.learn-chooser-empty button{min-height:40px;border:0;background:transparent;color:var(--green,#172c25);font:inherit;text-decoration:underline;cursor:pointer}
.learn-chooser-list{flex:1 1 auto}
.learn-chooser-opt-body{flex:1}
.learn-chooser-pick{font-size:12px;white-space:nowrap}
.learn-chooser-empty{padding:24px 0;text-align:center}
.learn-chooser :is(button,input,select):focus-visible{outline:2px solid var(--rust,#a45a3d);outline-offset:3px}
@media(max-width:600px){.learn-chooser{max-height:94vh;max-height:94dvh}.learn-chooser-head{padding:16px 20px}.learn-chooser-kicker{font-size:26px;margin-bottom:6px}.learn-chooser-tools{padding:12px 20px 6px}.learn-chooser-selects{gap:6px}.learn-chooser-selects select{padding:8px 4px;font-size:12px}.learn-chooser-opt{gap:12px}.learn-chooser-opt-name{font-size:22px}.learn-chooser-pick{font-size:11px}}
@media(max-height:600px){.learn-chooser{max-height:96dvh}.learn-chooser-tools{max-height:38dvh;overflow:auto}}