.elementor-2716 .elementor-element.elementor-element-e70140a{--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-2716 .elementor-element.elementor-element-cdaf9aa{--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;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-83972e6 *//*==================================================
CoffeeMasterHub Premium Calculator
Caffeine Calculator by Weight
TOOL CSS - FULL UPDATED VERSION
==================================================*/

/*==================================
 Google Font
==================================*/

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap');


/*==================================
 Calculator Scope
==================================*/

#cmh-caffeine-weight-calculator,
#cmh-caffeine-weight-calculator *,
#cmh-caffeine-weight-calculator *::before,
#cmh-caffeine-weight-calculator *::after{

    box-sizing:border-box;

    font-family:'Poppins',sans-serif;

}


#cmh-caffeine-weight-calculator{

    width:100%;

    max-width:1320px;

    margin:40px auto;

    padding:18px;

    color:#373737;

}


/*==================================
 Theme
==================================*/

#cmh-caffeine-weight-calculator{

    --primary:#7A4A27;

    --primary2:#B57A4C;

    --card:#FFFFFF;

    --border:#E9E2DA;

    --text:#353535;

    --muted:#787878;

    --soft:#F8F5F2;

    --cream:#FFF9F4;

    --shadow:0 15px 40px rgba(0,0,0,.06);

}


/*==================================
 Hero Section
==================================*/

#cmh-caffeine-weight-calculator .cmh-hero{

    position:relative;

    width:100%;

    background:#f7efe8;

    border:1px solid #ead9ca;

    border-radius:24px;

    padding:65px 60px;

    text-align:center;

    margin-bottom:30px;

    overflow:hidden;

}


#cmh-caffeine-weight-calculator .cmh-hero::before{

    content:"";

    position:absolute;

    width:220px;

    height:220px;

    right:-90px;

    top:-100px;

    background:rgba(107,63,34,.07);

    border-radius:50%;

    pointer-events:none;

}


#cmh-caffeine-weight-calculator .cmh-hero::after{

    content:"";

    position:absolute;

    width:150px;

    height:150px;

    left:-70px;

    bottom:-80px;

    background:rgba(107,63,34,.06);

    border-radius:50%;

    pointer-events:none;

}


/*==================================
 Hero Badge
==================================*/

#cmh-caffeine-weight-calculator .cmh-badge{

    position:relative;

    z-index:2;

    display:inline-block;

    margin-bottom:16px;

    padding:7px 15px;

    background:#6b3f22;

    border-radius:30px;

    color:#fff;

    font-size:12px;

    font-weight:700;

    letter-spacing:1px;

}


/*==================================
 Hero Heading
==================================*/

#cmh-caffeine-weight-calculator .cmh-hero h1{

    position:relative;

    z-index:2;

    margin:0 0 18px;

    color:#3e2415;

    font-size:44px;

    line-height:1.2;

    font-weight:800;

}


#cmh-caffeine-weight-calculator .cmh-hero p{

    position:relative;

    z-index:2;

    max-width:820px;

    margin:0 auto;

    color:#6f5a4a;

    font-size:17px;

    line-height:1.8;

}


/*==================================
 Main Layout
==================================*/

#cmh-caffeine-weight-calculator .cmh-tool-grid{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:28px;

    align-items:start;

}


/*==================================
 Main Cards
==================================*/

#cmh-caffeine-weight-calculator .cmh-card{

    background:#FFF;

    border:1px solid var(--border);

    border-radius:22px;

    padding:30px;

    box-shadow:var(--shadow);

    display:flex;

    flex-direction:column;

    height:auto;

    align-self:start;

    transition:transform .3s ease, box-shadow .3s ease;

}


#cmh-caffeine-weight-calculator .cmh-card:hover{

    transform:translateY(-3px);

    box-shadow:0 18px 40px rgba(0,0,0,.08);

}


/*==================================
 Card Header
==================================*/

#cmh-caffeine-weight-calculator .cmh-card-header{

    margin-bottom:24px;

}


#cmh-caffeine-weight-calculator .cmh-card-header h2{

    margin:0 0 8px;

    color:var(--primary);

    font-size:27px;

    line-height:1.3;

    font-weight:700;

}


#cmh-caffeine-weight-calculator .cmh-card-header p{

    margin:0;

    color:var(--muted);

    font-size:15px;

    line-height:1.8;

}


/*==================================
 Form Grid
==================================*/

#cmh-caffeine-weight-calculator .cmh-form-grid{

    display:grid;

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

    gap:18px;

}


#cmh-caffeine-weight-calculator .cmh-field{

    display:flex;

    flex-direction:column;

    min-width:0;

}


#cmh-caffeine-weight-calculator .cmh-field label{

    margin-bottom:8px;

    color:var(--text);

    font-size:14px;

    font-weight:600;

}


#cmh-caffeine-weight-calculator .cmh-field input,
#cmh-caffeine-weight-calculator .cmh-field select{

    width:100%;

    height:54px;

    padding:0 16px;

    border:2px solid var(--border);

    border-radius:14px;

    outline:none;

    background:#FCFBFA;

    color:var(--text);

    font-size:15px;

    transition:border-color .3s ease,
               background .3s ease,
               box-shadow .3s ease;

}


#cmh-caffeine-weight-calculator .cmh-field input::placeholder{

    color:#A2A2A2;

}


#cmh-caffeine-weight-calculator .cmh-field input:focus,
#cmh-caffeine-weight-calculator .cmh-field select:focus{

    border-color:var(--primary);

    background:#FFF;

    box-shadow:0 0 0 4px rgba(122,74,39,.08);

}


/*==================================
 Inline Weight / Dose Fields
==================================*/

#cmh-caffeine-weight-calculator .cmh-inline{

    display:flex;

    gap:10px;

}


