.elementor-11823 .elementor-element.elementor-element-5c086a5d{--display:flex;--min-height:960px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--padding-top:10%;--padding-bottom:10%;--padding-left:10%;--padding-right:10%;}.elementor-11823 .elementor-element.elementor-element-5c086a5d:not(.elementor-motion-effects-element-type-background), .elementor-11823 .elementor-element.elementor-element-5c086a5d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #D9D7FF 0%, #FFFFFF 50%);}.elementor-11823 .elementor-element.elementor-element-20b43fc0{--display:flex;--gap:65px 65px;--row-gap:65px;--column-gap:65px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11823 .elementor-element.elementor-element-20b43fc0.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-11823 .elementor-element.elementor-element-7d6fbd59 .elementor-icon-box-title{margin-block-end:25px;color:#212121;}.elementor-11823 .elementor-element.elementor-element-7d6fbd59 .elementor-icon-box-title, .elementor-11823 .elementor-element.elementor-element-7d6fbd59 .elementor-icon-box-title a{font-family:"Montserrat", Sans-serif;font-size:2.5vw;font-weight:600;text-transform:none;font-style:normal;text-decoration:none;line-height:1.1em;letter-spacing:-2px;word-spacing:0em;}.elementor-11823 .elementor-element.elementor-element-7d6fbd59 .elementor-icon-box-description{font-size:15px;font-weight:300;text-transform:none;font-style:normal;text-decoration:none;line-height:1.5em;letter-spacing:0px;word-spacing:0em;color:#222222;}.elementor-11823 .elementor-element.elementor-element-9b3fd25{width:100%;max-width:100%;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-11823 .elementor-element.elementor-element-5c086a5d{--width:100%;}.elementor-11823 .elementor-element.elementor-element-20b43fc0{--width:83%;}}@media(max-width:1024px){.elementor-11823 .elementor-element.elementor-element-5c086a5d{--min-height:600px;--padding-top:10%;--padding-bottom:10%;--padding-left:5%;--padding-right:5%;}.elementor-11823 .elementor-element.elementor-element-7d6fbd59 .elementor-icon-box-title, .elementor-11823 .elementor-element.elementor-element-7d6fbd59 .elementor-icon-box-title a{font-size:40px;}.elementor-11823 .elementor-element.elementor-element-7d6fbd59 .elementor-icon-box-description{font-size:18px;}}@media(max-width:767px){.elementor-11823 .elementor-element.elementor-element-5c086a5d{--margin-top:45px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:15%;--padding-bottom:15%;--padding-left:5%;--padding-right:5%;}.elementor-11823 .elementor-element.elementor-element-20b43fc0{--width:323px;}.elementor-11823 .elementor-element.elementor-element-7d6fbd59{margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;}.elementor-11823 .elementor-element.elementor-element-7d6fbd59 .elementor-icon-box-title{margin-block-end:21px;}.elementor-11823 .elementor-element.elementor-element-7d6fbd59 .elementor-icon-box-title, .elementor-11823 .elementor-element.elementor-element-7d6fbd59 .elementor-icon-box-title a{font-size:30px;}.elementor-11823 .elementor-element.elementor-element-7d6fbd59 .elementor-icon-box-description{font-size:10px;line-height:1.3em;}}/* Start custom CSS for html, class: .elementor-element-9b3fd25 */@media (max-width:767px){

    .quote-empty{

        position:relative !important;

        flex-direction:column !important;
        align-items:center !important;
        justify-content:flex-start !important;

        width:100% !important;

        min-height:0 !important;

        aspect-ratio:1 / 1.15;

        padding-top:28px !important;

        text-align:center;

        overflow:hidden;

    }


    .quote-empty::after{

        content:"";

        position:absolute;

        left:20px !important;
        right:20px !important;

        top:90px !important;
        bottom:0 !important;

        width:auto !important;
        height:auto !important;

        background-image:url("https://unlockedprinting.com/wp-content/uploads/2026/07/Artboard-3.svg");

        background-repeat:no-repeat !important;
        background-size:contain !important;
        background-position:center bottom !important;

        pointer-events:none;

    }


    .quote-empty-text{

        position:relative;

        z-index:2;

        width:100%;

        padding:0 20px;

        font-size:16px !important;
        line-height:1.5;

        text-align:center;

        color:#d9d7ff;

    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5c086a5d *//* ===========================================
Layout
=========================================== */

.quotation-form{

    max-width:1600px;

    margin:0 auto;

    padding:20px 20px;

}

.quote-layout{

    display:grid;

    grid-template-columns:500px 1fr;

    gap:50px;

    align-items:start;

}

/* ===========================================
Left
=========================================== */

.quote-left{

    position:sticky;

    top:120px;

}

/* ===========================================
Field
=========================================== */

.quote-field{

    margin-bottom:35px;

}

.quote-field label{

    display:block;

    margin-bottom:12px;

    font-size:15px;

    font-weight:600;

    color:#2C2C2C;

}

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

#quote-category,
#quote-product,
.quote-input{

    width:100%;

    height:56px;

    padding:0 18px;

    border:1px solid #E5E5E5;

    border-radius:14px !important;

    background:#fff;

    font-size:16px;

    color:#666;

    outline:none;

}

border-radius:14px !important;

#quote-category:focus,
#quote-product:focus,
.quote-input:focus{

    border-color:#2C005A;

}
input[type="number"]{

    border-radius:14px !important;

    -webkit-appearance:none;

    appearance:textfield;

}

/* ===========================================
Quantity
=========================================== */

.quote-qty-grid{

    display:grid;

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

    gap:12px;

}

/* ===========================================
Upload
=========================================== */

.quote-upload{

    border:2px dashed #E5E5E5;

    border-radius:16px;

    padding:45px;

    background:#fff;

    text-align:center;

}

.quote-upload input{

    width:100%;

}

/* ===========================================
Right
=========================================== */

.quote-right{

    background:#fff;

    border:1px solid #ececec;

    border-radius:20px;


    box-shadow:
        inset 0 0 0 1px rgba(255,255,255,.8),
        0 10px 30px rgba(0,0,0,.03);

    transition:.25s;

}



/* ===========================================
Empty
=========================================== */

.quote-empty{

    position:relative;

    display:flex;

    justify-content:flex-start;

    align-items:center;

    flex-direction:column;

    min-height:630px;

    padding-top:40px;

    text-align:center;

    overflow:hidden;

}

.quote-empty::after{

    content:"";

    position:absolute;

    left:0;

    right:0;

    bottom:0;

    top:70px;

    background-image:url("https://unlockedprinting.com/wp-content/uploads/2026/07/Artboard-3.svg");

    background-repeat:no-repeat;

    background-position:center bottom;

    background-size:contain;

    pointer-events:none;

}
.quote-empty-text{

    position:relative;

    z-index:2;

    font-size:18px;

    line-height:1.5;

    color:#d9d7ff;

}
/* ===========================================
Title
=========================================== */

.quote-section-title{

    font-size:28px;

    font-weight:600;

    color:#2C2C2C;

    margin-bottom:35px;

}

/* ===========================================
Group
=========================================== */

.quote-spec-group{

    margin-bottom:35px;

}

.quote-spec-group h4{

    margin-bottom:12px;

    font-size:15px;

    font-weight:600;

    color:#2C2C2C;

}

#quote-specs{

    padding:35px;

    box-sizing:border-box;

}

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

