/*==================================================
DDS INTERIOR BUILDER
PART 1
PREMIUM FOUNDATION
CLEAN VERSION
==================================================*/
:root{

    --dds-bg:#0b0b0b;
    --dds-card:#151515;
    --dds-card2:#1c1c1c;

    --dds-gold:#d4af37;
    --dds-gold-light:#f8df82;

    --dds-white:#ffffff;
    --dds-text:#bdbdbd;

    --dds-border:rgba(255,255,255,.08);

}

#dds-design-builder{

    --gold:#d4af37;
    --gold-light:#ffe89a;
    --dark:#050505;

    position:relative;

    padding:100px 0;

    background:

    radial-gradient(
    circle at 20% 20%,
    rgba(212,175,55,.18),
    transparent 35%
    ),

    radial-gradient(
    circle at 80% 80%,
    rgba(212,175,55,.12),
    transparent 35%
    ),

    #050505;

    color:white;

    overflow:hidden;

}



/*==============================
TITLE CENTER
==============================*/


#dds-design-builder .dds-section-title{

    position:relative;

    z-index:5;

    width:100%;

    text-align:center;

    margin-bottom:60px;

}



#dds-design-builder .dds-section-title span{

    display:block;

    color:var(--gold-light);

    letter-spacing:4px;

    font-size:14px;

}



#dds-design-builder .dds-section-title h2{


    max-width:900px;

    margin:20px auto;

    text-align:center;

    font-size:

    clamp(32px,5vw,58px);

    font-weight:900;


    background:

    linear-gradient(
    90deg,
    white,
    var(--gold-light),
    white
    );


    -webkit-background-clip:text;

    color:transparent;

}



#dds-design-builder .dds-section-title p{


    max-width:750px;

    margin:auto;

    color:#aaa;

    text-align:center;

    line-height:1.8;

}



/*==============================
FURNITURE PANEL
==============================*/


#dds-design-builder .dds-furniture-panel{


    position:relative;


    padding:30px;


    border-radius:30px;


    background:

    rgba(255,255,255,.07);


    backdrop-filter:blur(25px);


    border:

    1px solid rgba(212,175,55,.35);



    box-shadow:

    0 30px 70px rgba(0,0,0,.7);



}



#dds-design-builder .dds-furniture-panel h4{


    color:var(--gold-light);

    font-size:26px;

}



#dds-design-builder .dds-furniture-panel p{

    color:#aaa;

}



/*==============================
DRAG ITEMS
==============================*/


#dds-design-builder .dds-item{


    position:relative;


    display:flex;

    align-items:center;


    gap:15px;


    padding:15px;


    margin:15px 0;


    min-height:80px;


    border-radius:18px;


    background:

    rgba(0,0,0,.45);


    border:

    1px solid rgba(255,255,255,.1);


    cursor:grab;


    transition:.35s;


}



#dds-design-builder .dds-item:hover{


    transform:translateX(8px);


    border-color:var(--gold);


    box-shadow:

    0 10px 30px rgba(212,175,55,.3);


}



#dds-design-builder .dds-item img{


    width:55px;

    height:55px;

    object-fit:contain;

}



/*==============================
ROOM
==============================*/


#dds-design-builder #dds-room{


    position:relative;


    width:100%;


    height:650px;


    border-radius:35px;


    overflow:hidden;


    border:

    2px solid rgba(212,175,55,.35);



    box-shadow:

    0 30px 90px rgba(0,0,0,.8);



}



#dds-design-builder .dds-room-bg{


    position:absolute;


    inset:0;


    width:100%;


    height:100%;


    object-fit:cover;


    z-index:1;


}



/* DROP AREA */


#dds-design-builder #dds-drop-zone{


    position:absolute;


    inset:0;


    z-index:10;


}



/* REMOVE IMAGE CLICK ISSUE */


#dds-design-builder .dds-room-overlay{


    pointer-events:none;

}
/*==================================================
DDS INTERIOR BUILDER
PART 2
PLACED FURNITURE OBJECT SYSTEM
FIXED POSITION VERSION
==================================================*/



/*==================================================
PLACED OBJECT
==================================================*/