#cmh-caffeine-weight-calculator .cmh-inline input{

    flex:1;

    min-width:0;

}


#cmh-caffeine-weight-calculator .cmh-inline select{

    width:100px;

    flex-shrink:0;

}


/*==================================
 Input Unit
==================================*/

#cmh-caffeine-weight-calculator .cmh-input-unit{

    display:flex;

    align-items:center;

    justify-content:center;

    flex:0 0 100px;

    height:54px;

    padding:0 10px;

    background:#F8F5F2;

    border:2px solid var(--border);

    border-radius:14px;

    color:#7A4A27;

    font-size:13px;

    font-weight:600;

}


/*==================================
 Caffeine Input With Unit
==================================*/

#cmh-caffeine-weight-calculator .cmh-input-wrap{

    position:relative;

    width:100%;

}


#cmh-caffeine-weight-calculator .cmh-input-wrap input{

    padding-right:58px;

}


#cmh-caffeine-weight-calculator .cmh-input-wrap span{

    position:absolute;

    top:50%;

    right:16px;

    transform:translateY(-50%);

    color:#8B8B8B;

    font-size:13px;

    font-weight:600;

    pointer-events:none;

}


/*==================================
 Calculator Actions
==================================*/

#cmh-caffeine-weight-calculator .cmh-tool-actions{

    display:flex;

    gap:12px;

    margin-top:22px;

}


#cmh-caffeine-weight-calculator .cmh-tool-actions button{

    flex:1;

    min-height:54px;

    padding:12px 18px;

    border:none;

    border-radius:14px;

    cursor:pointer;

    font-family:'Poppins',sans-serif;

    font-size:14px;

    font-weight:600;

    transition:transform .3s ease,
               box-shadow .3s ease,
               background .3s ease;

}


/*==================================
 Calculate Button
==================================*/

#cmh-caffeine-weight-calculator #calculateBtn{

    background:linear-gradient(135deg,#7A4A27,#B57A4C);

    color:#FFF;

}


#cmh-caffeine-weight-calculator #calculateBtn:hover{

    transform:translateY(-3px);

    box-shadow:0 15px 30px rgba(122,74,39,.20);

}


/*==================================
 Reset Button
==================================*/

#cmh-caffeine-weight-calculator #resetBtn{

    background:#F8F5F2;

    color:#7A4A27;

    border:1px solid var(--border);

}


#cmh-caffeine-weight-calculator #resetBtn:hover{

    background:#EFE7DF;

}


/*==================================
 Shared Section Title
==================================*/

#cmh-caffeine-weight-calculator .cmh-section-title{

    display:flex;

    align-items:flex-start;

    justify-content:space-between;

    gap:12px;

    margin-bottom:13px;

}


#cmh-caffeine-weight-calculator .cmh-section-title h3{

    margin:0;

    color:#7A4A27;

    font-size:16px;

    line-height:1.4;

    font-weight:700;

}


#cmh-caffeine-weight-calculator .cmh-section-title span{

    color:#999;

    font-size:11px;

    line-height:1.5;

    text-align:right;

}


/*==================================
 Weight-Based Dose Guide
==================================*/

#cmh-caffeine-weight-calculator .cmh-dose-guide{

    margin-top:22px;

    padding:17px;

    background:#FFF9F4;

    border:1px solid #E8DDD2;

    border-radius:17px;

}


#cmh-caffeine-weight-calculator .cmh-dose-guide-grid{

    display:grid;

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

    gap:9px;

}


#cmh-caffeine-weight-calculator .cmh-dose-guide-item{

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:10px;

    min-width:0;

    padding:11px 12px;

    background:#FFF;

    border:1px solid #E9E2DA;

    border-radius:12px;

}


#cmh-caffeine-weight-calculator .cmh-dose-guide-item div{

    min-width:0;

}


#cmh-caffeine-weight-calculator .cmh-dose-guide-item strong{

    display:block;

    margin-bottom:2px;

    color:#4D3526;

    font-size:12px;

    font-weight:700;

}


#cmh-caffeine-weight-calculator .cmh-dose-guide-item span{

    display:block;

    color:#999;

    font-size:10px;

}


#cmh-caffeine-weight-calculator .cmh-dose-guide-item b{

    flex-shrink:0;

    color:#7A4A27;

    font-size:10px;

    font-weight:700;

}


/*==================================
 Results Card
==================================*/

#cmh-caffeine-weight-calculator .cmh-results-card{

    height:auto;

    align-self:start;

}


/*==================================
 Results Grid
==================================*/

#cmh-caffeine-weight-calculator .cmh-results-grid{

    display:grid;

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

    gap:14px;

    margin-bottom:16px;

}


#cmh-caffeine-weight-calculator .cmh-result-box{

    padding:18px 14px;

    background:#FFF;

    border:1px solid var(--border);

    border-radius:17px;

    text-align:center;

    transition:transform .3s ease,
               border-color .3s ease,
               box-shadow .3s ease;

}


#cmh-caffeine-weight-calculator .cmh-result-box:hover{

    transform:translateY(-3px);

    border-color:#DCCABB;

    box-shadow:0 12px 25px rgba(0,0,0,.05);

}


#cmh-caffeine-weight-calculator .cmh-result-box span{

    display:block;

    margin-bottom:7px;

    color:var(--muted);

    font-size:11px;

    line-height:1.4;

}


#cmh-caffeine-weight-calculator .cmh-result-box strong{

    display:block;

    color:var(--primary);

    font-size:24px;

    line-height:1.2;

    font-weight:700;

}


/*==================================
 Result Highlight
==================================*/

