.bean-modal-overlay{-webkit-backdrop-filter:blur(6px);z-index:300;padding:var(--space-lg);opacity:0;visibility:hidden;transition:opacity var(--duration-normal)var(--ease-out),visibility var(--duration-normal);background:#2c18108c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.bean-modal-overlay.is-open{opacity:1;visibility:visible}.bean-modal{background:var(--espresso);border-radius:var(--radius-lg);width:100%;max-width:672px;max-height:90vh;box-shadow:var(--shadow-xl);transition:transform var(--duration-normal)var(--ease-out);overflow-y:auto;transform:translateY(24px)scale(.97)}.bean-modal-overlay.is-open .bean-modal{transform:translateY(0)scale(1)}.bean-modal__hero{background:linear-gradient(135deg,var(--espresso),var(--roast));padding:var(--space-lg);border-radius:var(--radius-lg)var(--radius-lg)0 0;align-items:center;gap:var(--space-md);display:flex;position:relative}.bean-modal__close{top:var(--space-sm);right:var(--space-sm);border-radius:var(--radius-full);width:44px;height:44px;color:var(--cream);cursor:pointer;font-size:var(--text-lg);transition:background var(--duration-fast);background:#ffffff1f;border:none;justify-content:center;align-items:center;display:flex;position:absolute}.bean-modal__close:hover{background:#ffffff40}.bean-modal__close:focus-visible{outline:2px solid var(--caramel);outline-offset:2px}.bean-modal__image{border-radius:var(--radius-md);object-fit:contain;background:#ffffff1a;flex-shrink:0;width:120px;height:120px;padding:8px}.bean-modal__icon{border-radius:var(--radius-full);background:#ffffff1f;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.75rem;display:flex}.bean-modal__hero-text{flex-direction:column;gap:2px;display:flex}.bean-modal__name{font-family:var(--font-display);font-size:var(--text-xl);color:var(--cream);line-height:var(--leading-tight);margin:0}.bean-modal__roast{font-size:var(--text-sm);color:var(--caramel);text-transform:uppercase;letter-spacing:.08em;font-weight:600}.bean-modal__hero-profile{font-size:var(--text-sm);color:var(--latte);line-height:var(--leading-snug);margin-block-start:var(--space-xs)}.bean-modal__body{padding:var(--space-md)var(--space-lg);background:var(--white)}.bean-modal__profile{font-family:var(--font-body);font-size:var(--text-base);color:var(--text);line-height:var(--leading-normal);border-bottom:1px solid var(--border);margin-block-end:var(--space-md);padding-block-end:var(--space-md)}.bean-modal__details{gap:var(--space-md)var(--space-lg);border-bottom:1px solid var(--border);grid-template-columns:1fr 1fr;margin-block-end:var(--space-md);padding-block-end:var(--space-md);display:grid}.bean-modal__detail{flex-direction:column;gap:2px;display:flex}.bean-modal__detail:first-child{border-bottom:1px solid var(--border);grid-column:1/-1;padding-block-end:var(--space-xs)}.bean-modal__quantity{border:1px solid var(--border);border-radius:var(--radius-md);align-items:center;gap:0;display:flex;overflow:hidden}.bean-modal__qty-btn{background:var(--cream);cursor:pointer;width:40px;height:40px;font-size:var(--text-base);color:var(--espresso);transition:all var(--duration-fast);border:none;border-radius:0;justify-content:center;align-items:center;display:flex}.bean-modal__qty-btn:hover{background:var(--latte)}.bean-modal__qty-btn:disabled{opacity:.3;cursor:default}.bean-modal__qty-value{font-size:var(--text-base);text-align:center;background:var(--white);min-width:36px;font-weight:600}.bean-modal__label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--text-light);font-weight:700}.bean-modal__value{font-size:var(--text-sm);color:var(--text);line-height:var(--leading-snug)}.bean-modal__section-title{font-family:var(--font-body);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.06em;color:var(--espresso);margin-block-end:var(--space-xs);font-weight:700}.bean-modal__options{gap:var(--space-xs);flex-wrap:wrap;margin-block-end:var(--space-md);display:flex}.bean-modal__pill{position:relative}.bean-modal__pill input[type=radio]{opacity:0;pointer-events:none;position:absolute}.bean-modal__pill label{font-size:var(--text-sm);color:var(--text-secondary);background:var(--cream);border-radius:var(--radius-full);cursor:pointer;transition:all var(--duration-fast)var(--ease-out);white-space:nowrap;border:2px solid #0000;align-items:center;gap:4px;padding:.5rem 1rem;font-weight:600;display:inline-flex}.bean-modal__pill label:hover{background:var(--latte);color:var(--espresso)}.bean-modal__pill input[type=radio]:checked+label{background:var(--espresso);color:var(--cream);border-color:var(--espresso)}.bean-modal__pill-price{opacity:.8;font-weight:400}.bean-modal__subscribe{background:var(--cream);border-radius:var(--radius-md);padding:var(--space-sm)var(--space-md);margin-block-end:var(--space-md)}.bean-modal__subscribe-toggle{align-items:center;gap:var(--space-xs);cursor:pointer;font-size:var(--text-sm);color:var(--espresso);font-weight:600;display:flex}.bean-modal__subscribe-toggle input[type=checkbox]{width:16px;height:16px;accent-color:var(--caramel);cursor:pointer}.bean-modal__save-badge{font-size:var(--text-xs);background:var(--success);color:var(--white);border-radius:var(--radius-full);opacity:1;margin-inline-start:var(--space-xs);padding:.15rem .5rem;font-weight:700;display:inline-block}.bean-modal__subscribe-note{font-size:var(--text-xs);color:var(--text-light);margin:var(--space-xs)0 0;font-style:italic}.bean-modal__price-original{color:var(--text-light);font-size:var(--text-base);margin-inline-end:var(--space-xs);font-weight:400;text-decoration:line-through}.bean-modal__frequency{margin-block-start:var(--space-sm);display:block}.bean-modal__frequency select{border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;font-size:var(--text-sm);color:var(--text);background:var(--white);cursor:pointer;padding:.4rem .75rem}.bean-modal__frequency select:focus{outline:2px solid var(--caramel);outline-offset:2px}.bean-modal__footer{padding:var(--space-md)var(--space-lg)var(--space-lg);gap:var(--space-md);border-top:1px solid var(--border);background:var(--white);flex-direction:column;display:flex}.bean-modal__footer-row{justify-content:space-between;align-items:center;display:flex}.bean-modal__current-price{align-items:baseline;gap:var(--space-xs);display:flex}.bean-modal__price-label{font-size:var(--text-sm);color:var(--text-light);font-weight:500}.bean-modal__price-value{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--roast);font-weight:700}.bean-modal__buy{justify-content:center;align-items:center;gap:var(--space-xs);width:100%;font-size:var(--text-base);letter-spacing:.03em;text-transform:uppercase;color:var(--white);background:var(--caramel);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-normal)var(--ease-out);border:none;padding:1rem 2rem;font-weight:700;text-decoration:none;display:flex}.bean-modal__buy:hover{background:var(--caramel-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.bean-modal__buy:focus-visible{outline:2px solid var(--caramel);outline-offset:2px}.bean-modal__buy svg{width:14px;height:14px}@media (max-width:680px){.bean-modal{max-height:95vh}.bean-modal__details{grid-template-columns:1fr}}