#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;
        }

        .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(auto-fill,minmax(112px,1fr));
            align-content:start;
            justify-items:center;
            gap:13px;
            height:100%;
            width:100%;
            padding:12px;
            box-sizing:border-box;
            overflow-y:auto;
        }
        .wrapListModifyLeft .modificationMiniCard{
            width:100%;
            max-width:124px;
            margin:0;
        }

        .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;*/
        /*}*/