#cmh-caffeine-weight-calculator .cmh-result-highlight{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:12px;

    margin-bottom:16px;

    padding:15px;

    background:linear-gradient(135deg,#F8F1EA,#FFF9F4);

    border:1px solid #E8DDD2;

    border-radius:17px;

}


#cmh-caffeine-weight-calculator .cmh-result-highlight > div{

    padding:2px 9px;

}


#cmh-caffeine-weight-calculator .cmh-result-highlight > div + div{

    border-left:1px solid #E1D4C8;

}


#cmh-caffeine-weight-calculator .cmh-result-highlight span{

    display:block;

    margin-bottom:4px;

    color:#888;

    font-size:10px;

    line-height:1.5;

}


#cmh-caffeine-weight-calculator .cmh-result-highlight strong{

    display:block;

    color:#7A4A27;

    font-size:15px;

    line-height:1.4;

    font-weight:700;

}


/*==================================
 Progress Card
==================================*/

#cmh-caffeine-weight-calculator .cmh-progress-card{

    padding:17px;

    margin-bottom:16px;

    background:#FFF;

    border:1px solid var(--border);

    border-radius:17px;

}


#cmh-caffeine-weight-calculator .cmh-progress-top{

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:15px;

    margin-bottom:12px;

}


#cmh-caffeine-weight-calculator .cmh-progress-top span{

    color:#444;

    font-size:12px;

    font-weight:600;

}


#cmh-caffeine-weight-calculator .cmh-progress-top strong{

    color:var(--primary);

    font-size:12px;

    font-weight:700;

    white-space:nowrap;

}


#cmh-caffeine-weight-calculator .cmh-progress-bar{

    width:100%;

    height:11px;

    overflow:hidden;

    background:#ECE5DD;

    border-radius:50px;

}


#cmh-caffeine-weight-calculator .cmh-progress-fill{

    width:0;

    height:100%;

    border-radius:50px;

    background:linear-gradient(90deg,#7A4A27,#B57A4C);

    transition:width .5s ease, background .3s ease;

}


#cmh-caffeine-weight-calculator .cmh-progress-labels{

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:10px;

    margin-top:7px;

    color:#A0A0A0;

    font-size:9px;

}


/*==================================
 Reverse Calculation Result
==================================*/

#cmh-caffeine-weight-calculator .cmh-reverse-result{

    padding:15px 17px;

    margin-bottom:16px;

    background:#FCFBFA;

    border:1px solid var(--border);

    border-radius:16px;

    color:#707070;

    font-size:11px;

    line-height:1.7;

}


#cmh-caffeine-weight-calculator .cmh-reverse-result strong{

    display:block;

    margin-bottom:4px;

    color:#7A4A27;

    font-size:14px;

    font-weight:700;

}


/*==================================
 Recommendation
==================================*/

#cmh-caffeine-weight-calculator .cmh-recommendation{

    padding:16px 17px;

    margin-bottom:16px;

    background:#FFF9F4;

    border:1px solid #E8DDD2;

    border-left:4px solid #7A4A27;

    border-radius:16px;

    color:#666;

    font-size:12px;

    line-height:1.75;

}


#cmh-caffeine-weight-calculator .cmh-recommendation strong{

    display:block;

    margin-bottom:5px;

    color:#7A4A27;

    font-size:15px;

}


/*==================================
 Personalized Guidance
==================================*/

#cmh-caffeine-weight-calculator .cmh-guidance{

    padding:17px;

    background:#FFF;

    border:1px solid var(--border);

    border-radius:17px;

}


#cmh-caffeine-weight-calculator .cmh-guidance-list{

    display:flex;

    flex-direction:column;

    gap:9px;

}


#cmh-caffeine-weight-calculator .cmh-guidance-item{

    display:flex;

    align-items:flex-start;

    gap:10px;

    padding:10px 11px;

    background:#FCFBFA;

    border:1px solid #EEE7E0;

    border-radius:12px;

}


#cmh-caffeine-weight-calculator .cmh-guidance-icon{

    display:flex;

    align-items:center;

    justify-content:center;

    flex:0 0 26px;

    width:26px;

    height:26px;

    background:#F4E9DF;

    border-radius:50%;

    color:#7A4A27;

    font-size:11px;

    font-weight:700;

}


#cmh-caffeine-weight-calculator .cmh-guidance-item p{

    margin:2px 0 0;

    color:#666;

    font-size:10px;

    line-height:1.6;

}


/*==================================
 Safety Note
==================================*/

#cmh-caffeine-weight-calculator .cmh-safety-note{

    margin-top:16px;

    padding:13px 15px;

    background:#FAF8F6;

    border:1px solid #E8E1DB;

    border-radius:13px;

    color:#858585;

    font-size:10px;

    line-height:1.7;

}


#cmh-caffeine-weight-calculator .cmh-safety-note strong{

    color:#7A4A27;

}


/*==================================
 Loader
==================================*/

#cmh-caffeine-weight-calculator #cmh-loader{

    position:fixed;

    inset:0;

    display:none;

    justify-content:center;

    align-items:center;

    background:rgba(255,255,255,.82);

    backdrop-filter:blur(5px);

    z-index:99999;

}


#cmh-caffeine-weight-calculator .cmh-loader-card{

    display:flex;

    align-items:center;

    gap:18px;

    padding:24px 30px;

    background:#FFF;

    border:1px solid var(--border);

    border-radius:22px;

    box-shadow:0 18px 45px rgba(0,0,0,.08);

}


#cmh-caffeine-weight-calculator .cmh-loader-icon{

    display:flex;

    align-items:center;

    justify-content:center;

    width:64px;

    height:64px;

    border-radius:50%;

    background:linear-gradient(135deg,#7A4A27,#B57A4C);

    color:#FFF;

    font-size:28px;

    animation:cmhWeightSpin 1s linear infinite;

}


