/* =====================================================
       PRODUCT CHIP
       ===================================================== */

    .st-inq-chip{
        display:inline-flex;
        align-items:center;
        justify-content:center;

        margin-left:auto;

        padding:8px 14px;

        background:#fff1f2;
        color:#b8171d;

        border:1px solid #efcbcd;
        border-radius:999px;

        font-family:inherit;
        font-size:13px;
        line-height:1.2;
        font-weight:700;

        white-space:nowrap;
        cursor:pointer;

        transition:
            background .18s ease,
            color .18s ease,
            border-color .18s ease,
            transform .18s ease,
            box-shadow .18s ease;
    }


    .st-inq-chip:hover{
        background:#d71920;
        color:#ffffff;
        border-color:#d71920;

        transform:translateY(-1px);

        box-shadow:
            0 4px 10px
            rgba(15,23,42,.08);
    }



    /* =====================================================
       OVERLAY
       ===================================================== */

    .st-inq-overlay{
        position:fixed;

        z-index:999999;

        inset:0;

        display:flex;
        align-items:center;
        justify-content:center;

        padding:16px;

        background:
            rgba(17,24,39,.62);

        opacity:0;
        visibility:hidden;

        transition:
            opacity .2s ease,
            visibility .2s ease;
    }


    .st-inq-overlay.is-open{
        opacity:1;
        visibility:visible;
    }


    body.st-inq-open{
        overflow:hidden;
    }



    /* =====================================================
       MODAL
       ===================================================== */

    .st-inq-modal{
        position:relative;

        width:100%;
        max-width:720px;

        max-height:
            calc(100vh - 32px);
        max-height:
            calc(100dvh - 32px);

        overflow-y:auto;
        overscroll-behavior:contain;

        padding:
            28px
            30px
            30px;

        background:#ffffff;

        border:1px solid #e1e5ea;
        border-top:4px solid #d71920;
        border-radius:20px;

        box-shadow:
            0 25px 70px
            rgba(15,23,42,.25);
    }



    /* CLOSE */

    .st-inq-close{
        position:sticky;

        z-index:2;
        top:8px;
        float:right;

        display:flex;
        align-items:center;
        justify-content:center;

        width:34px;
        height:34px;

        margin:-12px -13px -34px 12px;
        padding:0 0 2px;

        background:#f3f4f6;
        color:#596273;

        border:0;
        border-radius:50%;

        font-family:Arial,sans-serif;
        font-size:24px;
        line-height:1;

        cursor:pointer;
    }


    .st-inq-close:hover{
        background:#e9ebee;
        color:#172033;
    }



    /* HEAD */

    .st-inq-kicker{
        margin-bottom:7px;

        color:#d71920;

        font-size:10px;
        font-weight:900;

        letter-spacing:.11em;
        text-transform:uppercase;
    }


    .st-inq-modal h2{
        margin:0 0 5px;
        padding-right:40px;

        color:#172033;

        font-size:28px;
        line-height:1.2;
        font-weight:750;
    }


    .st-inq-intro{
        margin:0 0 19px;
        padding-right:40px;

        color:#667085;

        font-size:14px;
        line-height:1.5;
    }



    /* PRODUCT */

    .st-inq-product{
        margin:-4px 0 17px;

        padding:11px 13px;

        background:#f8fafc;
        color:#3f4754;

        border:1px solid #e1e5ea;
        border-radius:9px;

        font-size:13px;
        line-height:1.45;
        font-weight:700;
    }



    /* =====================================================
       FORMA
       ===================================================== */

    .st-inq-form{
        display:grid;
        gap:13px;
    }


    .st-inq-contact-grid{
        display:grid;
        grid-template-columns:
            repeat(3,minmax(0,1fr));
        gap:13px;
    }


    .st-inq-field{
        display:block;
    }


    .st-inq-field > span{
        display:block;

        margin-bottom:6px;

        color:#344054;

        font-size:12px;
        font-weight:700;
    }


    .st-inq-field input,
    .st-inq-field textarea{
        display:block;

        width:100%;

        margin:0;

        padding:12px 13px;

        background:#ffffff;
        color:#172033;

        border:1px solid #d8dee5;
        border-radius:10px;

        font-family:inherit;
        font-size:15px;
        line-height:1.4;

        outline:none;

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


    .st-inq-field textarea{
        min-height:102px;
        resize:vertical;
    }


    .st-inq-file-field{
        min-width:0;
        margin:1px 0 0;
        padding:13px 14px 14px;

        background:#f8fafc;

        border:1px solid #e1e6ed;
        border-radius:12px;
    }


    .st-inq-file-field legend{
        padding:0 5px;

        color:#344054;

        font-size:12px;
        font-weight:800;
    }


    .st-inq-file-field legend span{
        color:#7a8493;
        font-weight:600;
    }


    .st-inq-file-field input[type="file"]{
        display:block;
        width:100%;
        padding:7px;
        background:#ffffff;
        border:1px solid #d8dee5;
        border-radius:9px;
        font-size:13px;
    }


    .st-inq-file-input{
        display:block;
        margin:0;
    }


    .st-inq-file-input + .st-inq-file-input{
        margin-top:9px;
    }


    .st-inq-file-input[hidden]{
        display:none !important;
    }


    .st-inq-file-field .st-inq-file-label{
        display:block;
        margin:0 0 6px;
        color:#4b5563;
        font-size:11px;
        font-weight:700;
        line-height:1.3;
    }


    .st-inq-file-field input[type="file"]::file-selector-button{
        margin-right:10px;
        padding:7px 11px;
        background:#eef2f6;
        color:#172033;
        border:0;
        border-radius:7px;
        font:inherit;
        font-weight:700;
        cursor:pointer;
    }


    .st-inq-file-help{
        display:block;
        margin-top:9px;
        color:#667085;
        font-size:11px;
        line-height:1.45;
    }


    .st-inq-field input:focus,
    .st-inq-field textarea:focus,
    .st-inq-file-field input[type="file"]:focus{
        border-color:#d71920;

        box-shadow:
            0 0 0 3px
            rgba(215,25,32,.08);
    }



    /* SEND */

    .st-inq-submit{
        display:flex;
        align-items:center;
        justify-content:center;

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

        margin-top:3px;
        padding:11px 17px;

        background:#d71920;
        color:#ffffff;

        border:1px solid #d71920;
        border-radius:9px;

        font-family:inherit;
        font-size:13px;
        font-weight:800;

        cursor:pointer;
    }


    .st-inq-submit:hover{
        background:#bd161c;
    }


    .st-inq-submit:disabled{
        opacity:.65;
        cursor:wait;
    }



    /* HONEYPOT */

    .st-inq-honeypot{
        position:absolute !important;

        top:-10000px !important;
        left:-10000px !important;

        width:1px !important;
        height:1px !important;

        overflow:hidden !important;

        opacity:0 !important;
        pointer-events:none !important;
    }



    /* NOTICE */

    .st-inq-notice{
        position:fixed;

        z-index:999998;

        right:20px;
        bottom:20px;

        max-width:430px;

        padding:13px 17px;

        border-radius:10px;

        font-size:13px;
        line-height:1.45;
        font-weight:700;

        box-shadow:
            0 9px 30px
            rgba(15,23,42,.15);

        opacity:1;

        transition:
            opacity .3s ease,
            transform .3s ease;
    }


    .st-inq-notice.is-hidden{
        opacity:0;

        transform:
            translateY(10px);

        pointer-events:none;
    }


    .st-inq-success{
        background:#e8f7ed;
        color:#176b38;
        border:1px solid #cce8d5;
    }


    .st-inq-error{
        background:#fff1f2;
        color:#a51b20;
        border:1px solid #efcbcd;
    }



    /* MOBITEL */

    @media(max-width:650px){


        .st-inq-chip{
            margin-left:0;
            font-size:12px;
        }


        .st-inq-overlay{
            align-items:flex-end;
            padding:7px;
        }


        .st-inq-modal{
            max-height:
                calc(100vh - 14px);
            max-height:
                calc(100dvh - 14px);

            padding:
                24px
                18px
                20px;

            border-radius:
                17px
                17px
                13px
                13px;
        }


        .st-inq-modal h2{
            font-size:24px;
        }


        .st-inq-intro{
            margin-bottom:16px;
            font-size:13px;
        }


        .st-inq-contact-grid{
            grid-template-columns:1fr;
            gap:11px;
        }


        .st-inq-form{
            gap:11px;
        }


        .st-inq-file-field{
            padding:11px 12px 12px;
        }


        .st-inq-notice{
            right:12px;
            bottom:12px;
            left:12px;

            max-width:none;
        }

    }