.dcsoft-search-form-menu form {
	display: flex;
	background-color: #ffffff;
	align-items: center;
	border-radius: 6.94rem;
	padding: 0.486rem;
	width: 31.25rem;
}

.dcsoft-search-form-menu form input,
.dcsoft-search-form-menu form input:focus {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

.dcsoft-search-form-menu form input {
	color: #7E7E7E;
	font-family: "Quicksand", sans-serif;
	font-size: 0.972rem;
	line-height: 1.428;
}
#quick-search-results {
    display: none;
    position: absolute;
    z-index: 22;
    padding: 1.11rem;
    border: .07rem solid #ECECEC;
    box-shadow: 0px .28rem 1.39rem 0px #0000001A;
    border-radius: 1.11rem;
    background: #FFFFFF;
}
/*.dcsoft-search-form-menu:has(form input:focus) #quick-search-results {
    display: block;
}*/
.dcsoft-search-form-menu {
    position: relative;
}
#quick-search-results .products {
    display: flex;
    flex-wrap: wrap;
}
#quick-search-results .products .d_flex {
    display: flex;
    align-items: center;
    padding: .28rem 0;
    border-bottom: .07rem solid #ECECEC;
    gap: .83rem;
    width: 100%;
}
#quick-search-results .products a.thumbnail {
    width: 3.47rem;
    height: 3.47rem;
}
#quick-search-results .products a.thumbnail img {
    width: 100%;
    object-fit: cover;
    object-position: center;
}
#quick-search-results .products .middle {
    display: flex;
    gap: .28rem;
    flex-direction: column;
    justify-content: space-between;
}
#quick-search-results .products a.link {
    font-family: Quicksand, sans-serif;
    font-weight: 500;
    font-size: 1.11rem;
    line-height: 1.67rem;
    color: #253D4E;
}
#quick-search-results .products .price {
    font-family: 'Quicksand Bold', sans-serif;
    font-weight: 700;
    font-size: .97rem;
    line-height: 1.39rem;
    color: #253D4E;
}
#quick-search-results .products .price .amount {
    color: #253D4E;
}
#quick-search-results .products .price .amount span {
    font-size: .76rem;
}
#quick-search-results .products .view-more {
    width: 100%;
    text-align: center;
    font-family: Quicksand, sans-serif;
    font-weight: 500;
    font-size: .97rem;
    line-height: 1.67rem;
    color: #DF1F26;
    display: block;
    margin: 1.11rem 0 0 0;
}
#quick-search-results .products .view-more a {
    color: #DF1F26;
}
.dcsoft-search-form-menu.show #quick-search-results {
    display: block;
}
.dcsoft-search-form-menu.show #quick-search-results .no-result {
    display: none;
}
.dcsoft-search-form-menu.show.no-result #quick-search-results .no-result {
    display: block;
    padding: 1.11rem;
}
.dcsoft-search-form-menu.show.no-result #quick-search-results .d_flex {
    display: none;
}
.dcsoft-search-form-menu #quick-search-results .no-result {
    width: 100%;
}
.dcsoft-search-form-menu #quick-search-results .no-result img {
    display: block;
    margin: auto;
    height: 10.42rem;
}
.dcsoft-search-form-menu #quick-search-results {
    width: 100%;
}
.dcsoft-search-form-menu.show.no-result #quick-search-results .no-result span {
    font-family: Quicksand, sans-serif;
    font-weight: 500;
    font-size: 1.11rem;
    line-height: 100%;
    letter-spacing: 1px;
    text-align: center;
    vertical-align: middle;
    color: #253D4E;
    display: block;
}

.dcsoft-search-form-menu .d_flex.skeleton {
    pointer-events: none;
}

.dcsoft-search-form-menu .d_flex.skeleton .thumbnail {
    width: 60px;
    height: 60px;
    background: #eee;
    border-radius: 6px;
}

.dcsoft-search-form-menu .d_flex.skeleton .middle {
    flex: 1;
    margin-left: 12px;
}

.dcsoft-search-form-menu .d_flex.skeleton .line {
    height: 14px;
    background: linear-gradient(90deg, #eee, #f5f5f5, #eee);
    background-size: 200% 100%;
    animation: shimmer 1.2s infinite;
    margin-bottom: 8px;
    border-radius: 4px;
}

.dcsoft-search-form-menu .d_flex.skeleton .line.short {
    width: 60%;
}

@keyframes shimmer {
    0% { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}

.dcsoft-search-form-menu mark {
    background: #ffe58a;
    padding: 0 2px;
    border-radius: 2px;
}
/*css 05-02-2026*/
@media screen and (max-width: 767.9px) {
    header#header .header-main .medium-logo-center .flex-left:has(.dcsoft-search-form-menu) {
        display: block!important;
    }
    header#header .header-main .medium-logo-center .flex-left:has(.dcsoft-search-form-menu) li.html.custom {
        display: block;
        position: absolute;
        bottom: 2.05rem;
        left: 4.1rem;
        width: calc(100% - 8.2rem);
    }
    header#header .header-main {
        min-height: 24.59rem;
        position: relative;
    }
    header#header .header-main .medium-logo-center .flex-left:has(.dcsoft-search-form-menu) ul.header-nav {
        position: static;
    }
    header#header .header-main .dcsoft-search-form-menu form {
        width: 100%;
        border-radius: 25.61rem;
        padding: 2.05rem .77rem 2.05rem 4.1rem;
        position: relative;
        height: 9.22rem;
    }
    header#header .header-main .dcsoft-search-form-menu form input {
        font-size: 3.59rem;
        line-height: 5.12rem;
        padding: 0;
        height: 5.12rem;
    }
    header#header .header-main .dcsoft-search-form-menu form svg {
        width: 8.2rem;
        height: 8.2rem;
    }
    .dcsoft-search-form-menu #quick-search-results {
        padding: 4.1rem;
        border: .26rem solid #ECECEC;
        border-radius: 4.1rem;
        box-shadow: 0px 1.02rem 5.12rem 0px #0000001A;
    }
    .dcsoft-search-form-menu.show.no-result #quick-search-results .no-result {
        padding: 4.1rem;
    }
    .dcsoft-search-form-menu.show.no-result #quick-search-results .no-result span {
        font-size: 4.1rem;
    }
    .dcsoft-search-form-menu #quick-search-results .no-result img {
        height: 38.42rem;
    }
    .dcsoft-search-form-menu #quick-search-results .products .d_flex {
        padding: 1.02rem 0;
        border-bottom: .26rem solid #ECECEC;
        gap: 3.07rem;
    }
    .dcsoft-search-form-menu #quick-search-results .products a.thumbnail {
        width: 12.81rem;
        height: 12.81rem;
    }
    .dcsoft-search-form-menu #quick-search-results .products .middle {
        gap: 1.02rem;
    }
    .dcsoft-search-form-menu #quick-search-results .products a.link {
        font-size: 3.59rem;
        line-height: initial;
    }
    .dcsoft-search-form-menu #quick-search-results .products .price {
        font-size: 3.59rem;
        line-height: 5.12rem;
    }
    .dcsoft-search-form-menu #quick-search-results .products .price .amount span {
        font-size: 2.82rem;
    }
    .dcsoft-search-form-menu #quick-search-results .products .view-more {
        font-size: 3.59rem;
        line-height: 6.15rem;
        margin: 4.1rem 0 0 0;
    }
    .dcsoft-search-form-menu #quick-search-results .products .price .amount del span.amount {
        display: inline-block;
        text-decoration: line-through;
    }
}