@keyframes cmhWeightSpin{

    from{

        transform:rotate(0deg);

    }

    to{

        transform:rotate(360deg);

    }

}


#cmh-caffeine-weight-calculator .cmh-loader-content strong{

    display:block;

    margin-bottom:4px;

    color:#7A4A27;

    font-size:20px;

}


#cmh-caffeine-weight-calculator .cmh-loader-content span{

    color:#777;

    font-size:13px;

}


/*==================================
 Tablet
==================================*/

@media(max-width:991px){

    #cmh-caffeine-weight-calculator{

        padding:15px;

    }


    #cmh-caffeine-weight-calculator .cmh-tool-grid{

        grid-template-columns:1fr;

        gap:24px;

    }


    #cmh-caffeine-weight-calculator .cmh-card{

        padding:26px;

    }


    #cmh-caffeine-weight-calculator .cmh-hero{

        padding:55px 40px;

    }


    #cmh-caffeine-weight-calculator .cmh-hero h1{

        font-size:38px;

    }

}


/*==================================
 Mobile
==================================*/

@media(max-width:768px){

    #cmh-caffeine-weight-calculator{

        padding:10px;

        margin:20px auto;

    }


    #cmh-caffeine-weight-calculator .cmh-hero{

        padding:42px 24px;

        border-radius:20px;

    }


    #cmh-caffeine-weight-calculator .cmh-badge{

        padding:6px 12px;

        font-size:10px;

    }


    #cmh-caffeine-weight-calculator .cmh-hero h1{

        margin-bottom:18px;

        font-size:28px;

        line-height:1.25;

    }


    #cmh-caffeine-weight-calculator .cmh-hero p{

        font-size:15px;

        line-height:1.75;

    }


    #cmh-caffeine-weight-calculator .cmh-form-grid{

        grid-template-columns:1fr;

    }


    #cmh-caffeine-weight-calculator .cmh-results-grid{

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

    }


    #cmh-caffeine-weight-calculator .cmh-inline{

        flex-direction:column;

        gap:10px;

    }


    #cmh-caffeine-weight-calculator .cmh-inline select{

        width:100%;

    }


    #cmh-caffeine-weight-calculator .cmh-input-unit{

        flex:0 0 auto;

        width:100%;

    }


    #cmh-caffeine-weight-calculator .cmh-tool-actions{

        flex-direction:column;

    }


    #cmh-caffeine-weight-calculator .cmh-dose-guide-grid{

        grid-template-columns:1fr 1fr;

    }


    #cmh-caffeine-weight-calculator .cmh-section-title{

        flex-direction:column;

        gap:4px;

    }


    #cmh-caffeine-weight-calculator .cmh-section-title span{

        text-align:left;

    }


    #cmh-caffeine-weight-calculator .cmh-result-highlight{

        grid-template-columns:1fr 1fr;

    }

}


/*==================================
 Small Mobile
==================================*/

@media(max-width:480px){

    #cmh-caffeine-weight-calculator .cmh-hero{

        padding:38px 20px;

    }


    #cmh-caffeine-weight-calculator .cmh-hero h1{

        font-size:26px;

    }


    #cmh-caffeine-weight-calculator .cmh-hero p{

        font-size:14px;

        line-height:1.75;

    }


    #cmh-caffeine-weight-calculator .cmh-card{

        padding:18px;

        border-radius:19px;

    }


    #cmh-caffeine-weight-calculator .cmh-card-header{

        margin-bottom:21px;

    }


    #cmh-caffeine-weight-calculator .cmh-card-header h2{

        font-size:22px;

    }


    #cmh-caffeine-weight-calculator .cmh-card-header p{

        font-size:13px;

    }


    #cmh-caffeine-weight-calculator .cmh-results-grid{

        grid-template-columns:1fr 1fr;

        gap:10px;

    }


    #cmh-caffeine-weight-calculator .cmh-result-box{

        padding:16px 9px;

    }


    #cmh-caffeine-weight-calculator .cmh-result-box strong{

        font-size:21px;

    }


    #cmh-caffeine-weight-calculator .cmh-result-box span{

        font-size:10px;

    }


    #cmh-caffeine-weight-calculator .cmh-dose-guide-grid{

        grid-template-columns:1fr;

    }


    #cmh-caffeine-weight-calculator .cmh-result-highlight{

        grid-template-columns:1fr;

        gap:11px;

    }


    #cmh-caffeine-weight-calculator .cmh-result-highlight > div + div{

        padding-top:10px;

        border-top:1px solid #E1D4C8;

        border-left:none;

    }


    #cmh-caffeine-weight-calculator .cmh-progress-top{

        flex-direction:column;

        align-items:flex-start;

        gap:6px;

    }


    #cmh-caffeine-weight-calculator .cmh-progress-labels{

        font-size:9px;

    }


    #cmh-caffeine-weight-calculator .cmh-loader-card{

        width:calc(100% - 40px);

        padding:20px;

    }


    #cmh-caffeine-weight-calculator .cmh-loader-icon{

        width:54px;

        height:54px;

        font-size:23px;

    }


    #cmh-caffeine-weight-calculator .cmh-loader-content strong{

        font-size:17px;

    }


    #cmh-caffeine-weight-calculator .cmh-loader-content span{

        font-size:11px;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3fb103a *//* =========================================================
   CoffeeMasterHub
   Caffeine Calculator by Body Weight
   FULL CSS
   ========================================================= */


/* =========================================================
   GOOGLE FONT
   ========================================================= */

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap');


/* =========================================================
   GLOBAL
   ========================================================= */

#cmh-caffeine-weight-calculator,
#cmh-caffeine-weight-calculator *{

    box-sizing:border-box;

}