#dds-design-builder 
.dds-placed-item{


    position:absolute;


    z-index:30;


    display:flex;


    align-items:center;


    justify-content:center;



    width:130px;


    height:130px;



    cursor:grab;


    user-select:none;


    touch-action:none;



    transform-origin:center;



    animation:

    ddsObjectEnter .45s ease;



}



/* OBJECT ENTRY */


@keyframes ddsObjectEnter{


from{


    opacity:0;

    transform:

    scale(.4);


}



to{


    opacity:1;

    transform:

    scale(1);


}


}





/*==================================================
IMAGE
==================================================*/


#dds-design-builder 
.dds-placed-item img{


    width:100%;


    height:100%;


    object-fit:contain;



    pointer-events:none;



    filter:

    drop-shadow(
    0 20px 25px rgba(0,0,0,.8)
    );



}





/*==================================================
DELETE SMALL BUTTON
==================================================*/


#dds-design-builder 
.dds-delete-item{


    position:absolute;


    top:-10px;


    right:-10px;



    width:28px;


    height:28px;



    border-radius:50%;


    border:none;



    background:#d4af37;


    color:#000;



    font-size:18px;


    font-weight:900;



    cursor:pointer;



    opacity:0;


    transition:.3s;


}





.dds-placed-item:hover 
.dds-delete-item{


    opacity:1;


}






/*==================================================
SELECTED OBJECT
==================================================*/


#dds-design-builder 
.dds-placed-item.active{


    outline:

    2px dashed #d4af37;



    border-radius:20px;



    animation:

    ddsSelectedGlow 1.5s infinite;



}





@keyframes ddsSelectedGlow{


0%{


box-shadow:

0 0 0 0 rgba(212,175,55,.7);


}



70%{


box-shadow:

0 0 0 25px rgba(212,175,55,0);


}



100%{


box-shadow:

0 0 0 0 rgba(212,175,55,0);


}



}






/*==================================================
DRAGGING EFFECT
==================================================*/


#dds-design-builder 
.dds-placed-item.dragging{


    cursor:grabbing;


    transform:

    scale(1.08);



    z-index:999;



}







/*==================================================
DROP ACTIVE AREA
==================================================*/


#dds-design-builder 
#dds-drop-zone.drag-over{


    background:

    rgba(212,175,55,.08);



    border:

    2px dashed #d4af37;



    animation:

    ddsDropPulse 1s infinite;



}




@keyframes ddsDropPulse{


50%{


box-shadow:

inset 0 0 50px rgba(212,175,55,.5);


}



}







/*==================================================
OBJECT CONTROLS
==================================================*/


#dds-design-builder 
#dds-object-controls{


    position:absolute;


    left:50%;


    bottom:25px;



    transform:

    translateX(-50%);



    z-index:100;



    display:flex;


    gap:12px;



    padding:15px 20px;



    border-radius:40px;



    background:

    rgba(0,0,0,.75);



    backdrop-filter:blur(20px);



    opacity:0;


    pointer-events:none;



    transition:.35s;



}





#dds-design-builder 
#dds-object-controls.active{


    opacity:1;


    pointer-events:auto;


}






#dds-design-builder 
#dds-object-controls button{


    width:45px;


    height:45px;



    display:flex;


    justify-content:center;


    align-items:center;



    border-radius:50%;



    background:#111;



    border:

    1px solid #d4af37;



    color:#ffe89a;



    font-size:20px;



    cursor:pointer;



    transition:.3s;



}





#dds-design-builder 
#dds-object-controls button:hover{


    background:#d4af37;


    color:#000;


    transform:

    translateY(-5px);



}






/*==================================================
ROOM MESSAGE
==================================================*/


#dds-design-builder 
.dds-room-overlay{


    position:absolute;


    top:50%;


    left:50%;



    transform:

    translate(-50%,-50%);



    width:75%;



    padding:35px;



    text-align:center;



    z-index:20;



    border-radius:30px;



    background:

    rgba(0,0,0,.35);



    backdrop-filter:

    blur(12px);



}





#dds-design-builder 
.dds-room-overlay h3{


    font-size:

    clamp(26px,3vw,42px);



    margin-bottom:15px;


    color:white;


}



#dds-design-builder 
.dds-room-overlay p{


    color:#ddd;


    line-height:1.8;


}





/*==================================================
RESPONSIVE
==================================================*/


@media(max-width:992px){


#dds-design-builder 
#dds-room{


    height:550px;


}



}




