@charset "UTF-8";
@media (max-width:575px){body.search-open{overflow:hidden !important;height:100vh;overscroll-behavior:none;-webkit-overflow-scrolling:auto}body.search-open #base_advance_search .search_button,body.search-open #base_advance_search .search-title{display:none !important}body.search-open #base_advance_search .search_toggle{position:fixed;inset:0;display:block !important;background:transparent;z-index:1001}body.search-open #base_advance_search .search_toggle .search-overlay{position:fixed;inset:0;background:rgba(0, 0, 0, 0.6);display:flex;align-items:flex-start;justify-content:center;padding:16px;padding-top:25vh}body.search-open #base_advance_search .search_toggle .search-close{position:fixed;top:12%;right:5%;width:36px;height:36px;border-radius:50%;border:none;background:#fff;color:var(--global-palette-highlight);display:inline-flex;align-items:center;justify-content:center;box-shadow:0 2px 6px rgba(0, 0, 0, 0.2);z-index:1106}body.search-open #base_advance_search .search_toggle .search-close:hover{filter:brightness(0.95)}body.search-open #base_advance_search .search_toggle #searchbox{display:flex !important;align-items:stretch;flex-wrap:nowrap;width:100%;max-width:560px;background:var(--global-palette9);border-radius:var(--bs-border-radius-lg);padding:12px;box-shadow:0 10px 30px rgba(0, 0, 0, 0.25)}body.search-open #base_advance_search .search_toggle #searchbox input.search-field{position:static !important;flex:1 1 auto;min-width:0;height:44px;width:auto;padding:10px 12px}body.search-open #base_advance_search .search_toggle #searchbox span.btn-search{position:static !important;float:none !important;right:auto;width:auto;margin-left:8px;display:inline-flex}body.search-open #base_advance_search .search_toggle #searchbox span.btn-search button{height:44px;padding:10px 16px;display:inline-flex;align-items:center;margin:0;min-width:44px}body.search-open #base_advance_search .search_toggle #searchbox>input.search-field{border-top-right-radius:0;border-bottom-right-radius:0}body.search-open #base_advance_search .search_toggle #searchbox>span.btn-search>button{border-top-left-radius:0;border-bottom-left-radius:0}}.col-sm-5.header_search{width:auto}@media (min-width:576px){body.search-open{overflow:hidden !important}body.search-open #base_advance_search .search_button,body.search-open #base_advance_search .search-title{display:none !important}body.search-open #base_advance_search .search_toggle{position:fixed;inset:0;display:block !important;background:transparent;z-index:1001}body.search-open #base_advance_search .search_toggle .search-overlay{position:fixed;inset:0;background:rgba(0, 0, 0, 0.6);display:flex;align-items:flex-start;justify-content:center;padding:20px;padding-top:25vh}body.search-open #base_advance_search .search_toggle .search-close{position:fixed;top:12%;right:5%;width:40px;height:40px;border-radius:50%;border:none;background:#fff;color:var(--global-palette-highlight);display:inline-flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0, 0, 0, 0.25);z-index:1106;cursor:pointer}body.search-open #base_advance_search .search_toggle .search-close:hover{filter:brightness(0.95)}body.search-open #base_advance_search .search_toggle #searchbox{display:flex !important;align-items:stretch;flex-wrap:nowrap;width:100%;max-width:720px;background:var(--global-palette9);border-radius:var(--bs-border-radius-lg);padding:12px;box-shadow:0 10px 30px rgba(0, 0, 0, 0.25)}body.search-open #base_advance_search .search_toggle #searchbox input.search-field{position:static !important;flex:1 1 auto;min-width:0;height:48px;width:auto;padding:10px 12px}body.search-open #base_advance_search .search_toggle #searchbox span.btn-search{position:static !important;float:none !important;right:auto;width:auto;margin-left:8px;display:inline-flex}body.search-open #base_advance_search .search_toggle #searchbox span.btn-search button{height:48px;padding:10px 16px;display:inline-flex;align-items:center;margin:0;min-width:48px}body.search-open #base_advance_search .search_toggle #searchbox>input.search-field{border-top-right-radius:0;border-bottom-right-radius:0}body.search-open #base_advance_search .search_toggle #searchbox>span.btn-search>button{border-top-left-radius:0;border-bottom-left-radius:0}}#base_advance_search .search_button{background-image:url(../image/search-black.svg);background-repeat:no-repeat;background-position:center;background-size:100%;height:20px;width:20px;margin-right:20px;cursor:pointer;transition:all 0.4s ease-in-out 0s;-webkit-transition:all 0.4s ease-in-out 0s;-moz-transition:all 0.4s ease-in-out 0s;-o-transition:all 0.4s ease-in-out 0s;-ms-transition:all 0.4s ease-in-out 0s}#base_advance_search .search_button:hover{transform:rotateY(360deg);-webkit-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-o-transform:rotateY(360deg);-ms-transform:rotateY(360deg);background-image:url(../image/search-hover.svg)}.search_toggle{display:none;position:absolute;z-index:1001;width:320px;right:0;top:64px}#base_advance_search .input-group button.btn{margin:3px;font-size:0;padding:11px 14px}.input-group .btn i.fa.fa-search{font-size:14px}#searchbox span.btn-search{float:right;width:auto;position:absolute;right:0}#base_advance_search{border-radius:var(--global-btn-radius);background:#fff}#base_advance_search .search-submit i.fa-solid{font-size:18px;display:none}#base_advance_search .category-search{max-width:170px;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#base_advance_search .category-search::before{content:"";position:absolute;right:0;width:1px;height:25px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);background:var(--border-color);z-index:6}#base_advance_search .category-search::after{font-family:"fontawesome";content:"";font-size:16px;padding-right:5px;pointer-events:none;color:var(--global-palette6);position:absolute;right:10px}#base_advance_search .category-search .search-select{border:0;background:transparent;height:41px;padding:9px 16px}#searchbox input.search-field{position:absolute;padding:5px 55px 5px 10px;height:42px}#searchbox span.btn-search button.search-submit.btn{margin:3px;font-size:0;padding:11px 16px}ul#ui-id-1{background:var(--global-palette9);list-style:none;padding:10px}ul#ui-id-1 li .base-search{display:-ms-grid;display:grid;-ms-grid-columns:56px 1fr;grid-template-columns:56px 1fr;gap:4px;padding:6px 0px}ul#ui-id-1 li .base-search .product-detail .product-name{font-size:14px;line-height:18px;font-weight:500;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;line-clamp:1;-webkit-line-clamp:1;-webkit-box-orient:vertical;color:var(--global-palette-highlight);margin-bottom:6px}ul#ui-id-1 li .base-search .product-detail .price{font-size:13px;font-weight:500}.ui-autocomplete{overflow-x:overlay;z-index:1105;-webkit-box-shadow:0 6px 12px rgba(0, 0, 0, 0.18);box-shadow:0 6px 12px rgba(0, 0, 0, 0.18);padding:0;margin-top:2px;border-radius:8px;border-top-left-radius:0;border-top-right-radius:0;background:#fff}.ui-autocomplete.ui-menu .ui-menu-item{list-style-image:none}.ui-autocomplete .base-search{position:relative;display:grid;grid-template-columns:56px 1fr;gap:4px;align-items:center;width:100%;padding:12px 14px;font-size:14px;border-radius:8px;color:var(--global-palette-highlight);text-decoration:none}.ui-autocomplete .base-search>div{display:block}.ui-autocomplete .base-search .images{display:flex;align-items:center;margin:0 !important}.ui-autocomplete .base-search .images img{width:56px;height:56px;object-fit:contain;border-radius:4px;background:transparent;padding:0;margin:0 !important}.ui-autocomplete .base-search .product-detail{display:block;width:100%}.ui-autocomplete .base-search .product-detail .meta{display:grid;grid-template-columns:1fr auto;align-items:start;justify-items:start;gap:8px 12px;width:100%;text-align:left}.ui-autocomplete .base-search .product-name{font-weight:600;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;color:var(--global-palette-highlight);margin:0;text-align:left !important}.ui-autocomplete .base-search .price{display:inline-flex;align-items:baseline;gap:8px;white-space:nowrap;justify-content:flex-end;text-align:right}.ui-autocomplete .base-search .price span:first-child:last-child{color:#000;font-weight:600}.ui-autocomplete .base-search .price .price-new{color:#dc512c;font-weight:600}.ui-autocomplete .base-search .price .price-old{color:var(--global-palette4);text-decoration:line-through}.ui-autocomplete+.ui-helper-hidden-accessible{display:none}#base_advance_search .input-group{position:relative}@media (max-width:1199px){#base_advance_search .search_button{margin-right:10px}}@media (min-width:992px) and (max-width:1200px){#base_advance_search .category-search{max-width:150px}ul#ui-id-1 li .base-search{-ms-grid-columns:25% 1fr;grid-template-columns:25% 1fr}}@media (max-width:991px){.search_toggle{top:43px}}@media (max-width:540px){#base_advance_search .category-search{display:none}#base_advance_search .search-submit{padding:8px 14px;height:34px}#searchbox input.search-field{height:40px}.ui-autocomplete .base-search{grid-template-columns:56px 1fr;gap:4px;padding:8px 10px}ul#ui-id-1 li .base-search{gap:0 5px}#base_advance_search .search_button{height:20px;width:20px;margin-right:15px}.search_toggle{top:37px}}@media (max-width:479px){.search_toggle{width:300px;top:55px}#base_advance_search{position:static}}