#cmh-caffeine-weight-calculator{

    width:100%;

    max-width:1320px;

    margin:40px auto;

    padding:0 18px;

    font-family:'Poppins',sans-serif;

    color:#2F2119;

}


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

#cmh-caffeine-weight-calculator .cmh-calculator-card{

    width:100%;

    background:#FFFFFF;

    border:1px solid #E9E2DA;

    border-radius:26px;

    box-shadow:0 15px 45px rgba(0,0,0,.06);

    overflow:hidden;

}


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

#cmh-caffeine-weight-calculator .cmh-calculator-hero{

    text-align:center;

    padding:42px 30px 34px;

    background:#FFF9F4;

    border-bottom:1px solid #E9E2DA;

}


#cmh-caffeine-weight-calculator .cmh-hero-icon{

    width:64px;

    height:64px;

    margin:0 auto 16px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    background:#FFFFFF;

    border:1px solid #E8DDD2;

    font-size:30px;

}


#cmh-caffeine-weight-calculator .cmh-calculator-hero h1{

    margin:0 0 12px;

    font-size:38px;

    line-height:1.25;

    font-weight:800;

    color:#7A4A27;

}


#cmh-caffeine-weight-calculator .cmh-calculator-hero p{

    max-width:850px;

    margin:0 auto;

    font-size:16px;

    line-height:1.8;

    color:#665B55;

}


/* =========================================================
   CALCULATOR BODY
   ========================================================= */

#cmh-caffeine-weight-calculator .cmh-calculator-body{

    padding:38px;

}


/* =========================================================
   FORM GRID
   ========================================================= */

#cmh-caffeine-weight-calculator .cmh-form-grid{

    display:grid;

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

    gap:24px;

}


/* =========================================================
   FORM GROUP
   ========================================================= */

#cmh-caffeine-weight-calculator .cmh-form-group{

    display:flex;

    flex-direction:column;

    min-width:0;

}


#cmh-caffeine-weight-calculator .cmh-form-group.full-width{

    grid-column:1 / -1;

}


#cmh-caffeine-weight-calculator .cmh-form-group label{

    display:block;

    margin-bottom:9px;

    font-size:14px;

    line-height:1.5;

    font-weight:600;

    color:#493B34;

}


#cmh-caffeine-weight-calculator .cmh-required{

    color:#B45309;

}


/* =========================================================
   INPUTS + SELECT
   ========================================================= */

#cmh-caffeine-weight-calculator input,
#cmh-caffeine-weight-calculator select{

    width:100%;

    min-height:52px;

    padding:13px 16px;

    border:1px solid #DED5CD;

    border-radius:12px;

    background:#FFFFFF;

    color:#2F2119;

    font-family:'Poppins',sans-serif;

    font-size:15px;

    font-weight:500;

    outline:none;

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

}


#cmh-caffeine-weight-calculator input::placeholder{

    color:#A49A93;

}


#cmh-caffeine-weight-calculator input:hover,
#cmh-caffeine-weight-calculator select:hover{

    border-color:#CDBBAA;

}


#cmh-caffeine-weight-calculator input:focus,
#cmh-caffeine-weight-calculator select:focus{

    border-color:#8A552E;

    box-shadow:
        0 0 0 3px rgba(138,85,46,.10);

}


#cmh-caffeine-weight-calculator select{

    cursor:pointer;

}


/* =========================================================
   INPUT HELPER TEXT
   ========================================================= */

#cmh-caffeine-weight-calculator .cmh-helper{

    margin-top:7px;

    font-size:12px;

    line-height:1.6;

    color:#887B73;

}


/* =========================================================
   QUICK PRESET
   ========================================================= */

#cmh-caffeine-weight-calculator .cmh-preset-wrapper{

    margin-top:28px;

    padding:24px;

    background:#FFF9F4;

    border:1px solid #E8DDD2;

    border-radius:18px;

}


#cmh-caffeine-weight-calculator .cmh-preset-title{

    margin:0 0 7px;

    font-size:16px;

    font-weight:700;

    color:#7A4A27;

}


#cmh-caffeine-weight-calculator .cmh-preset-description{

    margin:0 0 16px;

    font-size:13px;

    line-height:1.7;

    color:#71645D;

}


#cmh-caffeine-weight-calculator #quickDose{

    background:#FFFFFF;

}


/* =========================================================
   BUTTONS
   ========================================================= */

#cmh-caffeine-weight-calculator .cmh-button-row{

    display:flex;

    align-items:center;

    gap:14px;

    margin-top:30px;

}


#cmh-caffeine-weight-calculator button{

    font-family:'Poppins',sans-serif;

}


#cmh-caffeine-weight-calculator #calculateBtn{

    flex:1;

    min-height:54px;

    padding:14px 22px;

    border:1px solid #7A4A27;

    border-radius:12px;

    background:#7A4A27;

    color:#FFFFFF;

    font-size:15px;

    font-weight:700;

    cursor:pointer;

    transition:
        transform .2s ease,
        background .2s ease,
        box-shadow .2s ease;

}


#cmh-caffeine-weight-calculator #calculateBtn:hover{

    background:#633C20;

    box-shadow:
        0 8px 22px rgba(122,74,39,.20);

    transform:translateY(-1px);

}


#cmh-caffeine-weight-calculator #calculateBtn:disabled{

    opacity:.7;

    cursor:wait;

    transform:none;

    box-shadow:none;

}


#cmh-caffeine-weight-calculator #resetBtn{

    min-height:54px;

    padding:14px 24px;

    border:1px solid #DED5CD;

    border-radius:12px;

    background:#FFFFFF;

    color:#493B34;

    font-size:15px;

    font-weight:600;

    cursor:pointer;

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

}