@media(max-width:768px){


#dds-design-builder 
.dds-placed-item{


    width:100px;


    height:100px;


}



#dds-design-builder 
#dds-room{


    height:430px;


}



#dds-design-builder 
#dds-object-controls button{


    width:40px;


    height:40px;


}



}



@media(max-width:480px){


#dds-design-builder 
#dds-room{


    height:350px;


}



}
/*==================================================
DDS INTERIOR BUILDER
PART 3
CUSTOM USER MANUAL FURNITURE CREATOR
CLEAN VERSION
==================================================*/


/*==================================================
CUSTOM FURNITURE BOX
==================================================*/


#dds-design-builder 
.dds-custom-furniture{


    position:relative;


    width:100%;


    margin-top:25px;


    padding:22px;



    box-sizing:border-box;



    border-radius:25px;



    background:


    linear-gradient(
    145deg,
    rgba(212,175,55,.12),
    rgba(255,255,255,.05)
    );



    border:

    1px solid
    rgba(212,175,55,.35);



    overflow:hidden;



    z-index:5;



}





/* GOLD LIGHT */


#dds-design-builder 
.dds-custom-furniture::before{


    content:"";


    position:absolute;


    width:180px;


    height:180px;


    right:-90px;


    top:-90px;



    background:


    radial-gradient(
    circle,
    rgba(212,175,55,.45),
    transparent 70%
    );



    pointer-events:none;


}





/*==================================================
TITLE
==================================================*/


#dds-design-builder 
.dds-custom-furniture h5{


    position:relative;


    z-index:2;



    margin:0 0 10px;



    color:#ffe89a;



    font-size:20px;


    font-weight:800;



}





#dds-design-builder 
.dds-custom-furniture p{


    position:relative;


    z-index:2;



    color:#aaa;


    font-size:13px;



    line-height:1.6;



    margin-bottom:18px;



}






/*==================================================
INPUT + SELECT
==================================================*/


#dds-design-builder 
.dds-custom-furniture input,

#dds-design-builder 
.dds-custom-furniture select{


    position:relative;


    z-index:2;



    display:block;



    width:100%;



    height:45px;



    box-sizing:border-box;



    padding:0 15px;



    margin-bottom:12px;



    border-radius:14px;



    background:#090909;



    color:white;



    border:


    1px solid
    rgba(255,255,255,.15);



    outline:none;



    transition:.3s;



}




#dds-design-builder 
.dds-custom-furniture input:focus,

#dds-design-builder 
.dds-custom-furniture select:focus{


    border-color:#d4af37;



    box-shadow:


    0 0 20px
    rgba(212,175,55,.35);



}





#dds-design-builder 
.dds-custom-furniture option{


    background:#111;


    color:white;


}





/*==================================================
CREATE BUTTON
==================================================*/


#dds-design-builder 
#dds-create-custom{


    position:relative;


    z-index:3;



    width:100%;



    height:45px;



    display:flex;


    justify-content:center;


    align-items:center;



    border:none;



    border-radius:30px;



    cursor:pointer;



    font-weight:800;



    background:


    linear-gradient(
    90deg,
    #d4af37,
    #ffe89a
    );



    color:#000;



    transition:.35s;



}





#dds-design-builder 
#dds-create-custom:hover{


    transform:

    translateY(-4px);



    box-shadow:


    0 15px 40px
    rgba(212,175,55,.45);



}







/*==================================================
CUSTOM GENERATED LIST
==================================================*/


#dds-design-builder 
#dds-custom-list{


    position:relative;


    z-index:3;



    width:100%;



    margin-top:20px;



    display:flex;



    flex-direction:column;



    gap:12px;



}







/*==================================================
GENERATED CARD
==================================================*/


#dds-design-builder 
#dds-custom-list .dds-item{


    width:100%;



    min-height:65px;



    display:flex;


    align-items:center;



    gap:12px;



    padding:10px;



    margin:0;



    box-sizing:border-box;



    border-radius:16px;



    background:


    rgba(0,0,0,.55);



    border:


    1px solid
    rgba(212,175,55,.25);



    cursor:grab;



    transition:.35s;



}





#dds-design-builder 
#dds-custom-list .dds-item:hover{


    transform:

    translateX(6px);



    border-color:#d4af37;



    box-shadow:


    0 10px 25px
    rgba(212,175,55,.25);



}







