/* =========================================================
   CRYSTAL CLEANING - SERVICE MODAL TEXT V72
   Production-safe typography refinement.
   ONLY increases and beautifies text inside service modals.
   No geometry / modal sizing / image / scroll changes.
   ========================================================= */

/* ========================= DESKTOP ========================= */
@media (min-width:821px){

    html body .service-modal__lead{
        margin:10px 0 17px!important;

        color:#384840!important;

        font-size:18.5px!important;
        line-height:1.58!important;
        font-weight:650!important;
        letter-spacing:-.008em!important;
    }

    html body .service-modal__description{
        color:#53615a!important;

        font-size:17px!important;
        line-height:1.72!important;
        font-weight:450!important;
        letter-spacing:-.004em!important;
    }

    html body .service-modal__note{
        margin-top:18px!important;
        padding:13px 15px!important;

        color:#55634f!important;

        font-size:15px!important;
        line-height:1.58!important;
        font-weight:550!important;
    }

    html body .service-modal__includes{
        margin-top:22px!important;
    }

    html body .service-modal__includes > strong{
        display:block!important;
        margin-bottom:12px!important;

        color:#202b26!important;

        font-size:17.5px!important;
        line-height:1.28!important;
        font-weight:800!important;
        letter-spacing:-.01em!important;
    }

    html body .service-modal__includes ul{
        margin-top:0!important;
    }

    html body .service-modal__includes li{
        margin-bottom:8px!important;

        color:#53615a!important;

        font-size:17px!important;
        line-height:1.58!important;
        font-weight:450!important;
    }

    /* Better visual hierarchy for service modal body */
    html body .service-modal__content{
        text-rendering:optimizeLegibility!important;
        -webkit-font-smoothing:antialiased!important;
    }

    html body .service-modal__content .site-button,
    html body .service-modal__content a[class*="button"]{
        font-size:12.5px!important;
    }
}

/* ========================= LAPTOP ========================= */
/* 1366x768 / 1536x864 and similar */
@media (min-width:821px) and (max-height:820px){

    html body .service-modal__lead{
        margin-bottom:14px!important;

        font-size:17.5px!important;
        line-height:1.52!important;
    }

    html body .service-modal__description{
        font-size:16px!important;
        line-height:1.64!important;
    }

    html body .service-modal__note{
        margin-top:15px!important;

        font-size:14.5px!important;
        line-height:1.52!important;
    }

    html body .service-modal__includes{
        margin-top:18px!important;
    }

    html body .service-modal__includes > strong{
        margin-bottom:10px!important;

        font-size:16.5px!important;
    }

    html body .service-modal__includes li{
        margin-bottom:6px!important;

        font-size:16px!important;
        line-height:1.52!important;
    }
}

/* Very short laptop windows: still readable, without touching modal geometry. */
@media (min-width:821px) and (max-height:680px){

    html body .service-modal__lead{
        font-size:16.5px!important;
        line-height:1.48!important;
    }

    html body .service-modal__description{
        font-size:15.2px!important;
        line-height:1.56!important;
    }

    html body .service-modal__note{
        font-size:13.8px!important;
    }

    html body .service-modal__includes > strong{
        font-size:15.8px!important;
    }

    html body .service-modal__includes li{
        font-size:15.2px!important;
        line-height:1.48!important;
    }
}

/* ========================= TABLET / MOBILE ========================= */
@media (max-width:820px){

    html body .service-modal__lead{
        margin:9px 0 14px!important;

        color:#384840!important;

        font-size:16px!important;
        line-height:1.55!important;
        font-weight:650!important;
    }

    html body .service-modal__description{
        color:#53615a!important;

        font-size:14.8px!important;
        line-height:1.64!important;
        font-weight:450!important;
    }

    html body .service-modal__note{
        margin-top:15px!important;

        font-size:13.2px!important;
        line-height:1.54!important;
    }

    html body .service-modal__includes{
        margin-top:18px!important;
    }

    html body .service-modal__includes > strong{
        display:block!important;
        margin-bottom:10px!important;

        font-size:15.5px!important;
        line-height:1.30!important;
        font-weight:800!important;
    }

    html body .service-modal__includes li{
        margin-bottom:6px!important;

        font-size:14.8px!important;
        line-height:1.55!important;
    }
}