#cmh-caffeine-weight-calculator #resetBtn:hover{

    background:#FFF9F4;

    border-color:#CDBBAA;

    color:#7A4A27;

}


/* =========================================================
   LOADER
   ========================================================= */

#cmh-caffeine-weight-calculator #cmh-loader{

    position:fixed;

    inset:0;

    z-index:999998;

    display:none;

    align-items:center;

    justify-content:center;

    padding:20px;

    background:rgba(47,33,25,.28);

    backdrop-filter:blur(4px);

}


#cmh-caffeine-weight-calculator .cmh-loader-card{

    width:min(380px,100%);

    padding:32px 25px;

    text-align:center;

    background:#FFFFFF;

    border:1px solid #E9E2DA;

    border-radius:20px;

    box-shadow:
        0 20px 60px rgba(0,0,0,.15);

}


#cmh-caffeine-weight-calculator .cmh-loader-icon{

    font-size:38px;

    margin-bottom:12px;

    animation:
        cmhCoffeePulse 1.2s ease-in-out infinite;

}


#cmh-caffeine-weight-calculator .cmh-loader-card h3{

    margin:0 0 6px;

    font-size:18px;

    color:#7A4A27;

}


#cmh-caffeine-weight-calculator .cmh-loader-card p{

    margin:0;

    font-size:13px;

    line-height:1.6;

    color:#766A63;

}


@keyframes cmhCoffeePulse{

    0%,
    100%{

        transform:scale(1);

    }

    50%{

        transform:scale(1.08);

    }

}


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

#cmh-caffeine-weight-calculator .cmh-results-card{

    margin-top:34px;

    padding:32px;

    background:#FFF9F4;

    border:1px solid #E8DDD2;

    border-radius:22px;

}


#cmh-caffeine-weight-calculator .cmh-results-header{

    text-align:center;

    margin-bottom:28px;

}


#cmh-caffeine-weight-calculator .cmh-results-header h2{

    margin:0 0 8px;

    font-size:28px;

    line-height:1.3;

    font-weight:800;

    color:#7A4A27;

}


#cmh-caffeine-weight-calculator .cmh-results-header p{

    margin:0;

    font-size:14px;

    color:#766A63;

}


/* =========================================================
   RESULT GRID
   ========================================================= */

#cmh-caffeine-weight-calculator .cmh-result-grid{

    display:grid;

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

    gap:16px;

}


#cmh-caffeine-weight-calculator .cmh-result-item{

    min-width:0;

    padding:20px 16px;

    background:#FFFFFF;

    border:1px solid #E8DDD2;

    border-radius:16px;

    text-align:center;

}


#cmh-caffeine-weight-calculator .cmh-result-label{

    display:block;

    margin-bottom:7px;

    font-size:12px;

    font-weight:600;

    color:#887B73;

}


#cmh-caffeine-weight-calculator .cmh-result-value{

    display:block;

    font-size:22px;

    line-height:1.3;

    font-weight:800;

    color:#7A4A27;

    overflow-wrap:anywhere;

}


/* =========================================================
   PROGRESS SECTION
   ========================================================= */

#cmh-caffeine-weight-calculator .cmh-progress-section{

    margin-top:25px;

    padding:24px;

    background:#FFFFFF;

    border:1px solid #E8DDD2;

    border-radius:18px;

}


#cmh-caffeine-weight-calculator .cmh-progress-top{

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:15px;

    margin-bottom:12px;

}


#cmh-caffeine-weight-calculator .cmh-progress-label{

    font-size:14px;

    font-weight:700;

    color:#493B34;

}


#cmh-caffeine-weight-calculator #progressText{

    font-size:13px;

    font-weight:700;

    color:#7A4A27;

}


#cmh-caffeine-weight-calculator .cmh-progress-track{

    position:relative;

    width:100%;

    height:18px;

    overflow:hidden;

    border-radius:50px;

    background:#EFE8E2;

}


#cmh-caffeine-weight-calculator #progressFill{

    display:block;

    width:0%;

    min-width:0;

    height:100%;

    border-radius:50px;

    background:
        linear-gradient(
            90deg,
            #34A853,
            #66BB6A
        );

    transition:
        width .6s ease,
        background .3s ease;

}


/* =========================================================
   REVERSE CALCULATION
   ========================================================= */

#cmh-caffeine-weight-calculator .cmh-reverse-result{

    margin-top:22px;

    padding:20px 22px;

    background:#FDF7F1;

    border:1px solid #E9DED3;

    border-left:5px solid #7A4A27;

    border-radius:15px;

    font-size:14px;

    line-height:1.8;

    color:#5E514A;

}


#cmh-caffeine-weight-calculator .cmh-reverse-result strong{

    color:#7A4A27;

}


/* =========================================================
   RECOMMENDATION
   ========================================================= */

#cmh-caffeine-weight-calculator .cmh-recommendation{

    margin-top:18px;

    padding:20px 22px;

    background:#FFFFFF;

    border:1px solid #E8DDD2;

    border-radius:15px;

    font-size:14px;

    line-height:1.8;

    color:#5E514A;

}


#cmh-caffeine-weight-calculator .cmh-recommendation strong{

    display:block;

    margin-bottom:5px;

    color:#7A4A27;

}


/* =========================================================
   CONTENT
   ========================================================= */

.cmh-content{

    width:100%;

    max-width:1320px;

    margin:40px auto;

    padding:0 18px;

}


.cmh-content-card{

    width:100%;

    padding:40px;

    background:#FFFFFF;

    border:1px solid #E9E2DA;

    border-radius:24px;

    box-shadow:
        0 15px 40px rgba(0,0,0,.05);

}