/* IMAGE */


#dds-design-builder 
#dds-custom-list .dds-item img{


    width:45px;


    height:45px;



    object-fit:contain;



    flex-shrink:0;



}







/* TEXT */


#dds-design-builder 
#dds-custom-list .dds-item span{


    flex:1;



    overflow:hidden;



    white-space:nowrap;



    text-overflow:ellipsis;



    color:white;



    font-size:13px;



}







/*==================================================
CUSTOM LABEL
==================================================*/


#dds-design-builder 
.dds-custom-item::after{


    content:"CUSTOM";



    position:absolute;



    right:10px;


    top:8px;



    padding:3px 8px;



    border-radius:20px;



    font-size:9px;



    font-weight:900;



    background:#d4af37;



    color:#000;



}








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


@media(max-width:768px){


#dds-design-builder 
.dds-custom-furniture{


    padding:18px;


}



}





@media(max-width:480px){


#dds-design-builder 
.dds-custom-furniture h5{


    font-size:17px;


}



#dds-design-builder 
#dds-custom-list .dds-item{


    min-height:58px;


}



}
/*==================================================
DDS INTERIOR BUILDER
PART 4
PREMIUM CTA / ACTION AREA
CENTER FIX VERSION
==================================================*/


/*==================================================
CTA WRAPPER
==================================================*/


#dds-design-builder 
.dds-builder-action{


    position:relative;



    width:100%;



    margin-top:70px;



    padding:70px 40px;



    display:flex;



    flex-direction:column;



    align-items:center;



    justify-content:center;



    text-align:center;



    box-sizing:border-box;



    border-radius:35px;



    background:


    linear-gradient(
    145deg,
    rgba(255,255,255,.12),
    rgba(255,255,255,.03)
    );



    backdrop-filter:


    blur(25px);



    border:


    1px solid
    rgba(212,175,55,.35);



    overflow:hidden;



    box-shadow:


    0 30px 80px
    rgba(0,0,0,.7);



    animation:


    ddsCTAReveal 1s ease;



}







@keyframes ddsCTAReveal{


from{


opacity:0;


transform:

translateY(60px);


}


to{


opacity:1;


transform:

translateY(0);


}



}







/*==================================================
MOVING GOLD BORDER
==================================================*/


#dds-design-builder 
.dds-builder-action::before{


    content:"";



    position:absolute;



    inset:0;



    border-radius:35px;



    padding:2px;



    background:


    linear-gradient(
    90deg,
    transparent,
    #d4af37,
    transparent
    );



    background-size:200%;



    animation:


    ddsCTABorder 5s linear infinite;



}





@keyframes ddsCTABorder{


from{


background-position:0%;


}


to{


background-position:200%;


}


}







/*==================================================
GLOW EFFECT
==================================================*/


#dds-design-builder 
.dds-builder-action::after{


    content:"";



    position:absolute;



    width:300px;


    height:300px;



    right:-120px;


    bottom:-120px;



    background:


    radial-gradient(
    circle,
    rgba(212,175,55,.35),
    transparent 70%
    );



    filter:blur(25px);



    animation:


    ddsCTAGlow 6s infinite alternate;



}





@keyframes ddsCTAGlow{


from{


transform:scale(1);


}


to{


transform:scale(1.5);


}



}








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


#dds-design-builder 
.dds-builder-action h3{


    position:relative;


    z-index:2;



    margin:0 0 15px;



    text-align:center;



    font-size:


    clamp(30px,4vw,48px);



    font-weight:900;



    background:


    linear-gradient(
    90deg,
    white,
    #ffe89a
    );



    -webkit-background-clip:text;



    color:transparent;



}






#dds-design-builder 
.dds-builder-action p{


    position:relative;


    z-index:2;



    max-width:650px;



    margin:0 auto;



    text-align:center;



    color:#bbb;



    line-height:1.8;



}








/*==================================================
CTA BUTTON
==================================================*/


#dds-design-builder 
.dds-quote-btn{


    position:relative;


    z-index:5;



    margin-top:30px;



    padding:17px 45px;



    display:flex;



    align-items:center;



    justify-content:center;



    border:none;



    border-radius:50px;



    cursor:pointer;



    font-size:16px;



    font-weight:800;



    color:#000;



    background:


    linear-gradient(
    90deg,
    #d4af37,
    #ffe89a
    );



    overflow:hidden;



    transition:.4s;



}






