@media (min-width:1024px){
	.sticky-bottom,
	.sticky-bottom-popup { display: none; }
}

@media (max-width:768px){
    .sticky-bottom{
        position: fixed;
        bottom:0;
        left:0;
        width:100%;
        z-index:9999;
        background:#fff;
        padding: 1.3vw 0;
        box-shadow: 0 0.5vw 1.3vw rgba(0,0,0,0.1);
        transform: translateY(100%);
        transition: transform 0.3s ease;
        border-radius: 4vw 4vw 0 0;
    }

    .sticky-bottom.show-bottom{ transform: translateY(0); }

    .sticky-bottom .menu-bar{
        display:flex;
        justify-content:space-around;
        align-items:center;
        padding:2.7vw 2.1vw;
    }

    .sticky-bottom .menu-item{
        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content:center;
        width:16vw;
        height:13.9vw;
        border-radius:3.7vw;
        background:#fafafa;
        text-decoration:none;
        color:#444;
        box-shadow:0 0.5vw 1.6vw rgba(0,0,0,0.06);
        transition:all .2s ease;
    }

    .sticky-bottom .menu-item i{
        font-size:4.8vw;
        margin-bottom:1.1vw;
        background: linear-gradient(
            180deg,
            #fff7cc 0%,
            #f2d680 25%,
            #c9a646 45%,
            #a8842f 60%,
            #f2d680 80%,
            #fff7cc 100%
        );
        -webkit-background-clip:text;
        -webkit-text-fill-color:transparent;
        filter: drop-shadow(0 0.3vw 0.3vw rgba(0,0,0,0.25));
    }

    .sticky-bottom .menu-item span{ font-size:2.7vw; }

    .sticky-bottom .menu-item:active{
        transform:scale(.92);
        box-shadow:0 0.3vw 0.8vw rgba(0,0,0,0.15);
    }

    .sticky-bottom .menu-item.hotline{
        background:linear-gradient(135deg,#d6b25e,#f2d680);
        color:#000;
        transform:scale(1.15);
        box-shadow:0 1.6vw 3.7vw rgba(0,0,0,0.15);
    }

    .sticky-bottom .menu-item.hotline i{
        background: linear-gradient(
            180deg,
            #ffffff,
            #ffe27a,
            #d4af37,
            #b8962e,
            #fff3b0
        );
        -webkit-background-clip:text;
        -webkit-text-fill-color:transparent;
        font-size:5.3vw;
    }

    .sticky-bottom-popup{
        position:fixed;
        top:0;
        left:0;
        width:100%;
        height:100%;
        background:rgba(0,0,0,0.4);
        display:none;
        z-index:99999;
    }

    .sticky-bottom-popup.active{
        display:flex;
        align-items:flex-end;
        justify-content:center;
    }

    .sticky-bottom-popup .popup-content{
        background:#fff;
        width:90%;
        height:90vh;
        border-radius:5.3vw 5.3vw 0 0;
        display:flex;
        flex-direction:column;
        animation:popupSlide .25s ease;
    }

    .sticky-bottom-popup .popup-header{
        display:flex;
        justify-content:space-between;
        align-items:center;
        padding:3.7vw;
        border-bottom:0.3vw solid #eee;
        font-weight:600;
        flex-shrink:0;
    }

    .sticky-bottom-popup .popup-body{
        padding:4.3vw;
        overflow-y:auto;
        flex:1;
    }

    body.popup-open{ overflow:hidden; }

    @keyframes popupSlide{
        from{ transform:translateY(100%); }
        to{ transform:translateY(0); }
    }

    .sticky-bottom-popup .popup-close{
        background:none;
        border:none;
        font-size:4.8vw;
        cursor:pointer;
    }

    .lux-category-grid{
        display:grid;
        grid-template-columns:repeat(2,1fr);
        gap:4.8vw;
    }

    .lux-cat-card{
        background:#f4f4f4;
        border-radius:6.4vw;
        padding:4.8vw 2.7vw;
        text-align:center;
        text-decoration:none;
        color:#222;
        box-shadow:0 1.6vw 4.3vw rgba(0,0,0,0.08);
        transition:all .2s ease;
    }

    .lux-cat-card:active{ transform:scale(.95); }

    .lux-cat-image{
        width:24vw;
        height:24vw;
        margin:auto;
        margin-bottom:2.7vw;
        border-radius:50%;
        background:#fff;
        display:flex;
        align-items:center;
        justify-content:center;
        overflow:hidden;
    }

    .lux-cat-image img{
        width:100%;
        height:100%;
        object-fit:cover;
    }

    .lux-cat-card span{
        font-size:3.7vw;
        font-weight:500;
        display:block;
    }

    .lux-search-form{
        position:relative;
        width:100%;
        margin-bottom:5.3vw;
    }

    .lux-search-input{
        width:100% !important;
        height:12.3vw !important;
        border-radius:8vw !important;
        border:0.3vw solid #e5e5e5 !important;
        padding:0 13.3vw 0 4.8vw !important;
        font-size:3.7vw !important;
        background:#fafafa !important;
        transition:all .2s ease !important;
    }

    .lux-search-input:focus{
        border-color:#d4af37 !important;
        background:#fff !important;
        box-shadow:0 0.8vw 2.7vw rgba(0,0,0,0.08) !important;
    }

    .lux-search-btn{
        position:absolute;
        right:1.6vw;
        top:50%;
        transform:translateY(-50%);
        width:9.6vw;
        height:9.6vw;
        border:none;
        border-radius:50%;
        cursor:pointer;
        background:linear-gradient(135deg,#d6b25e,#f2d680);
        display:flex;
        align-items:center;
        justify-content:center;
    }

    .lux-search-btn i{
        font-size:3.7vw;
        color:#000;
    }

    .menu-item.consult-btn i{
        background: linear-gradient(
            180deg,
            #ffffff,
            #ffe27a,
            #d4af37,
            #b8962e,
            #fff3b0
        );
        -webkit-background-clip:text;
        -webkit-text-fill-color:transparent;
        font-size:5.3vw ;
    }

    .lux-consult-form{
        display:flex;
        flex-direction:column;
        gap:3.2vw;
    }

    .consult-field{
        display:flex;
        flex-direction:column;
        gap:1.6vw;
    }

    .consult-field label{
        font-size:3.5vw;
        font-weight:600;
        color:#333;
    }

    .consult-field input,
    .consult-field textarea{
        width:100%;
        border:0.3vw solid #e5e5e5;
        border-radius:4.8vw;
        background:#fafafa;
        padding:3.2vw 3.7vw;
        font-size:3.7vw;
        outline:none;
        transition:all .2s ease;
        resize:none;
    }

    .consult-field input:focus,
    .consult-field textarea:focus{
        border-color:#d4af37;
        background:#fff;
        box-shadow:0 0.8vw 2.7vw rgba(0,0,0,0.08);
    }

    .consult-submit{
        width:100%;
        height:12.3vw;
        border:none;
        border-radius:8vw;
        background:linear-gradient(135deg,#d6b25e,#f2d680);
        color:#000;
        font-weight:700;
        font-size:3.7vw;
        cursor:pointer;
        box-shadow:0 1.1vw 3.2vw rgba(0,0,0,0.12);
    }

    .consult-submit:active{
        transform:scale(.98);
    }

    .consult-notice{
        margin-bottom:3.7vw;
        padding:3.2vw 3.7vw;
        border-radius:3.7vw;
        font-size:3.5vw;
        line-height:1.45;
        display:none;
    }

    .consult-notice.success{
        display:block;
        background:#eefaf0;
        color:#1f7a3a;
        border:0.3vw solid #bfe8c8;
    }

    .consult-notice.error{
        display:block;
        background:#fff1f1;
        color:#b42318;
        border:0.3vw solid #f3c2c2;
    }

    .consult-intro{
        display:flex;
        gap:3.2vw;
        padding:3.7vw;
        border-radius:4.8vw;
        margin-bottom:4.3vw;

        background:linear-gradient(
            135deg,
            rgba(214,178,94,0.15),
            rgba(242,214,128,0.25)
        );

        border:0.3vw solid rgba(212,175,55,0.25);
        box-shadow:0 1.6vw 4.8vw rgba(0,0,0,0.06);
    }

    .consult-intro-icon{
        min-width:11.2vw;
        height:11.2vw;
        border-radius:50%;
        display:flex;
        align-items:center;
        justify-content:center;

        background:linear-gradient(135deg,#d6b25e,#f2d680);
        box-shadow:0 1.1vw 2.7vw rgba(0,0,0,0.15);
    }

    .consult-intro-icon i{
        color:#000;
        font-size:4.3vw;
    }

    .consult-intro-content h3{
        font-size:3.7vw;
        margin:0 0 1.1vw;
        font-weight:700;
        color:#222;
    }

    .consult-intro-content p{
        font-size:3.3vw;
        margin:0;
        color:#555;
        line-height:1.5;
    }

    .consult-field input:hover,
    .consult-field textarea:hover{ border-color:#d4af37; }

    .consult-field input:focus,
    .consult-field textarea:focus{ box-shadow:0 0 0 0.5vw rgba(212,175,55,0.15); }

    .consult-submit{
        position:relative;
        overflow:hidden;
    }

    .consult-submit::after{
        content:'';
        position:absolute;
        top:0;
        left:-100%;
        width:100%;
        height:100%;
        background:linear-gradient(120deg,transparent,rgba(255,255,255,0.4),transparent);
        transition:all .5s;
    }

    .consult-submit:active::after{ left:100%; }

    .consult-note{
        font-size:2.9vw;
        text-align:center;
        color:#777;
        margin-top:2.1vw;
    }
}