#features-configurator-hider {
    max-height: 0;
    overflow: hidden;
    transition: max-height: 0.2s;
}
#features-configurator-hider.show {
    max-height: 10000px;
    overflow: visible;
    transition: max-height: 0.2s;
}
.featureNameBtn {
    font: var(--featureName-font);
    color: var(--featureName-color);
    text-transform: var(--featureName-transform);
}
.featureNameBtn span {
    padding-top: var(--featureName-paddingTop);
}
.youSaveTip {
    display: flex;
    align-items: center;
    margin-left: 0;
}
.featureOptions .features-select, .featureOptions .variants-select {
    width: 400px;
    max-width: 100%;
    font: var(--featureValue-font);
    color: var(--featureValue-color);
    height: 40px;
}
.featureOptions {
    font: var(--featureValue-font);
    color: var(--featureValue-color);
}
.btnFeaturesCont .featureImg-cont {
    width: 20%;
}
.btnFeaturesCont .buttonImg {
    font: var(--featureImg-font);
    color: var(--featureImg-color);
    padding: 5px;
}
.tooltip-inner img {
    max-width: 100%;
    width: auto;
    height: auto;
    max-height: 100%;
    margin-bottom: 10px;
}
.buttonImg {
    border: var(--featureImg-border);
    align-self: flex-start;
}
.buttonImg:hover {
    border: var(--featureImg-hover-border);
}
.buttonImg.active {
    border: var(--featureImg-active-border);
}
#features-trigger-btn {
    cursor: pointer;
    display: inline-block;
    width: auto;
    background: var(--featuresTriggerBtn-bck) url(../img/icons/wand.svg) 15px center no-repeat;
    background-size: 24px 24px;
    font: var(--featuresTriggerBtn-font);
    color: var(--featuresTriggerBtn-color);
    margin: var(--featuresTriggerBtn-margin);
    text-transform: var(--featuresTriggerBtn-transform);
    cursor: pointer;
    border: var(--featuresTriggerBtn-border);
    padding: var(--featuresTriggerBtn-padding);
    border-radius: var(--featuresTriggerBtn-radius);
}
#features-trigger-btn:hover {
    color: var(--featuresTriggerBtn-hover-color);
    background-color: var(--featuresTriggerBtn-hover-bck);
    border: var(--featuresTriggerBtn-hover-border);
}
.featuresExtraHeader {
    font: var(--featuresExtraHeader-font);
    color: var(--featuresExtraHeader-color);
}
.select2-container {
    width: 100% !important;
    max-width: 400px !important;
}
.cartFeatures  {
    font: var(--cartFeatures-font) !important;
    color: var(--cartFeatures-color) !important;
}
.cartFeatures small:not(.dedication) {
    padding-left: 5px;
    font-size: 0.8em !important;
}
.cartFeatures small.dedication {
    margin-top: 5px;
    width: 100%;
}
#activeboxCart .cartFeatures .dedication svg {
    max-width: 150px;
    height: auto;
    width: auto;
    margin-bottom: 5px;
    max-height: 50px;
}
.cartFeatures .dedication svg {
    max-width: 100%;
    height: auto;
}
#activeboxCart .cartFeatures .dedication svg rect {
    max-height: calc(100% - 6px);
    max-width: calc(100% - 2px);
}
.btnFeaturesCont:not(.lSSlide) {
    width: 100%;
    flex-wrap: wrap;
}
.featureImgGalleryTrigger {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 10px;
    right: 10px;
}
.featureImgGalleryTrigger:before, .previewPopupTrigger:after {
    mask-image: url(../img/icons/magnification.svg);
    -webkit-mask-image: url(../img/icons/magnification.svg);
    -o-mask-image: url(../img/icons/magnification.svg);
    -ms-mask-image: url(../img/icons/magnification.svg);

    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    -o-mask-repeat: no-repeat;
    -ms-mask-repeat: no-repeat;

    mask-size: auto 20px;
    -webkit-mask-size: auto 20px;
    -o-mask-size: auto 20px;
    -ms-mask-size: auto 20px;

    mask-position: center center;
    -webkit-mask-position: center center;
    -o-mask-position: center center;
    -ms-mask-position: center center;

    background-color: var(--featuresMagnifier-fill);
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    right: 0;
}
.previewPopupTrigger:after {
    right: auto;
    left: 0;
    background-color: var(--engraverPreviewTrigger-fill);
}
.previewPopupTrigger {
    font: var(--engraverPreviewTrigger-font);
    color: var(--engraverPreviewTrigger-color);
    text-decoration: var(--engraverPreviewTrigger-decoration);
    padding-left: 25px;
}
.previewPopupTrigger:hover {
    color: var(--engraverPreviewTrigger-hover-color);
    text-decoration: var(--engraverPreviewTrigger-hover-decoration);
}
#features-configurator .lSSlideOuter .lSPager.lSpg {
    margin-top: 15px !important;
}
.featureRequiredName {
    padding-right: 15px;
}
.featureRequiredName:after {
    content: '*';
    position: absolute;
    right: 0;
    font-size: 16px;
    top: calc(50% - 8px);
    color: red;
}
#features-configurator .lSSlideOuter {
    width: 100%;
}
#features-configurator small {
    white-space: nowrap;
}
#cartBox .dedication svg {
    display: none !important;
}
#activeboxCart .cartFeatures .dedication, #cartBox .dedication .cartBoxSvgText {
    width: 100% !important;
    padding-left: 0 !important;
    /* max-height: 3em;
    overflow: hidden; */
    
    /* display: -webkit-box; */
    /* line-clamp: 3; */
     /* box-orient: vertical; */
  /* -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;  
  overflow: hidden; */
  
  
    /* block-overflow: 'read more'; */
    /* max-lines: 2; /* required by block-overflow */ 
    
    display: block !important;
  overflow: hidden;

  /* Ograniczenie do X linii */
  line-clamp: 2;
  box-orient: vertical;
  display: -webkit-box !important; /* Safari i Chrome */
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;

  /* Firefox / nowoczesne */
  line-clamp: 2;
  box-orient: vertical;

  /* Wsparcie dla nowych przeglądarek */
  display: box !important;
  line-clamp: 2;
  box-orient: vertical;


}
#modalAlert .cartFeatures .dedication {
   display: none !important;
}
.svgEngraverCreator-cont {
    background: #f4f4f4;
}
.svgEngraverCreator-cont .col-form {
    border-right: 1px solid #d7d7d7;
}
.preview-cont-svg {
    position: sticky;
    top: 150px;
}
.individual-size {
    width: 80px;
    margin-right: 10px;
    /* flex: 1 1 auto; */
}
.individual-size select {
    padding-right: 0.75rem !important;
}
.engraver-line {
    width: calc(100% - 90px);
    /* flex: 1 1 auto; */
}
.engraver-line input {
    margin-right: 10px;
    /* flex: 1 1 auto; */
}
.engraver-line .countdown-chars {
    /* flex: 1 1 auto; */
}
.pswp .preview-svg-trigger {
    display: none !important;
}
.notToReturn:after {
    /* opacity: 0.6; */
    position: absolute;
    top: 0;
    left: 50%;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.notToReturn .cartTable-name, .notToReturn .cartTable-lp, .notToReturn .cartTable-photo {
    opacity: 0.7;
}
.col-review-svg-cont {
    border-radius: var(--engraverPreview-radius);
}
.svgEngraverText, .svgEngraverFontFamily {
    padding-right: 0.75rem !important;
    width: 290px;
    max-width: calc(100% - 60px);
}
.svgEngraverFontFamily {
    width: 380px;
    max-width: 100%;
}
.svgEngraver-flex .col-preview {
    margin: 0 auto;
}
#features-configurator textarea.countdown-field {
    max-width: 300px;
}
#features-configurator textarea.countdown-field::placeholder {
  font: var(--engraverPlaceholder-font);
  color: var(--engraverPlaceholder-color);
  opacity: 1;
}
/* #features-configurator textarea:focus.countdown-field::placeholder {
    opacity: 0;
} */
.featureOptions .label-text span {
    max-width: calc(100% - 26px);
}
.featureOptions .label-text span.withInfo {
    max-width: calc(100% - 57px);
}
.featureOptions .label-text {
    margin-left: 1px;
}
.countdown-chars.active, .countdown-field.active {
    display: block !important;
}
.countdown-chars.notactive, .countdown-field.notactive {
    display: none !important;
}
.featureImg-cont.variantsBtn-cont {
    width: auto;
    padding: var(--variantsValueBtn-padding);
    margin: var(--variantsValueBtn-margin);
    /* border: var(--variantsValueBtn-border); */
    /* border-radius: var(--variantsValueBtn-radius); */
}
.featureImg-cont.btn:not(.variantsBtn-cont):first-child, .featureImg-cont:not(.btn):first-child .variants-btn img {
    min-height: 30px;
    border: 0;
}
.featureImg-cont.variantsBtn-cont .variants-btn {
    width: var(--variantsValueBtn-width) !important;
    height: var(--variantsValueBtn-height);
}
.featureImg-cont.variantsBtn-cont:hover {
    border: var(--variantsValueBtn-hover-border);
}
.featureImg-cont.btn:first-child, .featureImg-cont:not(.btn):first-child .variants-btn img {
    border: 1px solid #000;
}
.featureImg-cont.variantsBtn-cont:first-child {
    border: var(--variantsValueBtn-active-border);
}
.featureImg-cont:not(.btn) .variants-btn {
    padding: 0;
}
.featureImg-cont:not(.btn) .variants-btn img {
    padding: 0.375rem;
    max-width: calc(100% - 0.75rem);
    max-height: calc(100% - 0.75rem);
}

