.bean{background:var(--white);border:2px solid var(--accent,var(--border));border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-normal)var(--ease-out);box-shadow:var(--shadow-sm);text-align:center;color:var(--espresso);flex-direction:column;display:flex;overflow:hidden}.bean:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.bean__img-wrap{background:var(--white);padding:var(--space-xl)var(--space-lg);color:inherit;justify-content:center;align-items:center;text-decoration:none;display:flex;position:relative;overflow:hidden}.bean__name{font-family:var(--font-display);font-size:var(--text-xl);margin-block-end:var(--space-xs)}.bean__origin{font-size:var(--text-sm);color:var(--text-light);margin-block-end:var(--space-sm)}.bean__price{font-weight:700;font-size:var(--text-xl);color:var(--roast);margin-block-start:auto;margin-block-end:var(--space-lg)}.coffee-grid{gap:var(--space-xl);grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));display:grid}.beans-black-border .bean{border-color:var(--espresso)!important}.beans-grey-border .bean{border-color:var(--latte)!important}.beans-shadow .bean{box-shadow:var(--shadow-lg)!important}.bean{border:2px solid var(--accent,var(--border));border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-normal)var(--ease-out);box-shadow:var(--shadow-sm);flex-direction:column;display:flex;overflow:hidden}.bean:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.coffee-no-results{text-align:center;padding:var(--space-2xl);color:var(--text-light)}.coffee-section.section{padding-block:var(--space-sm)var(--space-2xl)}.coffee-section .section-header{margin-block-end:var(--space-lg)}.bean__img-wrap{background:var(--white);padding:var(--space-xl)var(--space-lg);justify-content:center;align-items:center;display:flex;position:relative}.bean__img-wrap:after{content:"";bottom:0;left:var(--space-lg);right:var(--space-lg);background:var(--accent,var(--border));height:2px;position:absolute}.bean__img{object-fit:contain;width:240px;max-width:100%;height:240px;transition:transform var(--duration-normal)var(--ease-out);mix-blend-mode:multiply;filter:contrast(1.05)saturate(1.05)}.bean:hover .bean__img{transform:scale(1.06)}.bean--highres .bean__img-wrap{padding:var(--space-sm)var(--space-sm)}.bean--highres .bean__img{width:250px;height:250px}.bean__info{background:var(--white);padding:var(--space-lg)var(--space-xl)var(--space-xl);text-align:center;flex-direction:column;flex:1;align-items:center;display:flex}.bean__name{font-family:var(--font-display);font-size:var(--text-xl);letter-spacing:-.01em;margin-block-end:var(--space-xs)}.bean__origin{font-size:var(--text-sm);color:var(--text-light);letter-spacing:.03em;margin-block-end:var(--space-sm)}.bean__roast-bar{justify-content:center;gap:4px;margin-block-end:var(--space-md);display:flex}.bean__roast-dot{background:var(--border);border-radius:50%;width:8px;height:8px}.bean__roast-dot.is-filled{background:var(--roast)}.bean__price{font-weight:700;font-size:var(--text-xl);color:var(--roast);letter-spacing:-.02em;margin-block-start:auto;margin-block-end:var(--space-lg)}.bean__actions{gap:var(--space-sm);justify-content:center;display:flex}.bean .btn--primary{background:var(--accent,var(--caramel));border-color:var(--accent,var(--caramel))}.bean .btn--primary:hover{filter:brightness(.9)}.bean .btn--outline{color:var(--espresso);border-color:var(--espresso)}.bean .btn--outline:hover{background:var(--espresso);color:var(--white)}