.ingredient-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1a1a1880;backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0);z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px;overflow-y:auto;animation:fadeInBackdrop .6s cubic-bezier(.4,0,.2,1) forwards}@keyframes fadeInBackdrop{0%{background:#1a1a1800;backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0)}to{background:#1a1a1880;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}}.ingredient-modal-overlay.closing{animation:fadeOutBackdrop .4s cubic-bezier(.4,0,.2,1) forwards}@keyframes fadeOutBackdrop{0%{opacity:1;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}to{opacity:0;backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0)}}.ingredient-modal-card{background:var(--bone, #F5F2ED);width:100%;max-width:800px;border-radius:4px;position:relative;animation:slideUpModal .5s cubic-bezier(.2,.8,.2,1);box-shadow:0 32px 80px #0003;overflow:hidden}@keyframes slideUpModal{0%{opacity:0;transform:translateY(40px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(min-width:769px){.ingredient-modal-card.closing{animation:fadeOutModal .3s cubic-bezier(.4,0,.2,1) forwards}@keyframes fadeOutModal{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.97)}}}.ingredient-modal-close{position:absolute;top:24px;right:24px;width:32px;height:32px;border:none;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:20;color:var(--charcoal, #2A2A28);opacity:.6;transition:all .2s ease}.ingredient-modal-close:hover{opacity:1;transform:rotate(90deg)}.ingredient-modal-content{display:grid;grid-template-columns:300px 1fr;min-height:500px}.ingredient-modal-sidebar{background:#eae6df;padding:48px 32px;display:flex;flex-direction:column;align-items:center;text-align:center;border-right:1px solid rgba(42,42,40,.05);position:relative}.ingredient-modal-image{width:120px;height:120px;margin-bottom:32px;position:relative;z-index:2}.ingredient-modal-image img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:1px solid rgba(42,42,40,.08);box-shadow:0 12px 32px #2a2a2814;transform:scale(1.37);transition:transform .5s ease}.ingredient-modal-card:hover .ingredient-modal-image img{transform:scale(1.42)}.ingredient-modal-image-placeholder{width:100%;height:100%;border-radius:50%;background:#f5f2ed80;display:flex;align-items:center;justify-content:center;font-family:Cormorant Garamond,serif;font-size:64px;color:var(--accent, #2D4A3E)}.ingredient-modal-header{display:flex;flex-direction:column;gap:8px;z-index:2}.ingredient-modal-title{font-family:Cormorant Garamond,serif;font-size:32px;font-weight:400;line-height:1.1;color:var(--charcoal, #2A2A28);letter-spacing:-.01em;margin:0}.ingredient-modal-scientific{font-family:DM Sans,sans-serif;font-size:11px;font-weight:400;font-style:italic;color:var(--charcoal-muted, #5A5A56);opacity:.8;margin:0}.ingredient-modal-kanji{position:absolute;bottom:48px;writing-mode:vertical-rl;text-orientation:upright;font-family:"Noto Serif JP",serif;font-size:38px;font-weight:600;color:var(--charcoal, #202020);opacity:.25;letter-spacing:.5em;-webkit-user-select:none;user-select:none;pointer-events:none;z-index:1}.ingredient-modal-body{padding:48px;display:flex;flex-direction:column;gap:40px;overflow-y:auto}.ingredient-modal-section{display:flex;flex-direction:column;gap:12px}.ingredient-label{font-size:10px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--accent, #2D4A3E);margin-bottom:4px;display:flex;align-items:center;gap:8px}.ingredient-label:after{content:"";height:1px;flex:1;background:#2d4a3e26;max-width:60px}.text-lead{font-family:Cormorant Garamond,serif;font-size:20px;font-weight:400;line-height:1.6;color:var(--charcoal, #2A2A28)}.text-body{font-family:DM Sans,sans-serif;font-size:14px;font-weight:400;line-height:1.7;color:var(--charcoal-muted, #5A5A56)}.text-small{font-family:DM Sans,sans-serif;font-size:12px;line-height:1.6;color:var(--charcoal-muted, #5A5A56)}.ingredient-tags{display:flex;gap:24px;padding-top:32px;border-top:1px solid rgba(42,42,40,.08)}.ingredient-tag-group{flex:1}.ingredient-modal-drag-handle{display:none}@media(max-width:768px){.ingredient-modal-overlay{padding:0;align-items:flex-end}.ingredient-modal-card{border-radius:16px 16px 0 0;max-height:85vh;animation:slideUpMobile .4s cubic-bezier(.2,.8,.2,1);touch-action:pan-y}.ingredient-modal-drag-handle{display:block;width:40px;height:4px;background:#2a2a2833;border-radius:2px;margin:12px auto 8px;flex-shrink:0}@keyframes slideUpMobile{0%{transform:translateY(100%)}to{transform:translateY(0)}}.ingredient-modal-card.closing{animation:slideDownMobile .4s cubic-bezier(.4,0,.6,1) forwards}@keyframes slideDownMobile{0%{transform:translateY(0)}to{transform:translateY(100%)}}.ingredient-modal-content{grid-template-columns:1fr;min-height:auto}.ingredient-modal-sidebar{padding:24px;flex-direction:row;align-items:center;text-align:left;gap:24px;border-bottom:1px solid rgba(42,42,40,.05);border-right:none;background:#f2f0eb}.ingredient-modal-kanji{display:none}.ingredient-modal-image{width:80px;height:80px;margin-bottom:0;flex-shrink:0}.ingredient-modal-image img,.ingredient-modal-card:hover .ingredient-modal-image img{transform:scale(1)}.ingredient-modal-title{font-size:24px}.ingredient-modal-body{padding:32px 24px 48px;gap:32px}.text-lead{font-size:18px}.ingredient-tags{flex-direction:column;gap:20px}}.ingredient-modal-close:focus-visible{outline:2px solid var(--accent, #2D4A3E);outline-offset:2px;border-radius:4px}
/*# sourceMappingURL=/cdn/shop/t/3/assets/ingredient-modal.css.map */