/* SHINE */


#dds-design-builder 
.dds-quote-btn::before{


    content:"";



    position:absolute;



    top:0;



    left:-120%;



    width:100%;



    height:100%;



    background:


    linear-gradient(
    120deg,
    transparent,
    rgba(255,255,255,.8),
    transparent
    );



    transition:.6s;



}



#dds-design-builder 
.dds-quote-btn:hover::before{


    left:120%;


}




#dds-design-builder 
.dds-quote-btn:hover{


    transform:


    translateY(-8px)
    scale(1.05);



    box-shadow:


    0 25px 60px
    rgba(212,175,55,.55);



}





#dds-design-builder 
.dds-quote-btn:active{


    transform:

    scale(.95);



}







/*==================================================
RESPONSIVE
==================================================*/


@media(max-width:768px){


#dds-design-builder 
.dds-builder-action{


    margin-top:45px;


    padding:45px 20px;



}




#dds-design-builder 
.dds-builder-action h3{


    font-size:30px;


}




#dds-design-builder 
.dds-quote-btn{


    width:100%;


}



}





@media(max-width:480px){


#dds-design-builder 
.dds-builder-action{


    border-radius:25px;


}




#dds-design-builder 
.dds-builder-action p{


    font-size:14px;


}



}
/*==================================================
ROOM MESSAGE FIX
==================================================*/

#dds-design-builder .dds-room-overlay{

    position:absolute;

    top:50%;
    left:50%;

    transform:
    translate(-50%,-50%);

    z-index:5;

    pointer-events:none;

    transition:.5s ease;

}



#dds-design-builder .dds-room-overlay.hide{

    opacity:0;

    visibility:hidden;

    transform:
    translate(-50%,-50%)
    scale(.8);

}
/*==================================================
DDS DESIGN EXPORT BUTTONS
DOWNLOAD + MAIL
==================================================*/


#dds-design-builder 
.dds-download-btn,

#dds-design-builder 
.dds-mail-btn{


    position:relative;

    z-index:5;


    margin:20px 10px 0;


    padding:16px 35px;


    border-radius:50px;


    border:1px solid #d4af37;


    font-size:16px;


    font-weight:800;


    cursor:pointer;


    transition:.4s;


    overflow:hidden;


}



/* DOWNLOAD BUTTON */


#dds-design-builder 
.dds-download-btn{


    background:

    linear-gradient(
    90deg,
    #d4af37,
    #ffe89a
    );


    color:#000;


}



/* MAIL BUTTON */


#dds-design-builder 
.dds-mail-btn{


    background:

    rgba(255,255,255,.08);


    color:#ffe89a;


    backdrop-filter:blur(15px);


}



/* HOVER */


#dds-design-builder 
.dds-download-btn:hover,

#dds-design-builder 
.dds-mail-btn:hover{


    transform:

    translateY(-6px)
    scale(1.05);



    box-shadow:

    0 20px 50px
    rgba(212,175,55,.45);



}



/* CLICK */


#dds-design-builder 
.dds-download-btn:active,

#dds-design-builder 
.dds-mail-btn:active{


    transform:scale(.95);


}




/* MOBILE */


@media(max-width:768px){


#dds-design-builder 
.dds-download-btn,

#dds-design-builder 
.dds-mail-btn{


    width:100%;

    margin-left:0;

    margin-right:0;


}


}
/*==================================================
DDS INTERIOR BUILDER
FINAL RESPONSIVE FIX
PART 5
DESKTOP + LAPTOP + TABLET + MOBILE
SAFE OVERRIDE VERSION
==================================================*/


/*==================================================
GLOBAL BOX SIZING
==================================================*/

#dds-design-builder,
#dds-design-builder *,
#dds-design-builder *::before,
#dds-design-builder *::after{

    box-sizing:border-box;

}


/*==================================================
LARGE DESKTOP
1440px+
==================================================*/

@media (min-width:1440px){

    #dds-design-builder #dds-room{

        height:650px;

    }

    #dds-design-builder .dds-placed-item{

        width:130px;
        height:130px;

    }

    #dds-design-builder #dds-object-controls{

        bottom:25px;

    }

}