.cmh-content-badge{

    display:inline-flex;

    align-items:center;

    gap:8px;

    padding:10px 22px;

    margin-bottom:18px;

    border-radius:50px;

    background:#FFF8F2;

    border:1px solid #E8DDD2;

    color:#7A4A27;

    font-size:14px;

    font-weight:600;

}


.cmh-content-card h2{

    margin:0 0 18px;

    font-size:38px;

    line-height:1.25;

    font-weight:800;

    color:#7A4A27;

}


.cmh-content-card h3{

    margin:35px 0 15px;

    font-size:24px;

    line-height:1.4;

    font-weight:700;

    color:#7A4A27;

}


.cmh-content-card p{

    margin:0 0 18px;

    font-size:16px;

    line-height:1.9;

    color:#555;

}


.cmh-content-card strong{

    color:#7A4A27;

}


.cmh-content-card a{

    color:#8A552E;

    font-weight:600;

    text-decoration:none;

    transition:.3s;

}


.cmh-content-card a:hover{

    color:#B57A4C;

    text-decoration:underline;

}


/* =========================================================
   INFO BOX
   ========================================================= */

.cmh-info-box{

    margin:30px 0;

    padding:28px;

    background:#FFF9F4;

    border:1px solid #E8DDD2;

    border-left:5px solid #7A4A27;

    border-radius:18px;

}


.cmh-info-box h3{

    margin-top:0;

}


.cmh-info-box ul{

    margin:18px 0 0;

    padding-left:22px;

}


.cmh-info-box li{

    margin-bottom:12px;

    color:#555;

    line-height:1.8;

}


.cmh-note{

    margin:30px 0;

    padding:22px 24px;

    background:#FDF7F1;

    border:1px solid #E9DED3;

    border-radius:16px;

    color:#555;

    line-height:1.8;

}


.cmh-note strong{

    color:#7A4A27;

}


/* =========================================================
   FAQ
   ========================================================= */

.cmh-faq{

    width:100%;

    max-width:1320px;

    margin:40px auto;

    padding:0 18px;

}


.cmh-faq-card{

    width:100%;

    padding:40px;

    background:#FFFFFF;

    border:1px solid #E9E2DA;

    border-radius:24px;

    box-shadow:
        0 15px 40px rgba(0,0,0,.05);

}


.cmh-faq-title{

    margin:0 0 15px;

    font-size:38px;

    line-height:1.3;

    font-weight:800;

    color:#7A4A27;

    text-align:center;

}


.cmh-faq-desc{

    max-width:760px;

    margin:0 auto 35px;

    font-size:16px;

    line-height:1.8;

    color:#666;

    text-align:center;

}


/* =========================================================
   FAQ ITEM
   ========================================================= */

.cmh-faq-item{

    margin-bottom:18px;

    overflow:hidden;

    background:#FFFFFF;

    border:1px solid #E8DDD2;

    border-radius:18px;

    transition:
        box-shadow .3s ease;

}


.cmh-faq-item:hover{

    box-shadow:
        0 12px 28px rgba(0,0,0,.05);

}


/* =========================================================
   FAQ QUESTION
   ========================================================= */

.cmh-faq-question{

    width:100%;

    min-height:76px;

    padding:20px 26px;

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:15px;

    border:none;

    outline:none;

    background:#FFF9F4;

    color:#7A4A27 !important;

    font-family:'Poppins',sans-serif;

    font-size:17px;

    font-weight:700;

    line-height:1.5;

    text-align:left;

    cursor:pointer;

    transition:none;

}


/* =========================================================
   FAQ HOVER
   EXACT SAME LOOK
   ========================================================= */

.cmh-faq-question:hover,
.cmh-faq-question:focus,
.cmh-faq-question:active{

    background:#FFF9F4 !important;

    color:#7A4A27 !important;

    outline:none;

    box-shadow:none;

}


/* =========================================================
   FAQ PLUS ICON
   ========================================================= */

.cmh-faq-question span{

    width:34px;

    height:34px;

    min-width:34px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    background:#7A4A27 !important;

    color:#FFFFFF !important;

    font-size:22px;

    font-weight:500;

    line-height:1;

    flex-shrink:0;

    transition:
        transform .3s ease;

}


/* =========================================================
   FAQ ACTIVE
   ========================================================= */

.cmh-faq-item.active
.cmh-faq-question span{

    transform:rotate(180deg);

}


/* =========================================================
   FAQ ANSWER
   ========================================================= */

.cmh-faq-answer{

    max-height:0;

    overflow:hidden;

    background:#FFFFFF;

    transition:
        max-height .35s ease;

}


.cmh-faq-answer p{

    margin:0;

    padding:24px 26px;

    font-size:15px;

    line-height:1.9;

    color:#555;

}


.cmh-faq-answer a{

    color:#8A552E;

    font-weight:600;

    text-decoration:none;

}


.cmh-faq-answer a:hover{

    color:#B57A4C;

    text-decoration:underline;

}


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

@media(max-width:991px){

    #cmh-caffeine-weight-calculator{

        margin:30px auto;

        padding:0 14px;

    }


    #cmh-caffeine-weight-calculator
    .cmh-calculator-hero{

        padding:36px 24px 30px;

    }


    #cmh-caffeine-weight-calculator
    .cmh-calculator-hero h1{

        font-size:32px;

    }


    #cmh-caffeine-weight-calculator
    .cmh-calculator-body{

        padding:30px;

    }


    #cmh-caffeine-weight-calculator
    .cmh-result-grid{

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

    }


    .cmh-content,
    .cmh-faq{

        padding:0 14px;

    }


    .cmh-content-card,
    .cmh-faq-card{

        padding:30px;

    }


    .cmh-content-card h2,
    .cmh-faq-title{

        font-size:32px;

    }


    .cmh-content-card h3{

        font-size:22px;

    }

}


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

