#blockModalModificationFlex{
            display:flex;
    justify-content:center;align-items:center;overflow:auto;z-index:9999910; position:fixed;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,0.8);

        }
        .ModalModificationPadding{padding: 10% 0% 0% 0%;}
        .ModalModificationPadding #blockContentModalModification{margin-bottom:15%;}
        #blockCloseModalModification{position:absolute;top:0;left:0;width:100%;height:100%;z-index:9911;}
        #blockContentModalModification{position: relative;max-width:1050px;background:#fff;border-radius:16px;padding:0;margin: auto; width: min(92vw, 1050px);z-index:9912;}

        #closeIconModificationCard{
            position: absolute;
            top:-25px;
            right:-30px;
            width: 35px;
            height: 28px;
            /*background:url("/images/modificationImg/close.png")center center no-repeat;*/
            /*background-size: 100%;*/
            fill:#ffffff;
            -webkit-mask: url(/images/closed_modalIcon.svg) no-repeat 50% 50%;
            mask: url(/images/closed_modalIcon.svg) no-repeat 50% 50%;
            -webkit-mask-size: cover;
            mask-size: cover;
            background-color: #ffffff;
        }
        #closeIconModificationCard:hover{
            /*background:url("/images/modificationImg/close_1.png")center center no-repeat;*/
            /*background-size: 100%;*/
            cursor: pointer;
            -webkit-mask: url(/images/closed_modalIcon.svg) no-repeat 50% 50%;
            mask: url(/images/closed_modalIcon.svg) no-repeat 50% 50%;
            -webkit-mask-size: cover;
            mask-size: cover;
            background-color: var(--default-color);
        }



        .blockModifyKomboModal{
            width:100%;
            border:1px solid #dddddd;
            border-radius: 10px;
            /*padding:5px 10px;*/
            box-sizing: border-box;
            margin-bottom: 5px;
            margin-top:5px;
            cursor: pointer;
        }

        .blockModifyKomboModal.combo-choice-transition{
            position:relative;
            overflow:hidden;
            transition:height 360ms cubic-bezier(.2,.7,.2,1);
        }
        .blockModifyKomboModal .combo-choice-outgoing{
            position:absolute !important;
            top:0;
            left:0;
            width:100%;
            pointer-events:none;
            animation:combo-choice-out 260ms cubic-bezier(.4,0,.2,1) both;
        }
        .blockModifyKomboModal .combo-choice-incoming{
            opacity:0;
            transform:translate3d(0,7px,0);
        }
        .blockModifyKomboModal.combo-choice-entered .combo-choice-incoming{
            opacity:1;
            transform:translate3d(0,0,0);
            transition:opacity 380ms ease-out 45ms,transform 430ms cubic-bezier(.2,.7,.2,1) 45ms;
        }
        .blockModifyKomboModal.combo-choice-accent::after{
            content:"";
            position:absolute;
            inset:0;
            border:1px solid var(--default-color);
            border-radius:inherit;
            pointer-events:none;
            animation:combo-choice-outline 520ms ease-out both;
        }
        @keyframes combo-choice-out{
            from{
                opacity:var(--combo-choice-out-opacity,1);
                transform:var(--combo-choice-out-transform,translate3d(0,0,0));
            }
            to{
                opacity:0;
                transform:var(--combo-choice-out-transform,translate3d(0,0,0)) translate3d(0,-3px,0);
            }
        }
        @keyframes combo-choice-outline{
            0%,100%{opacity:0;}
            35%{opacity:.18;}
        }
        @media (prefers-reduced-motion:reduce){
            .blockModifyKomboModal.combo-choice-transition,
            .blockModifyKomboModal.combo-choice-entered .combo-choice-incoming{
                transition:none !important;
            }
            .blockModifyKomboModal .combo-choice-outgoing,
            .blockModifyKomboModal.combo-choice-accent::after{
                animation:none !important;
            }
        }

        .imgMiniKombo{
            width: 30%;
            text-align: center;
            min-height: 90px;
            /*height: 90px;*/
            display: flex;
            align-items: center;
            justify-content: center;
            padding-top:10px;
            padding-bottom:5px;
        }

        .blockBetweenKomboRight{
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
            padding:5px 10px;
            overflow: hidden;
            border-radius: 10px;
            background-color: #ffffff;
        }

        .blockBetweenKomboRight.active{
            background-color: #ffffff;
        }

        .textKomboRight{
            width: 65%;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .descriptionVisualActiveProductModify{
            font-size: 0.8em;
            color: #606060;
        }

        .priceVisualActiveProductModify{
            font-size: 0.8em;
            color: var(--default-color);
            font-family: Nautilus;
            font-weight: bold;
            margin-top: 10px;
        }

        .titleLeftVisuals{
            width:100%;
            text-align: left;
        }


        .imgBlockModificationCartLeftKombo{
            display:flex;
            justify-content:center;
            align-items:center;
            height:100%;
            width:100%;
            overflow:hidden;
            background:#f5f5f552;
        }
        .imgBlockModificationCartLeftKombo img{
            width:100%;
            height:100%;
            object-fit:cover;
            display:block;
        }

        .wrapListModifyLeft{
            display:grid;
            grid-template-columns:repeat(5,minmax(0,1fr));
            align-content:start;
            justify-items:center;
            gap:12px;
            height:100%;
            width:100%;
            padding:12px;
            box-sizing:border-box;
            overflow-y:auto;
            scrollbar-gutter:stable;
        }
        .wrapListModifyLeft .modificationMiniCard{
            width:100%;
            max-width:124px;
            min-width:0;
            min-height:190px;
            margin:0;
        }
        .wrapListModifyLeft .imgMini{
            flex:0 0 100px;
            height:100px;
            min-height:0;
            padding:0;
        }
        .wrapListModifyLeft .imgMini img{
            max-height:90px;
            object-fit:contain;
        }
        .wrapListModifyLeft .divminiCardBottom{
            flex:1 1 auto;
            width:100%;
            min-height:0;
            justify-content:flex-start;
        }
        .wrapListModifyLeft .titleblockModifyProduct{
            padding:4px 2px 0 !important;
        }
        .wrapListModifyLeft .priceMini{
            position:static;
            margin-top:auto;
            padding-top:6px;
        }
        .wrapListModifyLeft.combo-variant-enter-prep .modificationMiniCard{
            opacity:0 !important;
            transform:translate3d(0,50%,0);
        }
        .wrapListModifyLeft.combo-variant-enter-active .modificationMiniCard{
            opacity:1;
            transform:translate3d(0,0,0);
            transition:opacity 360ms ease-out,transform 430ms cubic-bezier(.16,1,.3,1);
            transition-delay:var(--combo-variant-delay,0ms);
        }
        .wrapListModifyLeft.combo-variant-exit{
            pointer-events:none;
        }
        .wrapListModifyLeft.combo-variant-exit .modificationMiniCard{
            animation:combo-variant-card-exit 190ms ease-in-out both;
            animation-delay:var(--combo-variant-exit-delay,0ms);
        }
        @keyframes combo-variant-card-exit{
            0%{
                filter:opacity(1);
                transform:var(--combo-variant-exit-transform,translate3d(0,0,0));
            }
            35%{
                filter:opacity(1);
                transform:var(--combo-variant-exit-transform,translate3d(0,0,0)) translate3d(0,-3px,0);
            }
            100%{
                filter:opacity(0);
                transform:var(--combo-variant-exit-transform,translate3d(0,0,0)) translate3d(0,7px,0);
            }
        }
        @media (prefers-reduced-motion:reduce){
            .wrapListModifyLeft.combo-variant-enter-prep .modificationMiniCard{
                opacity:1 !important;
                transform:none;
            }
            .wrapListModifyLeft.combo-variant-enter-active .modificationMiniCard{
                transition:none !important;
            }
            .wrapListModifyLeft.combo-variant-exit .modificationMiniCard{
                animation:none !important;
            }
        }

        .imgBlockModificationCartLeft{
            display: flex;justify-content: center;
            align-items: center;
            height:100%;
            width:100%;
            overflow:hidden;
            background:#f5f5f5;
        }
        .imgBlockModificationCartLeft img{
            max-width:100%;
            max-height:100%;
            width:auto;
            height:auto;
            display:block;
        }
        .rightCardModification{
            display: flex; flex-direction: column;justify-content: space-between;align-items: start;
        }
        .blockInfoCardModificationRight{
            background-color: #fafafa;
            width:100%;
            height: 85%;
            padding:13px 25px;
            box-sizing: border-box;
            overflow-y: scroll;
            z-index: 0;
        }
        .buttonInCartBlockModification{
            width:100%;
            height:15%;
            text-align: center;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }

        .titleCardModification {}
        .titleCardModification h3{
            font-size: 28px;
            font-family: Nautilus;
            color: #262522;
            padding-top:0;
            padding-bottom:0;
            margin-bottom:0;
            margin-top:0;
        }
        .descriptionModificationProductCard{}
        .descriptionModificationProductCard p{
            margin:0;
            padding:0;
            font-family: :Regular;
            font-size:16px;
            color:#909090;
            padding:10px 0;
            padding-bottom:15px;
        }

        .buttonInCartBlockModification .buttonDiv{
            padding: 10px 35px 11px 35px;
            border-radius: 25px;
            background: var(--default-color);
            color: #fff;
            font-size: 18px;
            margin: 10px 25px;
            font-family: Nautilus;
            color: #ffffff;
            position: relative;
            box-sizing: border-box;
            width: 90%;
        }
        .buttonInCartBlockModification .buttonDiv:hover{
            background: var(--default-color-active);
            cursor: pointer;
        }

        .modificationListBlock{
            width: 100%;
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
        }
        .modificationSectionTitle{
            margin:8px 0 6px;
            font-size:15px;
            line-height:1.3;
            font-weight:600;
            font-family:inherit;
            color:#111827;
        }
        .modificationCheckboxRow{
            width:100%;
            display:flex;
            align-items:center;
            gap:8px;
            padding:8px 0;
            margin:0;
            border:0 !important;
            border-bottom:0 !important;
            border-radius:0 !important;
            background:transparent !important;
            box-shadow:none !important;
            outline:none !important;
            cursor:pointer;
            user-select:none;
        }
        .modificationCheckboxRow.active{
            border:0 !important;
            border-bottom:0 !important;
            border-radius:0 !important;
            background:transparent !important;
            box-shadow:none !important;
            outline:none !important;
        }
        .modificationCheckboxRow:before,
        .modificationCheckboxRow:after,
        .modificationCheckboxTitle:before,
        .modificationCheckboxTitle:after{
            content:none !important;
            display:none !important;
        }
        .modificationCheckboxRow:focus,
        .modificationCheckboxRow:focus-within{
            border:0 !important;
            border-bottom:0 !important;
            border-radius:0 !important;
            background:transparent !important;
            box-shadow:none !important;
            outline:none !important;
        }
.modificationCheckboxInput{
    margin:0;
    width:22px;
    height:22px;
    flex:0 0 22px;
    appearance:none;
    -webkit-appearance:none;
    border:1px solid var(--default-color);
    box-sizing:border-box;
    border-radius:50%;
    background:#ffffff;
    cursor:default;
    margin-bottom:0;
    opacity:1;
    position:relative;
    pointer-events:none;
    overflow:hidden;
    transition:all .15s ease;
}
.modificationCheckboxInput:checked{
    border-color:var(--default-color);
    background-color:transparent;
    opacity:1;
}
.modificationCheckboxInput:checked::before{
    content:"";
    position:absolute;
    width:22px;
    height:22px;
    left:-1px;
    top:-1px;
    border-radius:50%;
    background-color:var(--default-color);
}
.modificationCheckboxInput:checked::after{
    content:"";
    position:absolute;
    width:22px;
    height:22px;
    left:-1px;
    top:-1px;
    -webkit-mask: url(/images/accept_check_icon.svg) no-repeat 50% 50%;
    mask: url(/images/accept_check_icon.svg) no-repeat 50% 50%;
    -webkit-mask-size: cover;
    mask-size: cover;
    background-color:#ffffff;
}
        .modificationCheckboxTitle{
            white-space:nowrap;
            overflow:hidden;
            text-overflow:ellipsis;
            max-width:55%;
            font-size:14px;
            color:#1f2937;
            line-height:1.2;
        }
.modificationCheckboxDots{
    flex:1 1 auto;
    border-bottom:1px dotted #cbd5e1;
    align-self:flex-end;
    margin-bottom:5px;
}
.modificationCheckboxPrice{
    white-space:nowrap;
    font-size:13px;
    color:#374151;
    font-family:Nautilus;
    line-height:1.1;
}
.modificationCheckboxSlice{
    width:100%;
    height:1px;
    background:#e5e7eb;
    margin:10px 0 8px;
}

        .modificationMiniCardClear{
            width:117px;
            height: 1px;
            margin:5px 0;
            padding: 5px 5px;
            box-sizing: border-box;
        }

        .modificationMiniCard{
            width:105px;
            background-color: #ffffff;
            min-height:159px;
            border:1px solid #ffffff;
            margin:5px 0;
            padding: 5px 5px;
            box-sizing: border-box;
            border-radius: 15px;
            box-shadow: 0px 0px 10px -8px;
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
            align-items: center;
            cursor: pointer;
            position: relative;
        }

        .titleblockModifyProduct{
            padding-bottom:30px !important;
        }

        .modificationMiniCard:hover{
            border:1px solid var(--default-color);
        }

        .modificationMiniCard.active{
            border:1px solid var(--default-color);
            position: relative;
            opacity:1 !important;
        }

        .modificationMiniCard.active::before{
            content: "";
            width:22px;height:22px;
            /*background:url('/images/modificationImg/mark.png')center center no-repeat;*/
            background-size: 100%;
            position: absolute;
            top:5px;
            right:10px;
            -webkit-border-radius: 25px;
            -moz-border-radius: 25px;
            border-radius: 25px;
            background-color: var(--default-color);
        }

        .modificationMiniCard.active::after{
            /*content: url(/images/accept_check_icon.svg);*/
            content: "";
            width:22px;height:22px;
            /*background:url('/images/modificationImg/mark.png')center center no-repeat;*/
            background-size: 100%;
            position: absolute;
            top:5px;
            right:10px;
            fill:#fff;
            -webkit-mask: url(/images/accept_check_icon.svg) no-repeat 50% 50%;
            mask: url(/images/accept_check_icon.svg) no-repeat 50% 50%;
            -webkit-mask-size: cover;
            mask-size: cover;
            background-color: #fff;
        }

        .imgMini{
            width: 100%;
            text-align: center;
            /*height: 90px;*/
            display: flex;
            align-items: center;
            justify-content: center;
            padding-top:10px;
            padding-bottom:5px;
        }

        .titleMini{
            width: 100%;
            text-align: center;
            font-size: 14px;
            color: #262522;
            padding-top:5px;
            padding-bottom:10px;
            padding-left: 10px;
            padding-right: 10px;
            box-sizing: border-box;
        }

        .titleMini2{
            width: 100%;
            text-align: center;
            font-size: 13px;
            color: #262522;
            padding-top:5px;
            padding-bottom:10px;
            padding-left: 10px;
            padding-right: 10px;
            box-sizing: border-box;
        }
        .titleMini3{
            width: 100%;
            text-align: center;
            font-size: 11px;
            color: #262522;
            padding-top:5px;
            padding-bottom:10px;
            padding-left: 10px;
            padding-right: 10px;
            box-sizing: border-box;
        }

        .descriptionblockModifyProduct{
            display: none;
        }

        .priceMini{
            width: 100%;
            text-align: center;
            font-size: 16px;
            color: #252622;
            font-family: Nautilus;
            position: absolute;
            bottom:10px;
        }

        .divminiCardBottom{
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            align-items: center;
            min-height: 60px;
        }

        .h4TitleCard{
            width:100%;
        }
        .h4TitleCard h4{
            font-size: 20px;
            font-family: Nautilus;
            color: #262522;
            margin:0;
            padding: 0;
            padding-bottom: 0px;
        }

        .h4TitleCard p{
            font-size: 14px;
            font-family: Regular;
            color: #9d9d9d;
            margin:0;
            padding: 2px 0;
            padding-bottom: 2px;
        }

        .opacityBtn{
            opacity:1;
            display: block;
        }

        .opacityMax{
            opacity:1;
            display: none;
        }

        #btnInCartModifyBtnDiv{
            overflow: hidden;
        }

        #btnInCartModifyBtnDivPlaceholderColor{
            position: absolute;
            background: #FFFFFF;
            color: #101010;
            width:100%;
            height: 100%;
            top:0;
            left:0;
            border-radius: 0;
            box-sizing: border-box;
            border:1px solid var(--default-color);
        }

        #btnInCartModifyBtnDivPlaceholderColorBackground{
            position: absolute;
            background: var(--default-color);
            width:4%;
            height: 100%;
            top:0;
            left:-30%;
            border-radius: 0;
            box-sizing: border-box;
            border:1px solid var(--default-color);
        }


        #btnInCartModifyBtnDivPlaceholder{
            position: absolute;
            background: none;
            color: #101010;
            content: "Выберите модификатор";
            width:100%;
            height: 100%;
            top:0;
            left:0;
            border-radius: 25px;
            box-sizing: border-box;
            border:1px solid var(--default-color);
            padding: 9px 0px;
        }

        .textInvert {
            /* значение противоположное фону заполнителя */
            /*color: rgb(0, 255, 255);*/
            /*mix-blend-mode: difference;*/
        }

        /*.animateBlockPrice{*/
        /*    min-width: 80px;*/
        /*    display: inline-block;*/
        /*    text-align: left;*/
        /*}*/