.mel-recipe{--bx-ink: var(--color-foreground);--bx-key: rgb(var(--color-foreground));--bx-blush: rgba(var(--color-button, var(--color-foreground)), .55);--bx-wash: rgba(var(--color-button, var(--color-foreground)), .12);--bx-rule: rgba(var(--bx-ink), .14);--bx-rule-soft: rgba(var(--bx-ink), .08);--bx-muted: rgba(var(--bx-ink), .62);margin:2rem 0 1.6rem;border:1px solid var(--bx-rule);border-radius:10px;overflow:hidden}.mel-recipe__head{padding:1.1rem 1.2rem;display:flex;align-items:baseline;gap:.7rem;border-bottom:1px solid var(--bx-rule-soft)}.mel-recipe__label{font-weight:600;font-size:1.4rem;line-height:1.3;letter-spacing:.02em}.mel-recipe__count{font-size:1.25rem;color:var(--bx-muted);font-variant-numeric:tabular-nums}.mel-recipe__count b{color:var(--bx-key);font-weight:600}.mel-recipe__body{padding:1.2rem;display:flex;flex-direction:column;gap:1.1rem}.mel-recipe__groups{margin:0;border:1px solid var(--bx-rule-soft);border-radius:10px;overflow:hidden}.mel-recipe__group{display:grid;grid-template-columns:11rem minmax(0,1fr);border-bottom:1px solid var(--bx-rule-soft)}.mel-recipe__group:last-child{border-bottom:0}.mel-recipe__group>dt{padding:1rem 1.2rem;font-size:1rem;font-weight:600;letter-spacing:.075em;text-transform:uppercase;color:var(--bx-muted);background:var(--bx-wash);border-right:1px solid var(--bx-rule-soft)}.mel-recipe__group>dd{margin:0;padding:.9rem 1.2rem;display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}@media screen and (max-width:549px){.mel-recipe__group{grid-template-columns:minmax(0,1fr)}.mel-recipe__group>dt{border-right:0;border-bottom:1px solid var(--bx-rule-soft);padding-bottom:.6rem}}.mel-recipe__ing{display:inline-flex;align-items:baseline;gap:.35rem;font-size:1.25rem;line-height:1.5;padding:.2rem .7rem;border:1px solid var(--bx-rule-soft);border-radius:6px;background:rgb(var(--color-background));white-space:nowrap}.mel-recipe__ing--noqty{border-style:dashed;color:var(--bx-muted)}.mel-recipe__q{font-weight:600;font-variant-numeric:tabular-nums;color:var(--bx-key);font-size:1.25rem}.mel-recipe__x{color:var(--bx-muted);font-size:.95rem}.mel-recipe__note{margin:0;font-size:1.2rem;line-height:1.65;color:var(--bx-muted);border-left:2px solid var(--bx-blush);padding-left:1.1rem}.mel-recipe__note strong{color:rgb(var(--bx-ink));font-weight:600}.mel-recipe__care-toggle{border-top:1px solid var(--bx-rule-soft)}.mel-recipe__care-toggle>summary{list-style:none;cursor:pointer;padding:1rem 1.2rem;display:flex;align-items:center;gap:.8rem}.mel-recipe__care-toggle>summary::-webkit-details-marker{display:none}.mel-recipe__care-toggle>summary:hover{background:var(--bx-wash)}.mel-recipe__care-toggle>summary:focus-visible{outline:2px solid rgb(var(--bx-ink));outline-offset:-2px}.mel-recipe__care-label{font-weight:600;font-size:1.25rem;letter-spacing:.01em}.mel-recipe__chevron{margin-left:auto;flex:none;width:.7rem;height:.7rem;border-right:1.5px solid var(--bx-muted);border-bottom:1.5px solid var(--bx-muted);transform:rotate(45deg);margin-bottom:3px;transition:transform .2s ease}.mel-recipe__care-toggle[open] .mel-recipe__chevron{transform:rotate(-135deg);margin-bottom:-3px}.mel-recipe__care-body{padding:0 1.2rem 1.2rem}.mel-recipe__care-body .mel-recipe__care h4{display:none}.mel-recipe__care-body--dual{display:flex;flex-direction:column;gap:1.4rem}.mel-recipe__care-body--dual .mel-recipe__care h4{display:block}.mel-recipe__care{display:flex;flex-direction:column;gap:.7rem}.mel-recipe__care h4{margin:0;font-size:1.25rem;font-weight:600;letter-spacing:.02em}.mel-recipe__care p{margin:0;font-size:1.2rem;color:var(--bx-muted);line-height:1.6}.mel-recipe__care ol{margin:0;padding:0;list-style:none;counter-reset:bxstep;display:flex;flex-direction:column;gap:.6rem}.mel-recipe__care li{counter-increment:bxstep;display:grid;grid-template-columns:1.8rem minmax(0,1fr);gap:.8rem;font-size:1.25rem;line-height:1.55;color:rgba(var(--bx-ink),.82)}.mel-recipe__care li:before{content:counter(bxstep);font-size:1rem;font-weight:600;color:var(--bx-key);background:var(--bx-wash);border-radius:50%;width:1.8rem;height:1.8rem;display:grid;place-items:center;margin-top:2px;font-variant-numeric:tabular-nums}@media(prefers-reduced-motion:reduce){.mel-recipe *,.mel-recipe *:before{transition:none!important}}@media screen and (min-width:990px){.product--small:not(.product--no-media) .product__media-wrapper,.product--medium:not(.product--no-media) .product__media-wrapper{max-width:42%;width:calc(42% - var(--grid-desktop-horizontal-spacing) / 2)}.product--small:not(.product--no-media) .product__info-wrapper,.product--medium:not(.product--no-media) .product__info-wrapper{padding:0 0 0 4rem;max-width:58%;width:calc(58% - var(--grid-desktop-horizontal-spacing) / 2)}}@media screen and (min-width:990px){.product__info-wrapper .product-form,.product__info-wrapper .product-form__buttons,.product__info-wrapper .product__info-container>.product-form__input{max-width:none}.product__info-wrapper .product-form__buttons{display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-items:stretch}.product__info-wrapper .product-form__buttons .product-form__submit{margin-bottom:0;height:100%;min-height:5.5rem}.product__info-wrapper .product-form__buttons .shopify-payment-button{display:grid;grid-template-rows:minmax(5.5rem,auto) auto}.product__info-wrapper .product-form__buttons .shopify-payment-button__button{margin-top:0;min-height:5.5rem}}.product-form__input--pill:has(.mel-opt){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;max-width:none;margin:.2rem 0 1.8rem}.product-form__input--pill:has(.mel-opt) .form__label{margin:0 0 .8rem;padding-left:0}@media screen and (min-width:750px){.product-form__input--pill:has(.mel-opt){grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem}}.product-form__input--pill:has(.mel-opt) input[type=radio]+label{display:flex;flex-direction:column;align-items:center;gap:.4rem;margin:0;padding:.9rem .5rem .85rem;border:1px solid rgba(var(--color-foreground),.16);border-radius:10px;background-color:rgb(var(--color-background));color:rgba(var(--color-foreground),.55);font-size:1.2rem;letter-spacing:normal;line-height:1.2;text-align:center;cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease}.product-form__input--pill:has(.mel-opt) input[type=radio]+label:before{content:none}.product-form__input--pill:has(.mel-opt) input[type=radio]+label:hover{border-color:var(--bx-blush, rgba(var(--color-button), .55))}.product-form__input--pill:has(.mel-opt) input[type=radio]:checked+label{background-color:rgba(var(--color-button),.14);color:rgb(var(--color-foreground));border-color:rgb(var(--color-button));box-shadow:inset 0 0 0 1px rgb(var(--color-button))}.product-form__input--pill:has(.mel-opt) input[type=radio]:focus-visible+label{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}.product-form__input--pill:has(.mel-opt) input[type=radio].disabled+label{opacity:.45;text-decoration:none}.mel-opt{display:block;line-height:0}.mel-opt svg{width:2.6rem;height:2.6rem}[data-bx-step="2"] .mel-opt svg{width:2.8rem;height:2.8rem}[data-bx-step="3"] .mel-opt svg{width:3rem;height:3rem}[data-bx-step="4"] .mel-opt svg{width:3.2rem;height:3.2rem}@media screen and (max-width:749px){.mel-opt svg{width:3rem;height:3rem}[data-bx-step="2"] .mel-opt svg{width:3.3rem;height:3.3rem}[data-bx-step="3"] .mel-opt svg{width:3.6rem;height:3.6rem}[data-bx-step="4"] .mel-opt svg{width:3.9rem;height:3.9rem}}.mel-opt__name{font-size:1.25rem;font-weight:600;line-height:1.2;color:rgb(var(--color-foreground))}.product-form__input--pill:has(.mel-opt) input:checked+label .mel-opt__name{color:rgb(var(--color-foreground))}.mel-opt__meta{display:flex;flex-direction:column;gap:.15rem;align-items:center}.mel-opt__count{font-size:1rem;letter-spacing:.04em;text-transform:uppercase;color:rgba(var(--color-foreground),.62);font-variant-numeric:tabular-nums;line-height:1.2}.mel-opt__price{font-size:1.15rem;color:rgba(var(--color-foreground),.62);font-variant-numeric:tabular-nums}@media screen and (min-width:990px){.product--large:not(.product--no-media) .product__media-wrapper{max-width:30%;width:calc(30% - var(--grid-desktop-horizontal-spacing) / 2)}.product--large:not(.product--no-media) .product__info-wrapper{max-width:70%;width:calc(70% - var(--grid-desktop-horizontal-spacing) / 2)}}
/*# sourceMappingURL=/cdn/shop/t/29/assets/mel-recipe.css.map */