.search-skeleton{position:absolute;width:100%;background-color:#fff;top:0;box-shadow:0 8px 24px rgba(26,74,185,.1)}
.ccs-demo{width:100%;display:grid;place-items:center}
.ccs-skel{width:100%;border-radius:0;padding:14px;border:1px solid rgba(15,23,42,.3);background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(255,255,255,.55));box-shadow:0 26px 60px rgba(2,6,23,.1);display:grid;gap:12px}
.ccs-skel :where(.ccs-skel__avatar,.ccs-skel__line){background:linear-gradient(90deg,rgba(15,23,42,.06) 0,rgba(15,23,42,.1) 35%,rgba(255,255,255,.65) 50%,rgba(15,23,42,.1) 65%,rgba(15,23,42,.06) 100%);background-size:220% 100%;animation:ccs-shimmer 1.35s ease-in-out infinite;border:1px solid rgba(15,23,42,.3)}
@keyframes ccs-shimmer{
0%{background-position:120% 0}
100%{background-position:-120% 0}
}
.ccs-skel__item{display:flex;gap:12px;align-items:center;padding:10px;border-radius:0;background:rgba(255,255,255,.45);border-bottom:1px solid rgba(15,23,42,.3)}
.ccs-skel__avatar{width:44px;height:44px;border-radius:14px;flex:0 0 auto}
.ccs-skel__lines{flex:1;display:grid;gap:8px}
.ccs-skel__line{height:12px;border-radius:999px}
.ccs-w-75{width:75%}
.ccs-w-70{width:70%}
.ccs-w-60{width:60%}
.ccs-w-50{width:50%}
.ccs-w-45{width:45%}
.ccs-w-40{width:40%}

.search-autocomplete .ex-vat{display:inline-block;margin-left:0;font-size:12px;line-height:12px}
.search-autocomplete{box-sizing:border-box}
.action.primary{background-image:none;background:#1979c3;border:1px solid #1979c3;color:#fff;cursor:pointer;display:inline-block;font-weight:700;padding:7px 15px;font-size:1.4rem;box-sizing:border-box;vertical-align:middle}
.action.primary:active,.action.primary:focus{background:#006bb4;border:1px solid #006bb4;color:#fff}
.action.primary:hover{background:#006bb4;border:1px solid #006bb4;color:#fff}
.search-autocomplete{display:none;margin-top:-15px;overflow:hidden;position:absolute;z-index:3}
.search-autocomplete ul{margin:0;padding:0;list-style:none none}
.search-autocomplete ul li{border-top:1px solid #e5e5e5;cursor:pointer;margin:0;padding:5px 40px 5px 10px;position:relative;text-align:left;white-space:normal}
.search-autocomplete ul li:not(:empty){border-top:0;border:1px solid #c2c2c2;background:#fff}
.search-autocomplete ul li:first-child{border-top:none}
.search-autocomplete ul li:hover{background:#e8e8e8}
.search-autocomplete ul li:hover{background-color:transparent}
.search-autocomplete ul li:not(:empty){border:none;border-bottom:1px solid rgba(27,33,49,.05);padding:0}
.search-autocomplete ul li:not(:empty):last-child{border-bottom:0;padding-bottom:0;margin-bottom:0}
.search-autocomplete .cart_icon{background-position:-172px -4px}
.search-autocomplete li,.search-options .itemInfo span{padding:0}
.search-options li:last-child{border-bottom:none!important;padding-bottom:0;margin-bottom:0}
.search-options li a:hover{background-color:transparent}
.search-options .box{display:flex;align-items:flex-start;justify-content:space-between}
.search-options ul{list-style-type:none;margin:0;padding:0}
.itemImg,.search-options .box form{width:15%}
.itemImg img{width:60px;height:60px;object-fit:contain}
.itemInfo{width:65%;color:rgba(27,33,49,.6);font-size:14px;font-weight:700;line-height:16px}
.search-options a{font-weight:700!important}
.itemInfo span.partnum{display:block;color:#30bdff;font-weight:400;line-height:18px}
.itemInfo span.price{font-weight:400;display:flex;color:#1a4ab9;line-height:18px}
.main-menu .leftmenu-searchbar .search-bar .search-options .box form{width:15%;margin:0}
.search-bar .search-options .box form button{position:relative;top:0;right:0;float:right;background-color:transparent}
.search-options .box form button span{padding:0;float:right}
.search-autocomplete{position:relative;overflow:visible;z-index:999;margin:0}
.search-options{position:absolute;width:100%;background-color:#fff;top:0;box-shadow:0 8px 24px rgba(26,74,185,.1);padding:15px;z-index:999;max-height:450px;overflow-y:auto}
.search-options .heading{font-size:16px;margin:10px 0 0;line-height:16.8px;color:#30bdff;text-decoration:none}
.search-options a,.search-options span{font-size:13px;display:block!important;line-height:140%;color:rgba(27,33,49,.6);text-decoration:none;padding:6px 0}
.search-autocomplete li:hover{background:#fff}
.search-options p{font-weight:400;font-size:10px;color:rgba(27,33,49,.2);line-height:14px;margin:21px 12px 0 12px;padding-top:13px;border-top:1px solid rgba(27,33,49,.05);display:none}
.search-options p span{font-weight:700;font-size:10px;color:rgba(27,33,49,.2);display:inline-block;padding:0;line-height:24px}
.search-options a:hover{background:rgba(27,33,49,.05);padding:6px 0;text-decoration:none;color:rgba(27,33,49,.6)}

@media (max-width:1280px){
.search-options{max-height:450px;overflow:auto}
}

@media (max-width:767px){
.search-autocomplete{margin-top:1px}
.search-bar .search-options li a{padding:10px}
.search-bar .search-options .itemInfo span{padding:0}
.itemImg{display:block}
.itemInfo{width:60%}
.itemImg{width:25%}
.search-options{padding:10px 0}
.search-autocomplete li:not(:empty){border:none}
.main-menu .search-options li{border-bottom:1px solid rgba(27,33,49,.05)!important}
.main-menu .search-options li:last-child{border-bottom:none!important}

.leftmenu-searchbar .search-bar .search-options{top:8px;padding:0 0 10px 0}
.search-bar .search-options a,.search-bar .search-options span{padding:6px 10px}
}