.ic-ingredient-grid{background:var(--ic-ingredient-bg, #faf8f4);padding:80px 56px}.ic-ingredient-grid--no-top{padding-top:0}.ic-ingredient-grid--no-bottom{padding-bottom:0}.ic-ingredient-grid__header{max-width:489px;margin:0 auto 56px;text-align:center;display:flex;flex-direction:column;gap:24px}.ic-ingredient-grid__heading{font-family:Romie,serif!important;font-style:normal!important;font-weight:400;font-size:32px;line-height:44px;letter-spacing:.64px;color:#101917;margin:0}.ic-ingredient-grid__body{font-size:13.3px;line-height:28px;color:#313d3b}.ic-ingredient-grid__body p{margin:0}.ic-ingredient-grid__grid{display:flex;flex-wrap:wrap}.ic-ingredient-grid__cell{flex:1 0 25%;min-height:280px;box-sizing:border-box;border:1px solid #d3caba;margin:-1px 0 0 -1px;position:relative;z-index:1;overflow:hidden;transition:background .25s ease,border-color .25s ease;cursor:default}.ic-ingredient-grid__cell:hover,.ic-ingredient-grid__cell.is-active{background:#f9f4eb;border-color:#e9980d;z-index:2}.ic-ingredient-grid__name{position:absolute;top:50%;left:32px;right:32px;transform:translateY(-50%);font-family:Romie,serif!important;font-style:normal!important;font-weight:400;font-size:24px;line-height:32px;color:#101917;text-align:center;margin:0;transition:top .6s cubic-bezier(.25,.46,.45,.94) .3s,transform .6s cubic-bezier(.25,.46,.45,.94) .3s,font-size .6s cubic-bezier(.25,.46,.45,.94) .3s,line-height .6s cubic-bezier(.25,.46,.45,.94) .3s}.ic-ingredient-grid__cell:hover .ic-ingredient-grid__name,.ic-ingredient-grid__cell.is-active .ic-ingredient-grid__name{top:32px;transform:translateY(0);font-size:18px;line-height:24px;transition:top .6s cubic-bezier(.25,.46,.45,.94) 0s,transform .6s cubic-bezier(.25,.46,.45,.94) 0s,font-size .6s cubic-bezier(.25,.46,.45,.94) 0s,line-height .6s cubic-bezier(.25,.46,.45,.94) 0s}.ic-ingredient-grid__desc{position:absolute;top:80px;bottom:32px;left:32px;right:32px;font-size:13.3px;line-height:24px;color:#313d3b;text-align:left;margin:0;overflow:hidden;opacity:0;transform:translateY(10px);pointer-events:none;transition:opacity .25s ease-out 0s,transform .25s ease-out 0s}.ic-ingredient-grid__cell:hover .ic-ingredient-grid__desc,.ic-ingredient-grid__cell.is-active .ic-ingredient-grid__desc{opacity:1;transform:translateY(0);pointer-events:auto;transition:opacity .4s ease-out .6s,transform .4s ease-out .6s}@media(max-width:879px){.ic-ingredient-grid{padding:60px 24px}.ic-ingredient-grid__header{max-width:100%;margin-bottom:40px}.ic-ingredient-grid__heading{font-size:24px;line-height:36px}.ic-ingredient-grid__cell{flex:1 0 50%;min-height:120px;cursor:pointer}.ic-ingredient-grid__name{font-size:16px;line-height:24px;left:16px;right:16px}.ic-ingredient-grid__desc{top:56px;bottom:16px;left:16px;right:16px}.ic-ingredient-grid__cell:hover:not(.is-active){background:transparent;border-color:#d3caba;z-index:1}.ic-ingredient-grid__cell:hover:not(.is-active) .ic-ingredient-grid__name{top:50%;transform:translateY(-50%);font-size:16px;line-height:24px}.ic-ingredient-grid__cell:hover:not(.is-active) .ic-ingredient-grid__desc{opacity:0;transform:translateY(10px)}.ic-ingredient-grid__cell.is-active{background:#f9f4eb;border-color:#e9980d;z-index:2;flex:1 0 100%;min-height:200px}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/ingredient-grid.css.map */