.quote-grid{

    display:grid;

    grid-template-columns:repeat(auto-fit,minmax(220px,1fr));

    gap:14px;

}

.quote-grid-2{

    display:grid;

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

    gap:14px;

}

/* ===========================================
Selection Card
=========================================== */

.quote-option{

    display:flex;

    align-items:center;

    justify-content:center;

    min-height:56px;

    padding:0 18px;

    border:1px solid #E5E5E5;

    border-radius:12px;

    background:#fff;

    cursor:pointer;

    transition:.2s;

}

.quote-option:hover{

    border-color:#2C005A;

}

.quote-option.active{

    border-color:#b5b5b5;

    background:#F8F8F8;

}

.quote-option strong{

    font-size:16px;

    font-weight:500;

    color:#666;

}

.quote-option.active strong{

    color:#2C005A;

}

.quote-option input{

    display:none!important;

}

.quote-submit{

    margin-top:40px;

    display:flex;

    justify-content:flex-end;

}

.quote-btn{

    width:220px;

    height:56px;

    border-radius:12px;

    background:#2C005A;

    color:#fff;

    border:none;

    font-size:16px;

    font-weight:600;

}

.quote-textarea{

    width:100%;

    min-height:130px;

    padding:16px 18px;

    border:px solid #E5E5E5;

    border-radius:12px;

    resize:vertical;

    font-size:15px;

    font-family:inherit;

    background:#fff;

    outline:none;

}

