.elementor-115 .elementor-element.elementor-element-ff61348{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-115 .elementor-element.elementor-element-3ec59a4{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-6ead04c *//*==================================================
  LPPEPTIDE — RESEARCH CALCULATOR
==================================================*/

.lpp-calculator{
    width:100%;
    background:#f7f8f4;
    padding:20px 20px 70px;

    font-family:Arial, Helvetica, sans-serif;
    color:#182820;
}

.lpp-calculator *,
.lpp-calculator *::before,
.lpp-calculator *::after{
    box-sizing:border-box;
}

.lpp-calculator-container{
    width:100%;
    max-width:1360px;
    margin:0 auto;
}


/*==================================================
  HERO
==================================================*/

.lpp-calc-hero{
    position:relative;

    width:100%;
    min-height:210px;

    display:flex;
    align-items:center;

    margin-bottom:22px;

    padding:38px 46px;

    background:
        linear-gradient(
            105deg,
            #f3faf6 0%,
            #ffffff 70%
        );

    border:1px solid #dce5df;
    border-left:5px solid #238260;

    border-radius:9px;
}

.lpp-calc-hero-content{
    width:100%;
}

.lpp-calc-hero h1{
    margin:0 0 13px !important;

    color:#172720;

    font-size:38px;
    line-height:1.1;
    font-weight:800;

    letter-spacing:-.8px;
}

.lpp-calc-hero p{
    margin:0 0 18px !important;

    color:#52635c;

    font-size:15px;
    line-height:1.6;
}


/*==================================================
  WHATSAPP BUTTON
==================================================*/

.lpp-whatsapp-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    min-height:44px;

    padding:0 18px;

    background:#237b5f;

    border:1px solid #237b5f;
    border-radius:6px;

    color:#ffffff !important;

    text-decoration:none !important;

    font-size:14px;
    line-height:1;
    font-weight:800;

    transition:
        background-color .2s ease,
        border-color .2s ease;
}

.lpp-whatsapp-btn:hover{
    background:#036E67;
    border-color:#036E67;
}


/*==================================================
  CALCULATOR LAYOUT
==================================================*/

.lpp-calc-layout{
    width:100%;

    display:grid;

    grid-template-columns:
        205px
        minmax(0,1fr);

    gap:18px;

    align-items:start;
}


/*==================================================
  SIDEBAR
==================================================*/

.lpp-calc-sidebar{
    width:100%;

    display:flex;
    flex-direction:column;

    gap:5px;

    padding:12px;

    background:#ffffff;

    border:1px solid #d7e0da;
    border-radius:8px;
}


/*==================================================
  SIDEBAR ITEMS
==================================================*/

.lpp-calc-nav{
    width:100%;
    min-height:46px;

    display:flex;
    align-items:center;

    padding:0 14px;

    border:0;
    outline:0;

    border-radius:6px;

    background:transparent;

    color:#2d4038;

    text-decoration:none !important;

    font-size:14px;
    line-height:1.2;
    font-weight:700;

    text-align:left;

    cursor:pointer;

    transition:
        background-color .2s ease,
        color .2s ease;
}

.lpp-calc-nav:hover{
    background:#edf5f1;
    color:#16745a;
}

.lpp-calc-nav.active{
    background:#237b5f;
    color:#ffffff;
}

.lpp-contact-link{
    cursor:pointer;
}


/*==================================================
  MAIN CALCULATOR CARD
==================================================*/

.lpp-calc-main{
    min-width:0;
}

.lpp-calculator-panel{
    display:none;

    width:100%;

    min-height:440px;

    padding:25px 25px 28px;

    background:#ffffff;

    border:1px solid #d6dfda;
    border-top:4px solid #13878a;

    border-radius:8px;
}

.lpp-calculator-panel.active{
    display:block;
}


/*==================================================
  PANEL EYEBROW
==================================================*/

.lpp-calc-eyebrow{
    display:block;

    margin-bottom:10px;

    color:#078078;

    font-size:11px;
    line-height:1.1;

    font-weight:800;

    text-transform:uppercase;
    letter-spacing:.4px;
}


/*==================================================
  PANEL TITLE
==================================================*/

.lpp-calculator-panel h2{
    margin:0 0 22px !important;

    color:#182820;

    font-size:25px;
    line-height:1.18;

    font-weight:800;

    letter-spacing:-.45px;
}


/*==================================================
  CALCULATOR CONTENT GRID
==================================================*/

.lpp-calc-content{
    width:100%;

    display:grid;

    grid-template-columns:
        minmax(0,1fr)
        440px;

    gap:22px;

    align-items:start;
}


/*==================================================
  INPUT FIELDS
==================================================*/

.lpp-calc-fields{
    display:grid;

    grid-template-columns:
        repeat(2,minmax(0,1fr));

    gap:
        13px
        12px;

    align-content:start;
}

.lpp-field{
    min-width:0;
}

.lpp-field label,
.lpp-product-search label{
    display:block;

    margin:0 0 7px;

    color:#33473e;

    font-size:12px;
    line-height:1.2;

    font-weight:800;
}

.lpp-field input,
.lpp-field select,
.lpp-product-search input{
    width:100%;
    height:43px;

    padding:0 13px;

    background:#fbfcfa;

    border:1px solid #cfd9d2;
    border-radius:6px;

    outline:none;

    color:#1f3029;

    font-family:inherit;

    font-size:13px;
    line-height:1;

    font-weight:700;

    box-shadow:none !important;

    transition:
        border-color .2s ease,
        box-shadow .2s ease;
}

.lpp-field input:focus,
.lpp-field select:focus,
.lpp-product-search input:focus{
    border-color:#168b83;

    box-shadow:
        0 0 0 3px rgba(22,139,131,.10) !important;
}


/*==================================================
  SELECT
==================================================*/

.lpp-field select{
    cursor:pointer;
}


/*==================================================
  RESULTS PANEL
==================================================*/

.lpp-results{
    width:100%;

    padding:20px;

    background:#1c3930;

    border-radius:8px;
}

.lpp-results h3{
    margin:0 0 15px !important;

    color:#ffffff;

    font-size:17px;
    line-height:1.2;

    font-weight:800;
}


/*==================================================
  RESULTS GRID
==================================================*/

.lpp-results-grid{
    display:grid;

    grid-template-columns:
        repeat(2,minmax(0,1fr));

    gap:8px;
}

.lpp-results-single{
    display:flex;
    flex-direction:column;

    gap:8px;
}


/*==================================================
  RESULT CARD
==================================================*/

.lpp-result-card{
    min-height:79px;

    display:flex;
    flex-direction:column;
    justify-content:center;

    padding:12px;

    background:#314c43;

    border:1px solid rgba(255,255,255,.13);

    border-radius:6px;
}

.lpp-result-card span{
    display:block;

    margin-bottom:6px;

    color:#c7d6d0;

    font-size:11px;
    line-height:1.2;

    font-weight:700;
}

.lpp-result-card strong{
    display:block;

    color:#ffc66d;

    font-size:22px;
    line-height:1.05;

    font-weight:800;

    letter-spacing:-.4px;
}


/*==================================================
  PRODUCT LOOKUP
==================================================*/

.lpp-product-search{
    width:100%;
}

.lpp-product-search input{
    height:49px;

    font-size:14px;
}

.lpp-product-search input::placeholder{
    color:#828984;
    opacity:1;
}

.lpp-product-results{
    margin-top:12px;
}


/*==================================================
  GUIDE SECTION
==================================================*/

.lpp-calculator-guide{
    width:100%;

    display:grid;

    grid-template-columns:
        minmax(280px,.9fr)
        minmax(0,1.8fr);

    gap:45px;

    margin-top:18px;

    padding:25px 22px;

    background:#fffdfa;

    border:1px solid #dddcd5;
    border-top:3px solid #dc7e18;

    border-radius:8px;
}


/*==================================================
  GUIDE TITLE
==================================================*/

.lpp-guide-title span{
    display:block;

    margin-bottom:7px;

    color:#078078;

    font-size:10px;
    line-height:1.1;

    font-weight:800;

    text-transform:uppercase;
    letter-spacing:.5px;
}

.lpp-guide-title h2{
    margin:0 !important;

    color:#192a23;

    font-size:21px;
    line-height:1.25;

    font-weight:800;
}


/*==================================================
  GUIDE LIST
==================================================*/

.lpp-calculator-guide ol{
    margin:0;
    padding-left:20px;

    color:#52635c;

    font-size:13px;
    line-height:1.55;
}

.lpp-calculator-guide li{
    margin-bottom:8px;
}

.lpp-calculator-guide li:last-child{
    margin-bottom:0;
}


/*==================================================
  DISCLAIMER
==================================================*/

.lpp-calculator-disclaimer{
    width:100%;

    margin-top:17px;

    padding:18px 20px;

    background:#fff9f1;

    border:1px solid #eadccc;
    border-top:3px solid #c75b28;

    border-radius:8px;
}

.lpp-calculator-disclaimer h3{
    margin:0 0 7px !important;

    color:#7a470f;

    font-size:15px;
    line-height:1.2;

    font-weight:800;
}

.lpp-calculator-disclaimer p{
    margin:0 !important;

    color:#724c22;

    font-size:12px;
    line-height:1.55;
}


/*==================================================
  COST / DURATION PANEL ADJUSTMENT
==================================================*/

#lpp-panel-cost .lpp-calc-content,
#lpp-panel-duration .lpp-calc-content{
    grid-template-columns:
        minmax(0,1fr)
        420px;
}


