/* One editorial presentation per variety; process selection keeps the existing order flow. */
#catalog.catalog{display:block}
#catalog .microlot{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);align-items:center;gap:72px;padding:64px 0;border-bottom:1px solid var(--line);border-radius:0;background:transparent}
#catalog .microlot:first-child{padding-top:20px}
#catalog .microlot:last-child{border-bottom:0}
.microlot-media,.microlot-information{min-width:0}
#catalog .microlot:nth-child(even) .microlot-media{grid-column:2;grid-row:1}
#catalog .microlot:nth-child(even) .microlot-information{grid-column:1;grid-row:1}
#catalog .catalog-photo{margin:0;overflow:hidden}
#catalog .catalog-photo img{aspect-ratio:4/5;width:100%;height:auto;border-radius:4px;transition:transform 700ms ease;transform-origin:center}
#catalog .catalog-photo figcaption{padding:14px 0 0;font-size:12px;position:relative;background:var(--cream)}
#catalog .catalog-thumbnails{margin:18px 0 0;min-height:64px;gap:12px}
#catalog .catalog-thumbnail{border-radius:3px}
#catalog .microlot-number{font-size:11px;line-height:1.5;color:var(--muted);margin:0 0 22px;font-weight:400}
#catalog .microlot h3{font-size:46px;line-height:1.1;font-weight:400;margin:0 0 18px;overflow-wrap:normal}
#catalog .microlot-origin{font-size:14px;line-height:1.8;margin:0 0 26px;color:var(--muted);max-width:36ch}
#catalog .variant-controls{min-height:0;margin:24px 0 30px}
#catalog .variant-controls fieldset{gap:10px;flex-wrap:wrap}
#catalog .variant-controls legend{font-size:11px;margin-bottom:10px}
#catalog .variant-controls label span{border:1px solid #b8ad967a;border-radius:3px;padding:10px 18px;min-height:44px;min-width:90px;font-size:11px;text-transform:uppercase;transition:background-color 300ms ease,color 300ms ease,border-color 300ms ease}
#catalog .variant-controls input:checked+span{background:#d1b07a33;border-color:#b79c73;color:var(--green)}
#catalog .single-process{padding:0;font-size:11px;text-transform:uppercase;color:var(--brown)}
#catalog .microlot-notes{font-family:Georgia,serif;font-size:25px;line-height:1.5;max-width:26ch;margin:0 0 24px;color:var(--green)}
#catalog .microlot-details{font-size:12px;line-height:1.8;color:var(--muted);margin:0 0 10px}
#catalog .variant-weight{font-size:12px;margin:0 0 30px}
#catalog .coffee-card-bottom{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:24px;margin-top:0;padding-top:20px;border-top:1px solid var(--line)}
#catalog .coffee-card-bottom>span{font-size:28px;white-space:nowrap}
#catalog button.choose-coffee{display:inline-flex;justify-content:space-between;gap:18px;min-width:0;width:auto;min-height:48px;padding:12px 0;flex:none;border:0;border-radius:0;background:transparent;color:var(--green);font-size:11px;text-transform:uppercase;box-shadow:none;transition:opacity 300ms ease}
#catalog button.choose-coffee span{transition:transform 300ms ease}
#catalog .microlot-availability{font-size:11px;line-height:1.6;color:var(--muted);margin:18px 0 0}
@media(hover:hover){#catalog .catalog-photo:hover>img{transform:scale(1.02)}#catalog button.choose-coffee:hover{background:transparent;color:var(--green);opacity:.72;transform:none}#catalog button.choose-coffee:hover span{transform:translateX(4px)}}
@media(max-width:1000px){#catalog .microlot{gap:40px;padding:48px 0}#catalog .microlot h3{font-size:38px}#catalog .microlot-notes{font-size:22px}#catalog .coffee-card-bottom{gap:16px}}
/* Mobile preserves the photograph-first reading order and comfortable touch targets. */
@media(max-width:700px){#catalog .microlot{display:flex;flex-direction:column;align-items:stretch;gap:30px;padding:40px 0}#catalog .microlot:first-child{padding-top:12px}#catalog .microlot h3{font-size:36px}#catalog .microlot-number{margin-bottom:14px}#catalog .microlot-origin{margin-bottom:22px}#catalog .catalog-photo img{aspect-ratio:4/5}#catalog .microlot-notes{font-size:23px}#catalog .variant-controls{margin:22px 0 26px}#catalog .coffee-card-bottom{gap:18px}#catalog button.choose-coffee{font-size:11px}#catalog .catalog-thumbnails{margin-top:14px}}
@media(prefers-reduced-motion:reduce){#catalog .catalog-photo img,#catalog .variant-controls label span,#catalog button.choose-coffee,#catalog button.choose-coffee span{transition:none}#catalog .catalog-photo:hover>img{transform:none}}