.custom-steps-product{--custom-accent: #D7C6A3;--custom-steps-width: 1160px;display:block}.custom-steps-product .product-form{border-top:0!important;margin-top:0!important}.custom-steps__top{position:relative;max-width:var(--custom-steps-width);margin:0 auto 2.5rem}.custom-steps__back{position:absolute;top:0;inset-inline-start:0;display:inline-flex;align-items:center;gap:.5rem;padding:.25rem 0;border:0;background:none;color:inherit;cursor:pointer}.custom-steps__back[hidden]{display:none}.custom-steps__back svg{width:.5rem;height:auto}.custom-steps__back svg path{fill:currentColor}.custom-steps__progress{display:flex;flex-direction:column;align-items:center;gap:.5rem}.custom-steps__bars{display:flex;gap:.375rem}.custom-steps__bar{width:2.5rem;height:3px;padding:0;border:0;border-radius:3px;background:var(--color-borders-forms-primary);transition:background-color .3s ease}.custom-steps__bar.is-active{background:var(--color-text-main)}.custom-steps__bar[tabindex="0"]{cursor:pointer}.custom-step[hidden]{display:none}.custom-step.is-active{animation:customStepIn .4s cubic-bezier(.4,0,.2,1)}.custom-step.is-back{animation-name:customStepBack}@keyframes customStepIn{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:none}}@keyframes customStepBack{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.custom-step.is-active{animation:none}}.custom-step__heading{display:flex;flex-direction:column;align-items:center;text-align:center;margin:0 0 2.5rem}.custom-step__kicker,.custom-step__title{margin:0}.custom-step__nav{display:flex;justify-content:center;gap:.75rem;margin-top:2.5rem}.custom-step__nav .button{min-width:10rem}.custom-step__error{display:none;text-align:center;color:#bf281b;margin:1.5rem 0 0}.custom-step__error.is-visible{display:block}.custom-steps__empty{grid-column:1 / -1;text-align:center;opacity:.6}.custom-choice__input{position:absolute;opacity:0;pointer-events:none}.custom-choice{display:block;height:100%;border:var(--border-width-forms) solid var(--color-borders-forms-primary);border-radius:var(--border-radius-forms);cursor:pointer;overflow:hidden;transition:background-color .25s ease,border-color .25s ease,box-shadow .25s ease}.custom-choice__input:focus-visible+.custom-choice{box-shadow:0 0 0 3px var(--color-secondary-background-main)}.custom-recipes{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;max-width:var(--custom-steps-width);margin-inline:auto}@media screen and (max-width:1023px){.custom-recipes{grid-template-columns:repeat(2,1fr);gap:.625rem}}.custom-recipe{position:relative}.custom-recipes.has-more:not(.is-expanded) .custom-recipe--more{display:none}.custom-recipe__label{display:flex;flex-direction:column;text-align:center}.custom-recipe__image{display:block;aspect-ratio:1;overflow:hidden}.custom-recipe__image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.custom-recipe__text{display:flex;flex-direction:column;justify-content:center;gap:.25rem;flex-grow:1;padding:1rem .75rem;-webkit-user-select:none;user-select:none}.custom-recipe__title{margin:0}.custom-recipe__subtitle{font-size:.875em}.no-touchevents .custom-recipe__label:hover,.custom-choice__input:checked+.custom-recipe__label{background:var(--custom-accent);border-color:var(--custom-accent)}.no-touchevents .custom-recipe__label:hover .custom-recipe__image img{transform:scale(1.04)}.custom-steps__more{display:block;margin:1.25rem auto 0;padding:0;border:0;background:none;color:inherit;cursor:pointer}.custom-format,.custom-visuals{--custom-tile-gap: 1rem;--custom-tile-width: calc((100% - 3 * var(--custom-tile-gap)) / 4);max-width:var(--custom-steps-width);margin-inline:auto}@media screen and (max-width:1023px){.custom-format,.custom-visuals{--custom-tile-gap: .625rem;--custom-tile-width: calc((100% - var(--custom-tile-gap)) / 2)}}.custom-format .main-label,.custom-visuals__label{display:block;font-weight:700;text-align:center;margin-bottom:10px}.custom-format .radio-packaging-container:only-child .main-label{display:none}.custom-format .radio-packaging-container+.radio-packaging-container{margin-top:1.5rem}.custom-format product-variants,.custom-format .product-variants,.custom-format .radio-packaging-container{display:block;width:100%}.custom-format .product-variant__container{display:flex;flex-wrap:wrap;justify-content:center;width:100%;margin-top:0;gap:var(--custom-tile-gap)}.custom-format .product-variant__container .packaging__item--icon{position:relative;flex:0 0 var(--custom-tile-width);width:var(--custom-tile-width);margin:0}.custom-format .packaging__item--icon input{position:absolute;opacity:0;pointer-events:none}.custom-format .packaging__item--icon label.packaging__label--icon{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;width:100%;height:100%;margin:0;padding:0;border:var(--border-width-forms) solid var(--color-borders-forms-primary);border-radius:var(--border-radius-forms);background:none;overflow:hidden;text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .25s ease,border-color .25s ease}.no-touchevents .custom-format .packaging__item--icon label.packaging__label--icon:hover,.custom-format .packaging__item--icon input:checked+label.packaging__label--icon{background:var(--custom-accent);border-color:var(--custom-accent)!important}.custom-format .packaging__item--icon input:focus-visible+label{box-shadow:0 0 0 3px var(--color-secondary-background-main)!important}.custom-format .packaging__item--icon.disabled label{opacity:.4}.custom-format .packaging__item--icon .packaging__label--icon .label--icon-left{display:block;aspect-ratio:1;padding:18%;overflow:hidden}.custom-format .packaging__item--icon .packaging__label--icon .label--icon-left img{width:100%;height:100%;object-fit:contain;display:block;transition:transform .4s ease}.no-touchevents .custom-format .packaging__item--icon label.packaging__label--icon:hover .label--icon-left img{transform:scale(1.04)}.custom-format .packaging__item--icon .packaging__label--icon .label--icon-right{display:flex;flex-direction:column;justify-content:center;gap:.25rem;flex-grow:1;padding:1rem .75rem;text-align:center}.custom-format .packaging__item--icon .packaging__label--icon .label--icon-right h6,.custom-format .packaging__item--icon .packaging__label--icon .label--icon-right p{margin:0;text-align:center}.custom-format .packaging__item--icon .packaging__label--icon .label--icon-right p{font-size:.875em}.custom-visuals{container-type:inline-size;--custom-visual-ratio: 450 / 1080;--custom-visual-padding: 1rem;--custom-visual-scale: 1.6;--custom-visual-height: calc((100cqw - 3 * var(--custom-tile-gap)) / 4 * var(--custom-visual-scale))}@media screen and (max-width:1023px){.custom-visuals{--custom-visual-height: calc((100cqw - var(--custom-tile-gap)) / 2 * var(--custom-visual-scale))}}.custom-visuals__list{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--custom-tile-gap)}.custom-visual{position:relative;flex:0 0 auto}.custom-visual__label{display:block;padding:var(--custom-visual-padding)}.custom-visual__label img{height:calc(var(--custom-visual-height) - 2 * var(--custom-visual-padding) - 2 * var(--border-width-forms));width:auto;aspect-ratio:var(--custom-visual-ratio);object-fit:cover;display:block;border-radius:max(0px,calc(var(--border-radius-forms) - var(--custom-visual-padding)));transition:transform .4s ease}.no-touchevents .custom-visual__label:hover,.custom-choice__input:checked+.custom-visual__label{background:var(--custom-accent);border-color:var(--custom-accent)}.no-touchevents .custom-visual__label:hover img{transform:scale(1.03)}.custom-message{align-items:center;max-width:var(--custom-steps-width);margin-inline:auto}.custom-step[data-step="4"] .custom-step__heading{margin-bottom:1rem}@media screen and (max-width:1023px){.custom-message.is-typing .custom-preview{width:min(100%,calc(var(--typing-preview-height, 30svh) * var(--preview-ratio, 1)))}.custom-preview{transition:width .25s ease}}.custom-message__preview{max-width:560px;width:100%;margin-inline:auto}.custom-preview{position:relative;aspect-ratio:var(--preview-ratio, 1);width:min(100%,calc(75vh * var(--preview-ratio, 1)));margin-inline:auto;container-type:inline-size;--text-color: #000;background:var(--color-background-cards)}.custom-preview__image{width:100%;height:100%;object-fit:cover;display:block}.custom-preview__text{position:absolute;top:var(--text-top, 50%);left:var(--text-left, 50%);width:var(--text-width, 70%);transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;text-align:center;color:var(--text-color);font-family:var(--font-stack-headings);line-height:1.15;pointer-events:none}.custom-preview__line{display:block;width:100%;font-size:calc(var(--line-size, 8) * 1cqw);white-space:nowrap;overflow:hidden;transition:opacity .2s ease}.custom-preview__line.is-placeholder{opacity:.4}.custom-message__form{max-width:560px;width:100%;margin-inline:auto}.custom-recap{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem 1.25rem;margin:0 0 1.5rem}.custom-recap__item{padding:0;border:0;background:none;color:inherit;cursor:pointer}.custom-recap__item[hidden]{display:none}.no-touchevents .custom-recap__item:hover [data-recap]{text-decoration:underline}.custom-field{position:relative;margin-bottom:10px}.custom-field input{width:100%;padding-inline-end:4.5rem}.custom-field input:focus::placeholder{color:transparent}.custom-field__count{position:absolute;top:50%;inset-inline-end:1rem;transform:translateY(-50%);opacity:.5;pointer-events:none}.custom-certify{display:flex;align-items:flex-start;gap:.625rem;margin-top:20px}.custom-certify input{flex-shrink:0;margin-top:.2em}.custom-certify label{cursor:pointer}.custom-error{display:none;border:var(--border-width-forms) solid #bf281b;border-radius:var(--border-radius-forms);padding:5px 10px;margin-top:20px;color:#bf281b}.custom-error.is-visible{display:block}.custom-error p{margin:0}.custom-message__form .product-actions__price{display:flex;flex-wrap:wrap}.custom-message__form .product-price{margin-top:20px}.custom-debug__toggle{position:absolute;top:.5rem;inset-inline-end:.5rem;z-index:2;padding:.25rem .5rem;border:0;border-radius:4px;background:#0009;color:#fff;font-size:11px;line-height:1.2;cursor:pointer}.custom-debug__toggle[hidden],.custom-debug__panel[hidden]{display:none}.custom-debug__panel{position:absolute;top:2.25rem;inset-inline-end:.5rem;z-index:2;display:flex;flex-direction:column;gap:.375rem;padding:.625rem;border-radius:6px;background:#ffffffeb;box-shadow:0 2px 8px #00000026;color:#000;font-size:12px}.custom-debug__title{margin:0;font-weight:700}.custom-debug__field{display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-family:monospace}.custom-debug__field input{width:4.5rem;min-height:0;padding:.25rem .375rem;font-size:12px}.custom-preview.is-debug .custom-preview__text{background:#ff00502e;outline:1px dashed rgba(255,0,80,.8)}.custom-preview.is-debug .custom-preview__text:after{content:"";position:absolute;top:50%;left:50%;width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:50%;background:#ff0050e6}
/*# sourceMappingURL=/cdn/shop/t/35/assets/section-custom-product-steps.css.map */