@media(max-width:768px){

    #cmh-caffeine-weight-calculator{

        margin:25px auto;

        padding:0 10px;

    }


    #cmh-caffeine-weight-calculator
    .cmh-calculator-card{

        border-radius:20px;

    }


    #cmh-caffeine-weight-calculator
    .cmh-calculator-hero{

        padding:30px 20px 25px;

    }


    #cmh-caffeine-weight-calculator
    .cmh-hero-icon{

        width:55px;

        height:55px;

        font-size:26px;

    }


    #cmh-caffeine-weight-calculator
    .cmh-calculator-hero h1{

        font-size:27px;

    }


    #cmh-caffeine-weight-calculator
    .cmh-calculator-hero p{

        font-size:14px;

        line-height:1.75;

    }


    #cmh-caffeine-weight-calculator
    .cmh-calculator-body{

        padding:22px;

    }


    #cmh-caffeine-weight-calculator
    .cmh-form-grid{

        grid-template-columns:1fr;

        gap:19px;

    }


    #cmh-caffeine-weight-calculator
    .cmh-form-group.full-width{

        grid-column:auto;

    }


    #cmh-caffeine-weight-calculator
    input,
    #cmh-caffeine-weight-calculator
    select{

        min-height:50px;

        font-size:14px;

    }


    #cmh-caffeine-weight-calculator
    .cmh-preset-wrapper{

        padding:20px;

    }


    #cmh-caffeine-weight-calculator
    .cmh-button-row{

        flex-direction:column;

        align-items:stretch;

    }


    #cmh-caffeine-weight-calculator
    #calculateBtn,
    #cmh-caffeine-weight-calculator
    #resetBtn{

        width:100%;

        flex:none;

    }


    #cmh-caffeine-weight-calculator
    .cmh-results-card{

        padding:22px;

        border-radius:18px;

    }


    #cmh-caffeine-weight-calculator
    .cmh-results-header h2{

        font-size:23px;

    }


    #cmh-caffeine-weight-calculator
    .cmh-result-grid{

        grid-template-columns:1fr 1fr;

        gap:12px;

    }


    #cmh-caffeine-weight-calculator
    .cmh-result-item{

        padding:17px 12px;

    }


    #cmh-caffeine-weight-calculator
    .cmh-result-value{

        font-size:18px;

    }


    #cmh-caffeine-weight-calculator
    .cmh-progress-section{

        padding:19px;

    }


    #cmh-caffeine-weight-calculator
    .cmh-progress-top{

        align-items:flex-start;

        flex-direction:column;

        gap:5px;

    }


    .cmh-content,
    .cmh-faq{

        margin:25px auto;

        padding:0 10px;

    }


    .cmh-content-card,
    .cmh-faq-card{

        padding:22px;

        border-radius:18px;

    }


    .cmh-content-badge{

        padding:8px 16px;

        font-size:12px;

    }


    .cmh-content-card h2,
    .cmh-faq-title{

        font-size:27px;

    }


    .cmh-content-card h3{

        font-size:20px;

    }


    .cmh-content-card p,
    .cmh-faq-answer p{

        font-size:14px;

        line-height:1.8;

    }


    .cmh-info-box{

        padding:20px;

    }


    .cmh-note{

        padding:18px;

    }


    .cmh-faq-question{

        min-height:68px;

        padding:18px;

        font-size:15px;

        gap:12px;

    }


    .cmh-faq-question span{

        width:30px;

        height:30px;

        min-width:30px;

        font-size:20px;

    }

}


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

@media(max-width:480px){

    #cmh-caffeine-weight-calculator
    .cmh-calculator-hero h1{

        font-size:23px;

    }


    #cmh-caffeine-weight-calculator
    .cmh-calculator-body{

        padding:18px;

    }


    #cmh-caffeine-weight-calculator
    .cmh-result-grid{

        grid-template-columns:1fr;

    }


    #cmh-caffeine-weight-calculator
    .cmh-result-item{

        display:flex;

        align-items:center;

        justify-content:space-between;

        gap:10px;

        text-align:right;

    }


    #cmh-caffeine-weight-calculator
    .cmh-result-label{

        margin:0;

        text-align:left;

    }


    #cmh-caffeine-weight-calculator
    .cmh-result-value{

        font-size:17px;

    }


    .cmh-content-card,
    .cmh-faq-card{

        padding:18px;

    }


    .cmh-content-card h2,
    .cmh-faq-title{

        font-size:23px;

    }


    .cmh-content-card h3{

        font-size:18px;

    }


    .cmh-content-card p,
    .cmh-faq-answer p{

        font-size:13px;

    }


    .cmh-faq-question{

        min-height:62px;

        padding:16px;

        font-size:14px;

    }


    .cmh-faq-question span{

        width:28px;

        height:28px;

        min-width:28px;

        font-size:18px;

    }

}


/* =========================================================
   ACCESSIBILITY
   ========================================================= */

#cmh-caffeine-weight-calculator
button:focus-visible,
#cmh-caffeine-weight-calculator
input:focus-visible,
#cmh-caffeine-weight-calculator
select:focus-visible{

    outline:2px solid rgba(122,74,39,.35);

    outline-offset:2px;

}


/* FAQ SHOULD NOT GET EXTRA FOCUS OUTLINE */

.cmh-faq-question:focus-visible{

    outline:none;

}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media(prefers-reduced-motion:reduce){

    #cmh-caffeine-weight-calculator *,
    .cmh-content *,
    .cmh-faq *{

        animation:none !important;

        transition:none !important;

        scroll-behavior:auto !important;

    }

}/* End custom CSS */