/*==================================================
LAPTOP
1200px - 1439px
==================================================*/

@media (min-width:1200px) and (max-width:1439px){

    #dds-design-builder{

        padding-left:20px;
        padding-right:20px;

    }

    #dds-design-builder #dds-room{

        height:600px;

    }

    #dds-design-builder .dds-placed-item{

        width:120px;
        height:120px;

    }

}


/*==================================================
SMALL LAPTOP
993px - 1199px
==================================================*/

@media (min-width:993px) and (max-width:1199px){

    #dds-design-builder{

        padding-left:18px;
        padding-right:18px;

    }

    #dds-design-builder #dds-room{

        height:560px;

        border-radius:30px;

    }

    #dds-design-builder .dds-placed-item{

        width:115px;
        height:115px;

    }

    #dds-design-builder .dds-furniture-panel{

        padding:25px;

    }

    #dds-design-builder .dds-room-overlay{

        width:80%;
        padding:30px;

    }

}


/*==================================================
TABLET
769px - 992px
==================================================*/

@media (min-width:769px) and (max-width:992px){

    #dds-design-builder{

        padding-top:80px;
        padding-bottom:80px;

    }

    #dds-design-builder .dds-section-title{

        margin-bottom:45px;

    }

    #dds-design-builder #dds-room{

        width:100%;
        height:520px;

        border-radius:28px;

    }

    #dds-design-builder .dds-placed-item{

        width:110px;
        height:110px;

    }

    #dds-design-builder .dds-room-overlay{

        width:82%;
        padding:28px;

    }

    #dds-design-builder .dds-room-overlay h3{

        font-size:32px;

    }

    #dds-design-builder .dds-room-overlay p{

        font-size:15px;

    }

    #dds-design-builder #dds-object-controls{

        max-width:90%;

        padding:12px 16px;

        gap:9px;

        flex-wrap:wrap;
        justify-content:center;

    }

    #dds-design-builder #dds-object-controls button{

        width:42px;
        height:42px;

        font-size:18px;

    }

}


/*==================================================
MOBILE
577px - 768px
==================================================*/

@media (min-width:577px) and (max-width:768px){

    #dds-design-builder{

        padding-top:65px;
        padding-bottom:65px;

    }

    #dds-design-builder .dds-section-title{

        margin-bottom:35px;

    }

    #dds-design-builder .dds-section-title span{

        font-size:12px;
        letter-spacing:3px;

    }

    #dds-design-builder .dds-section-title h2{

        font-size:32px;

        line-height:1.2;

        margin:15px auto;

    }

    #dds-design-builder .dds-section-title p{

        font-size:14px;

        padding:0 10px;

    }

    #dds-design-builder .dds-furniture-panel{

        padding:20px;

        border-radius:24px;

    }

    #dds-design-builder #dds-room{

        width:100%;

        height:450px;

        border-radius:24px;

    }

    #dds-design-builder .dds-placed-item{

        width:95px;
        height:95px;

    }

    #dds-design-builder .dds-room-overlay{

        width:86%;

        padding:24px;

        border-radius:22px;

    }

    #dds-design-builder .dds-room-overlay h3{

        font-size:27px;

    }

    #dds-design-builder .dds-room-overlay p{

        font-size:14px;

        line-height:1.7;

    }

    #dds-design-builder #dds-object-controls{

        left:50%;

        bottom:15px;

        width:auto;

        max-width:92%;

        padding:10px 14px;

        gap:8px;

        flex-wrap:wrap;

        justify-content:center;

        border-radius:25px;

    }

    #dds-design-builder #dds-object-controls button{

        width:40px;
        height:40px;

        font-size:17px;

    }

    #dds-design-builder .dds-custom-furniture{

        margin-top:20px;

        padding:18px;

    }

    #dds-design-builder .dds-builder-action{

        margin-top:40px;

        padding:42px 20px;

        border-radius:25px;

    }

}


/*==================================================
MOBILE
481px - 576px
==================================================*/