/*==================================================
  LOOKUP PANEL
==================================================*/

#lpp-panel-lookup{
    min-height:240px;
}


/*==================================================
  REMOVE ELEMENTOR DEFAULT SPACING
==================================================*/

.elementor-widget-html:has(.lpp-calculator){
    margin:0 !important;
}

.elementor-widget-html:has(.lpp-calculator)
> .elementor-widget-container{
    margin:0 !important;
    padding:0 !important;
}


/*==================================================
  LARGE DESKTOP
==================================================*/

@media (min-width:1400px){

    .lpp-calculator-container{
        max-width:1420px;
    }

    .lpp-calc-layout{
        grid-template-columns:
            220px
            minmax(0,1fr);
    }

    .lpp-calc-content{
        grid-template-columns:
            minmax(0,1fr)
            460px;
    }

}


/*==================================================
  MEDIUM DESKTOP
==================================================*/

@media (max-width:1150px){

    .lpp-calc-layout{
        grid-template-columns:
            185px
            minmax(0,1fr);
    }

    .lpp-calc-content,
    #lpp-panel-cost .lpp-calc-content,
    #lpp-panel-duration .lpp-calc-content{
        grid-template-columns:
            minmax(0,1fr)
            360px;
    }

    .lpp-result-card strong{
        font-size:19px;
    }

}