.quote-textarea:focus{

    border-color:#2C005A;

}

.quote-guidelines{

    margin-top:30px;

    padding:22px;

    border:1px solid #ECECEC;

    border-radius:14px;

    background:#FAFAFA;

}

.quote-guidelines h4{

    margin:0 0 15px;

    font-size:16px;

    font-weight:600;

    color:#2C005A;

}

.quote-guidelines ul{

    margin:0;

    padding-left:18px;

}

.quote-guidelines li{

    margin-bottom:10px;

    line-height:1.7;

    color:#666;

    font-size:14px;

}

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

@media (max-width:767px){

    .quotation-form{
        width:100%;
        max-width:100%;
        padding:20px 16px;
        box-sizing:border-box;
        overflow:hidden;
    }

    .quote-layout{
        display:grid;
        grid-template-columns:1fr;
        gap:24px;
        width:100%;
    }

    .quote-left{
        position:static;
        top:auto;
        width:100%;
        min-width:0;
    }

    .quote-right{
        width:100%;
        min-width:0;
        border-radius:16px;
    }

    .quote-field{
        margin-bottom:26px;
    }

    .quote-field label{
        font-size:15px;
        margin-bottom:10px;
    }

    #quote-category,
    #quote-product,
    .quote-input{
        width:100%;
        max-width:100%;
        height:54px;
        font-size:15px;
        box-sizing:border-box;
    }

    /* Quantity: 3个完整显示 */
    .quote-qty-grid{
        grid-template-columns:repeat(3,minmax(0,1fr));
        gap:8px;
        width:100%;
    }

    .quote-qty-grid .quote-input{
        min-width:0;
        padding:0 10px;
        font-size:14px;
    }

    .quote-upload{
        width:100%;
        padding:28px 18px;
        box-sizing:border-box;
    }

    .quote-textarea{
        width:100%;
        min-height:120px;
        box-sizing:border-box;
    }

    .quote-guidelines{
        width:100%;
        padding:18px;
        box-sizing:border-box;
    }

    .quote-guidelines li{
        font-size:13px;
        line-height:1.6;
    }

    #quote-specs{
        padding:20px;
    }

    .quote-section-title{
        font-size:22px;
        margin-bottom:25px;
    }

    .quote-grid,
    .quote-grid-2{
        grid-template-columns:1fr;
        gap:10px;
    }

    .quote-option{
        min-height:52px;
        padding:0 14px;
    }

    .quote-option strong{
        font-size:15px;
    }

    .quote-submit{
        margin-top:30px;
    }

    .quote-btn{
        width:100%;
        height:54px;
    }

    .quote-empty{
        min-height:420px;
        padding-top:28px;
    }

    .quote-empty::after{
        top:75px;
        background-size:85%;
    }

    .quote-empty-text{
        font-size:16px;
    }

}/* End custom CSS */