@media (min-width:481px) and (max-width:576px){

    #dds-design-builder{

        padding-top:55px;
        padding-bottom:55px;

    }

    #dds-design-builder .dds-section-title{

        margin-bottom:30px;

    }

    #dds-design-builder .dds-section-title span{

        font-size:11px;

        letter-spacing:2.5px;

    }

    #dds-design-builder .dds-section-title h2{

        font-size:28px;

        line-height:1.25;

    }

    #dds-design-builder .dds-section-title p{

        font-size:13px;

        line-height:1.7;

        padding:0 12px;

    }

    #dds-design-builder .dds-furniture-panel{

        padding:17px;

        border-radius:22px;

    }

    #dds-design-builder .dds-furniture-panel h4{

        font-size:21px;

    }

    #dds-design-builder #dds-room{

        height:390px;

        border-radius:22px;

    }

    #dds-design-builder .dds-placed-item{

        width:88px;
        height:88px;

    }

    #dds-design-builder .dds-room-overlay{

        width:88%;

        padding:20px;

        border-radius:20px;

    }

    #dds-design-builder .dds-room-overlay h3{

        font-size:24px;

        margin-bottom:10px;

    }

    #dds-design-builder .dds-room-overlay p{

        font-size:13px;

        line-height:1.6;

    }

    #dds-design-builder #dds-object-controls{

        bottom:12px;

        max-width:94%;

        padding:8px 10px;

        gap:6px;

    }

    #dds-design-builder #dds-object-controls button{

        width:38px;
        height:38px;

        font-size:16px;

    }

    #dds-design-builder .dds-builder-action{

        margin-top:35px;

        padding:38px 18px;

    }

    #dds-design-builder .dds-builder-action h3{

        font-size:27px;

    }

    #dds-design-builder .dds-builder-action p{

        font-size:13px;

    }

}


/*==================================================
SMALL MOBILE
400px - 480px
==================================================*/

@media (min-width:400px) and (max-width:480px){

    #dds-design-builder{

        padding-top:50px;
        padding-bottom:50px;

    }

    #dds-design-builder .dds-section-title{

        margin-bottom:25px;

    }

    #dds-design-builder .dds-section-title h2{

        font-size:25px;

        line-height:1.25;

    }

    #dds-design-builder .dds-section-title p{

        font-size:13px;

        line-height:1.65;

        padding:0 10px;

    }

    #dds-design-builder .dds-furniture-panel{

        padding:15px;

        border-radius:20px;

    }

    #dds-design-builder .dds-furniture-panel h4{

        font-size:20px;

    }

    #dds-design-builder .dds-item{

        min-height:68px;

        padding:10px;

        gap:10px;

    }

    #dds-design-builder .dds-item img{

        width:48px;
        height:48px;

    }

    #dds-design-builder #dds-room{

        height:360px;

        border-radius:20px;

    }

    #dds-design-builder .dds-placed-item{

        width:82px;
        height:82px;

    }

    #dds-design-builder .dds-room-overlay{

        width:90%;

        padding:18px;

        border-radius:18px;

    }

    #dds-design-builder .dds-room-overlay h3{

        font-size:22px;

    }

    #dds-design-builder .dds-room-overlay p{

        font-size:12px;

    }

    #dds-design-builder #dds-object-controls{

        bottom:10px;

        max-width:94%;

        padding:7px 9px;

        gap:5px;

    }

    #dds-design-builder #dds-object-controls button{

        width:36px;
        height:36px;

        font-size:15px;

    }

    #dds-design-builder .dds-custom-furniture{

        padding:15px;

        border-radius:20px;

    }

    #dds-design-builder .dds-custom-furniture h5{

        font-size:17px;

    }

    #dds-design-builder .dds-custom-furniture p{

        font-size:12px;

    }

    #dds-design-builder .dds-builder-action{

        padding:32px 15px;

        margin-top:30px;

        border-radius:22px;

    }

    #dds-design-builder .dds-builder-action h3{

        font-size:24px;

    }

    #dds-design-builder .dds-quote-btn{

        width:100%;

        padding:15px 20px;

    }

}


/*==================================================
VERY SMALL MOBILE
BELOW 400px
==================================================*/