/*==================================================
  TABLET
==================================================*/

@media (max-width:900px){

    .lpp-calculator{
        padding-top:16px;
    }

    .lpp-calc-hero{
        min-height:190px;

        padding:32px;
    }

    .lpp-calc-hero h1{
        font-size:33px;
    }


    /* SIDEBAR ABOVE CALCULATOR */

    .lpp-calc-layout{
        grid-template-columns:1fr;
    }

    .lpp-calc-sidebar{
        display:grid;

        grid-template-columns:
            repeat(5,minmax(0,1fr));

        gap:6px;
    }

    .lpp-calc-nav{
        min-height:42px;

        justify-content:center;

        padding:0 8px;

        text-align:center;

        font-size:12px;
    }


    /* MAIN CALCULATOR */

    .lpp-calc-content,
    #lpp-panel-cost .lpp-calc-content,
    #lpp-panel-duration .lpp-calc-content{
        grid-template-columns:1fr;

        gap:22px;
    }

    .lpp-results{
        max-width:none;
    }

}


/*==================================================
  MOBILE
==================================================*/

@media (max-width:767px){

    .lpp-calculator{
        padding:
            14px
            14px
            50px;
    }


    /* HERO */

    .lpp-calc-hero{
        min-height:auto;

        padding:
            26px
            20px;

        margin-bottom:14px;
    }

    .lpp-calc-hero h1{
        margin-bottom:10px !important;

        font-size:28px;
    }

    .lpp-calc-hero p{
        margin-bottom:15px !important;

        font-size:13px;
        line-height:1.55;
    }

    .lpp-whatsapp-btn{
        min-height:40px;

        font-size:13px;
    }


    /* SIDEBAR */

    .lpp-calc-sidebar{
        display:flex;

        flex-direction:row;

        overflow-x:auto;

        padding:8px;

        scrollbar-width:none;
    }

    .lpp-calc-sidebar::-webkit-scrollbar{
        display:none;
    }

    .lpp-calc-nav{
        flex:0 0 auto;

        width:auto;

        min-height:39px;

        padding:0 13px;

        white-space:nowrap;

        font-size:12px;
    }


    /* PANEL */

    .lpp-calculator-panel{
        min-height:0;

        padding:
            20px
            16px
            18px;
    }

    .lpp-calc-eyebrow{
        font-size:10px;
    }

    .lpp-calculator-panel h2{
        margin-bottom:18px !important;

        font-size:21px;
    }


    /* FIELDS */

    .lpp-calc-fields{
        grid-template-columns:1fr;

        gap:12px;
    }

    .lpp-field input,
    .lpp-field select{
        height:44px;
    }


    /* RESULTS */

    .lpp-results{
        padding:16px;
    }

    .lpp-results h3{
        font-size:16px;
    }

    .lpp-results-grid{
        grid-template-columns:1fr 1fr;
    }

    .lpp-result-card{
        min-height:74px;

        padding:11px;
    }

    .lpp-result-card strong{
        font-size:18px;
    }


    /* GUIDE */

    .lpp-calculator-guide{
        grid-template-columns:1fr;

        gap:18px;

        padding:
            20px
            17px;
    }

    .lpp-guide-title h2{
        font-size:19px;
    }

    .lpp-calculator-guide ol{
        font-size:12.5px;
    }


    /* DISCLAIMER */

    .lpp-calculator-disclaimer{
        padding:
            17px
            16px;
    }

}


/*==================================================
  SMALL MOBILE
==================================================*/

@media (max-width:480px){

    .lpp-calculator{
        padding-left:12px;
        padding-right:12px;
    }

    .lpp-calc-hero{
        padding:
            23px
            17px;
    }

    .lpp-calc-hero h1{
        font-size:25px;
    }

    .lpp-calculator-panel h2{
        font-size:19px;
    }

    .lpp-results-grid{
        grid-template-columns:1fr;
    }

    .lpp-result-card{
        min-height:68px;
    }

    .lpp-result-card strong{
        font-size:19px;
    }

}/* End custom CSS */