/*RWD*/
@media screen and (max-width: 1600px) and (min-width: 993px) {
    .svgEngraver-flex {
        flex-wrap: wrap;
    }
    .svgEngraver-flex .col-preview {
        width: 100% !important;
        max-width: 100% !important;
        position: sticky !important;
        top: 110px;
        order: 1;
        background: #f4f4f4;
        z-index: 10;
        justify-content: center;
        padding-left: 0 !important;
        padding-bottom: 20px !important;
        padding-top: 1.5rem !important;
    }
    .svgEngraverCreator-cont .col-form {
        width: 100% !important;
        max-width: 100% !important;
        order: 2;
        z-index: 1;
        border-right: 0;
        border-top: 1px solid #d7d7d7;
        padding-top: 20px;
        padding-right: 0 !important;
    }
    .preview-cont-svg {
        position: relative;
        top: auto;
        margin: 0 auto;
    }
    /* .preview-svg-trigger {
        position: absolute;
        right: 0;
        top: 1.5rem;
    } */
    .svgEngraverCreator-cont {
        padding-top: 0 !important;
    }
}
@media screen and (min-width: 1241px) {
    .featureImgGalleryTrigger {
        display: none;
    }
}
@media screen and (max-width: 1199px) {
    .btnFeaturesCont .featureImg-cont:not(.variantsBtn-cont) {
        width: 33.33%;
    }
}
@media screen and (max-width:992px) {
    #features-configurator .featureOptions {
        padding-left: 0 !important;
    }
}
@media screen and (max-width: 768px) {
    .notToReturn:after {
        left: 0;
        align-items: flex-end;
    }
    .svgEngraver-flex {
        flex-wrap: wrap;
    }
    .svgEngraver-flex .col-preview {
        width: 100% !important;
        max-width: 100% !important;
        position: sticky !important;
        top: 0px;
        order: 1;
        background: #f4f4f4;
        z-index: 10;
        justify-content: center;
        padding-left: 0 !important;
        padding-bottom: 20px !important;
        padding-top: 1rem !important;
        transition: top 0.2s;
    }
    body.withFixedHeader .svgEngraver-flex .col-preview {
        top: calc(var(--mobile-header-product-height) - 10px);
        transition: top 0.2s;
    }
    .svgEngraverCreator-cont .col-form {
        width: 100% !important;
        max-width: 100% !important;
        order: 2;
        z-index: 1;
        border-right: 0;
        border-top: 1px solid #d7d7d7;
        padding-top: 20px;
        padding-right: 0 !important;
    }
    .preview-cont-svg {
        position: relative;
        top: auto;
        margin: 0 auto;
        max-width: 100%;
    }
    .col-review-svg-cont, .col-review-svg-cont svg {
        max-width: 100% !important;
        height: auto !important;
    }
    .svgEngraverCreator-cont {
        padding-top: 0 !important;
    }
}
@media screen and (max-width: 576px) {
    .featureOptions {
        padding-left: 1px;
    }
    .featureOptions .features-select, .featureOptions, .featureOptions .variants-select {
        font: var(--mobile-featureValue-font);
    }
    .svgEngraverCreator-cont {
        width: calc(100% - -3rem) !important;
        margin-left: -1.5rem !important;
        margin-right: -1.5rem !important;
        padding-left: 0.5rem !important;
        padding-right: 0.5rem !important;
    }
    .featureOptions .label-text span.withInfo .youSaveTip {
        padding-right: 0 !important;
    }
}