@media (max-width:399px){

    #dds-design-builder{

        padding-top:45px;
        padding-bottom:45px;

    }

    #dds-design-builder .dds-section-title{

        margin-bottom:22px;

    }

    #dds-design-builder .dds-section-title span{

        font-size:10px;

        letter-spacing:2px;

    }

    #dds-design-builder .dds-section-title h2{

        font-size:22px;

        line-height:1.25;

        margin:12px auto;

    }

    #dds-design-builder .dds-section-title p{

        font-size:12px;

        line-height:1.6;

        padding:0 8px;

    }

    #dds-design-builder .dds-furniture-panel{

        padding:12px;

        border-radius:18px;

    }

    #dds-design-builder .dds-furniture-panel h4{

        font-size:18px;

    }

    #dds-design-builder .dds-item{

        min-height:62px;

        padding:8px;

        gap:8px;

    }

    #dds-design-builder .dds-item img{

        width:42px;
        height:42px;

    }

    #dds-design-builder #dds-room{

        height:340px;

        border-radius:18px;

    }

    #dds-design-builder .dds-placed-item{

        width:76px;
        height:76px;

    }

    #dds-design-builder .dds-room-overlay{

        width:92%;

        padding:15px;

        border-radius:16px;

    }

    #dds-design-builder .dds-room-overlay h3{

        font-size:19px;

        margin-bottom:8px;

    }

    #dds-design-builder .dds-room-overlay p{

        font-size:11px;

        line-height:1.55;

    }

    #dds-design-builder #dds-object-controls{

        bottom:8px;

        max-width:95%;

        padding:6px 7px;

        gap:4px;

    }

    #dds-design-builder #dds-object-controls button{

        width:33px;
        height:33px;

        font-size:14px;

    }

    #dds-design-builder .dds-custom-furniture{

        padding:13px;

    }

    #dds-design-builder .dds-custom-furniture input,
    #dds-design-builder .dds-custom-furniture select{

        height:42px;

        padding:0 12px;

        font-size:13px;

    }

    #dds-design-builder #dds-create-custom{

        height:42px;

        font-size:13px;

    }

    #dds-design-builder .dds-builder-action{

        padding:28px 12px;

        margin-top:25px;

        border-radius:20px;

    }

    #dds-design-builder .dds-builder-action h3{

        font-size:21px;

    }

    #dds-design-builder .dds-builder-action p{

        font-size:12px;

        line-height:1.6;

    }

    #dds-design-builder .dds-quote-btn{

        width:100%;

        padding:14px 15px;

        font-size:14px;

    }

}


/*==================================================
CUSTOM LIST SAFETY
==================================================*/

#dds-design-builder #dds-custom-list .dds-item{

    position:relative;

    overflow:hidden;

}


/*==================================================
CUSTOM LABEL FIX
==================================================*/

#dds-design-builder .dds-custom-item::after{

    pointer-events:none;

}


/*==================================================
CTA DECORATION MUST NOT BLOCK CONTENT
==================================================*/

#dds-design-builder .dds-builder-action::before,
#dds-design-builder .dds-builder-action::after{

    pointer-events:none;

}


/*==================================================
EXPORT BUTTON BOX FIX
==================================================*/

#dds-design-builder .dds-download-btn,
#dds-design-builder .dds-mail-btn{

    box-sizing:border-box;

}


/*==================================================
MOBILE EXPORT BUTTONS
==================================================*/

@media(max-width:768px){

    #dds-design-builder .dds-download-btn,
    #dds-design-builder .dds-mail-btn{

        width:100%;

        margin-left:0;
        margin-right:0;

    }

}


/*==================================================
TOUCH DEVICES
==================================================*/

@media (hover:none){

    #dds-design-builder .dds-item:hover{

        transform:none;

    }

    #dds-design-builder .dds-custom-list .dds-item:hover{

        transform:none;

    }

    #dds-design-builder .dds-download-btn:hover,
    #dds-design-builder .dds-mail-btn:hover,
    #dds-design-builder .dds-quote-btn:hover{

        transform:none;

    }

}


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

@media (max-width:768px) and (orientation:landscape){

    #dds-design-builder #dds-room{

        height:380px;

    }

    #dds-design-builder .dds-placed-item{

        width:82px;
        height:82px;

    }

}


/*==================================================
PREVENT HORIZONTAL OVERFLOW
==================================================*/

#dds-design-builder{

    max-width:100%;

    overflow:hidden;

}

#dds-design-builder img{

    max-width:100%;

}


/*==================================================
END
DDS FINAL RESPONSIVE FIX
==================================================*/