:root {
--sas-primary: #2563eb;
--sas-primary-hover: #1d4ed8;
--sas-text: #1f2937;
--sas-text-muted: #6b7280;
--sas-text-light: #9ca3af;
--sas-bg: #ffffff;
--sas-bg-hover: #f9fafb;
--sas-bg-selected: #eff6ff;
--sas-border: #e5e7eb;
--sas-border-focus: #2563eb;
--sas-shadow: 0 10px 40px -10px rgba(0, 0, 0, 0.15);
--sas-shadow-soft: 0 4px 16px -4px rgba(0, 0, 0, 0.08);
--sas-radius: 6px;
--sas-radius-sm: 4px;
--sas-highlight-bg: #fef3c7;
--sas-highlight-text: #92400e;
--sas-success: #10b981;
--sas-danger: #ef4444;
--sas-font: Arial, Helvetica, sans-serif;
--sas-fs-base: 14px;
--sas-fs-sm: 12px;
--sas-fs-lg: 15px;
--sas-transition: 0.18s ease;
} .sas-search-wrap {
position: relative !important;
width: 100% !important;
max-width: 640px;
font-family: var(--sas-font) !important;
font-size: 14px !important;
line-height: 1.4 !important;
color: var(--sas-text);
box-sizing: border-box !important;
margin: 0 !important;
padding: 0 !important;
text-align: left !important;
text-transform: none !important;
letter-spacing: normal !important; isolation: isolate;
}
.sas-search-wrap *,
.sas-search-wrap *::before,
.sas-search-wrap *::after {
box-sizing: border-box !important;
font-family: var(--sas-font) !important;
text-transform: none;
letter-spacing: normal; margin-block-start: 0;
margin-block-end: 0;
} .sas-search-wrap .sas-form {
display: flex !important;
flex-direction: row !important;
align-items: stretch !important;
flex-wrap: nowrap !important;
gap: 8px !important;
margin: 0 !important;
padding: 0 !important;
width: 100% !important;
max-width: 100% !important;
background: transparent !important;
border: none !important;
box-shadow: none !important;
}
.sas-search-wrap .sas-input-wrap {
position: relative !important;
flex: 1 1 auto !important;
min-width: 0 !important;
display: flex !important;
align-items: center !important;
width: auto !important;
max-width: 100% !important;
height: 44px !important;
} .sas-search-wrap .sas-filter-wrap {
position: relative !important;
flex: 0 0 auto !important;
display: flex !important;
align-items: stretch !important;
margin: 0 !important;
padding: 0 !important;
}
.sas-search-wrap .sas-filter-toggle {
position: relative !important;
height: 44px !important;
min-height: 44px !important;
max-height: 44px !important;
width: auto !important;
display: flex !important;
flex-direction: row !important;
align-items: center !important;
justify-content: center !important;
gap: 6px !important;
padding: 0 14px !important;
margin: 0 !important;
background: #f9fafb !important;
background-color: #f9fafb !important;
border: 1.5px solid var(--sas-border) !important;
border-radius: var(--sas-radius) !important;
box-shadow: none !important;
color: var(--sas-text) !important;
font-family: var(--sas-font) !important;
font-size: 12px !important;
font-weight: 600 !important;
line-height: 1 !important;
text-transform: none !important;
letter-spacing: normal !important;
cursor: pointer !important;
z-index: 2 !important;
white-space: nowrap !important;
min-width: 0 !important;
text-align: left !important;
writing-mode: horizontal-tb !important;
text-orientation: mixed !important;
-webkit-appearance: none !important;
appearance: none !important;
}
.sas-search-wrap .sas-filter-toggle:hover {
background: #f3f4f6 !important;
background-color: #f3f4f6 !important;
}
.sas-search-wrap .sas-filter-toggle:focus {
outline: none !important;
background: var(--sas-bg-hover) !important;
}
.sas-search-wrap .sas-filter-toggle .sas-caret {
width: 10px !important;
height: 10px !important;
color: var(--sas-text-muted) !important;
transition: transform var(--sas-transition);
flex-shrink: 0 !important;
display: inline-block !important;
}
.sas-search-wrap .sas-filter-toggle.is-open .sas-caret {
transform: rotate(180deg);
}
.sas-search-wrap .sas-filter-menu {
position: absolute !important;
top: calc(100% + 4px) !important;
left: 0 !important;
right: auto !important;
min-width: 160px !important;
width: auto !important;
background: var(--sas-bg) !important;
border: 1px solid var(--sas-border) !important;
border-radius: var(--sas-radius);
box-shadow: var(--sas-shadow-soft);
z-index: 100000 !important;
padding: 4px 0 !important;
margin: 0 !important;
list-style: none !important;
animation: sas-fadeIn 0.12s ease-out;
}
.sas-search-wrap .sas-filter-menu[hidden] {
display: none !important;
}
.sas-search-wrap .sas-filter-option {
display: block !important;
width: 100% !important;
height: auto !important;
text-align: left !important;
padding: 8px 14px !important;
margin: 0 !important;
background: none !important;
border: none !important;
border-radius: 0 !important;
box-shadow: none !important;
font-family: var(--sas-font) !important;
font-size: 14px !important;
font-weight: normal !important;
line-height: 1.4 !important;
text-transform: none !important;
letter-spacing: normal !important;
color: var(--sas-text) !important;
cursor: pointer !important;
min-height: 0 !important;
}
.sas-search-wrap .sas-filter-option:hover,
.sas-search-wrap .sas-filter-option.is-active {
background: var(--sas-bg-selected) !important;
color: var(--sas-primary) !important;
}
.sas-search-wrap .sas-filter-option.is-active::after {
content: '✓';
float: right;
color: var(--sas-primary);
font-weight: bold;
} .sas-search-wrap .sas-input {
width: 100% !important;
height: 44px !important;
min-height: 44px !important;
max-height: 44px !important;
padding: 8px 38px 8px 14px !important; padding-inline-start: 14px !important;
padding-inline-end: 38px !important;
padding-block-start: 8px !important;
padding-block-end: 8px !important;
margin: 0 !important;
border: 1.5px solid var(--sas-border) !important;
border-radius: var(--sas-radius) !important;
box-shadow: none !important;
font-family: var(--sas-font) !important;
font-size: 14px !important;
font-weight: normal !important;
line-height: 1.4 !important;
color: var(--sas-text) !important;
background: var(--sas-bg) !important;
background-image: none !important;
outline: none !important;
-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important;
text-transform: none !important;
letter-spacing: normal !important; text-align: left !important;
text-align-last: left !important;
text-indent: 0 !important;
direction: ltr !important;
unicode-bidi: normal !important;
writing-mode: horizontal-tb !important; caret-color: var(--sas-text);
display: block !important;
box-sizing: border-box !important; vertical-align: middle !important; transform: none !important;
transition: border-color var(--sas-transition), box-shadow var(--sas-transition);
} .sas-search-wrap .sas-input::placeholder {
color: var(--sas-text-light) !important;
opacity: 1 !important;
text-align: left !important;
direction: ltr !important;
}
.sas-search-wrap .sas-input::-webkit-input-placeholder {
text-align: left !important;
direction: ltr !important;
color: var(--sas-text-light) !important;
}
.sas-search-wrap .sas-input::-moz-placeholder {
text-align: left !important;
direction: ltr !important;
color: var(--sas-text-light) !important;
opacity: 1 !important;
}
.sas-search-wrap .sas-input:-ms-input-placeholder {
text-align: left !important;
direction: ltr !important;
color: var(--sas-text-light) !important;
}
.sas-search-wrap .sas-input:focus {
border-color: var(--sas-border-focus) !important;
box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.15) !important;
outline: none !important;
}
.sas-search-wrap.sas-open .sas-input {
border-bottom-left-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}
.sas-search-wrap .sas-input::-webkit-search-decoration,
.sas-search-wrap .sas-input::-webkit-search-cancel-button,
.sas-search-wrap .sas-input::-webkit-search-results-button,
.sas-search-wrap .sas-input::-webkit-search-results-decoration {
-webkit-appearance: none;
display: none;
} .sas-search-wrap .sas-clear {
position: absolute !important;
right: 12px !important;
top: 50% !important;
transform: translateY(-50%) !important;
width: 22px !important;
height: 22px !important;
min-width: 0 !important;
min-height: 0 !important;
padding: 0 !important;
margin: 0 !important;
border: none !important;
background: var(--sas-border) !important;
color: var(--sas-text-muted) !important;
border-radius: 50% !important;
cursor: pointer !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
z-index: 2 !important;
box-shadow: none !important;
transition: background var(--sas-transition), color var(--sas-transition);
}
.sas-search-wrap .sas-clear:hover {
background: var(--sas-text-muted) !important;
color: white !important;
} .sas-search-wrap .sas-loader {
position: absolute !important;
right: 14px !important;
top: 50% !important;
transform: translateY(-50%) !important;
display: flex !important;
flex-direction: row !important;
gap: 4px !important;
align-items: center !important;
z-index: 2 !important;
margin: 0 !important;
padding: 0 !important;
} .sas-search-wrap .sas-loader[hidden],
.sas-search-wrap .sas-clear[hidden],
.sas-search-wrap [hidden] {
display: none !important;
}
.sas-search-wrap .sas-loader-dot {
width: 6px !important;
height: 6px !important;
background: var(--sas-primary) !important;
border-radius: 50% !important;
margin: 0 !important;
padding: 0 !important;
animation: sas-bounce 1.4s infinite ease-in-out both;
}
.sas-search-wrap .sas-loader-dot:nth-child(1) { animation-delay: -0.32s; }
.sas-search-wrap .sas-loader-dot:nth-child(2) { animation-delay: -0.16s; }
@keyframes sas-bounce {
0%, 80%, 100% { transform: scale(0); opacity: 0.5; }
40% { transform: scale(1); opacity: 1; }
}
.sas-search-wrap.sas-loading .sas-clear {
display: none !important;
} .sas-search-wrap:not(.sas-loading) .sas-loader {
display: none !important;
} .sas-search-wrap .sas-submit {
flex: 0 0 auto !important;
width: auto !important;
height: 44px !important;
min-height: 44px !important;
max-height: 44px !important;
min-width: 0 !important;
max-width: none !important;
padding: 4px 12px !important;
margin: 0 !important;
border: none !important;
border-radius: var(--sas-radius) !important;
background: var(--sas-primary) !important;
background-image: none !important;
color: white !important;
font-family: var(--sas-font) !important;
font-size: 12px !important;
font-weight: 700 !important;
line-height: 1 !important;
letter-spacing: 0.02em !important;
text-transform: uppercase !important;
text-shadow: none !important;
cursor: pointer !important;
white-space: nowrap !important;
box-shadow: none !important;
-webkit-appearance: none !important;
appearance: none !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
transition: background var(--sas-transition), transform var(--sas-transition);
}
.sas-search-wrap .sas-submit:hover,
.sas-search-wrap .sas-submit:focus {
background: var(--sas-primary-hover) !important;
color: white !important;
outline: none !important;
}
.sas-search-wrap .sas-submit:active {
transform: scale(0.97);
} .sas-search-wrap .sas-dropdown {
position: absolute !important;
top: 100% !important;
left: 0 !important;
right: auto !important;
width: auto !important;
background: #ffffff !important;
background-color: #ffffff !important;
background-image: none !important;
border: 1.5px solid var(--sas-border-focus) !important;
border-top: none !important;
border-radius: 0 0 var(--sas-radius) var(--sas-radius) !important;
box-shadow: var(--sas-shadow);
max-height: 70vh !important;
overflow-y: auto !important;
overflow-x: hidden !important;
z-index: 99999 !important;
margin: 0 !important;
padding: 0 !important; -webkit-backdrop-filter: none;
backdrop-filter: none;
animation: sas-fadeIn 0.15s ease-out;
} .sas-search-wrap .sas-results-wrap,
.sas-search-wrap .sas-dropdown-content,
.sas-search-wrap .sas-no-results {
background: #ffffff !important;
background-color: #ffffff !important;
} body.sas-dark .sas-search-wrap .sas-dropdown,
.sas-search-wrap[data-theme="dark"] .sas-dropdown,
body.sas-dark .sas-search-wrap .sas-results-wrap,
body.sas-dark .sas-search-wrap .sas-dropdown-content {
background: #1f2937 !important;
background-color: #1f2937 !important;
}
@keyframes sas-fadeIn {
from { opacity: 0; transform: translateY(-4px); }
to { opacity: 1; transform: translateY(0); }
}
.sas-search-wrap .sas-dropdown-content {
padding: 0 !important;
margin: 0 !important;
}
.sas-search-wrap .sas-dropdown::-webkit-scrollbar { width: 6px; }
.sas-search-wrap .sas-dropdown::-webkit-scrollbar-track { background: transparent; }
.sas-search-wrap .sas-dropdown::-webkit-scrollbar-thumb { background: var(--sas-border); border-radius: 3px; }
.sas-search-wrap .sas-dropdown::-webkit-scrollbar-thumb:hover { background: var(--sas-text-light); } .sas-search-wrap .sas-did-you-mean {
padding: 8px 12px !important;
margin: 0 !important;
background: linear-gradient(to right, #fef3c7, #fef9c3) !important;
color: #92400e !important;
font-size: 12px !important;
line-height: 1.4 !important;
border-bottom: 1px solid var(--sas-border) !important;
}
.sas-search-wrap .sas-did-you-mean a,
.sas-search-wrap .sas-suggestion-link {
color: inherit !important;
text-decoration: none !important;
border-bottom: 1px dashed currentColor !important;
white-space: nowrap;
}
.sas-search-wrap .sas-did-you-mean a:hover,
.sas-search-wrap .sas-suggestion-link:hover {
border-bottom-style: solid !important;
} .sas-search-wrap .sas-group {
margin: 0 !important;
padding: 0 !important;
background: #ffffff !important;
}
.sas-search-wrap .sas-group-header {
padding: 6px 12px !important;
margin: 0 !important;
font-size: 11px !important;
font-weight: 700 !important;
line-height: 1.3 !important;
color: var(--sas-text-muted) !important;
text-transform: uppercase !important;
letter-spacing: 0.06em !important;
background: #f9fafb !important;
background-color: #f9fafb !important;
border-top: 1px solid var(--sas-border) !important;
}
.sas-search-wrap .sas-group:first-child .sas-group-header {
border-top: none !important;
}
.sas-search-wrap .sas-group-items {
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
background: #ffffff !important;
} .sas-search-wrap .sas-item {
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
border-bottom: 1px solid var(--sas-border) !important;
background: #ffffff !important;
background-color: #ffffff !important;
position: relative !important;
}
body.sas-dark .sas-search-wrap .sas-item,
.sas-search-wrap[data-theme="dark"] .sas-item {
background: #1f2937 !important;
}
.sas-search-wrap .sas-item:last-child {
border-bottom: none !important;
}
.sas-search-wrap .sas-item-link {
display: flex !important;
flex-direction: row !important;
align-items: flex-start !important;
gap: 10px !important;
padding: 8px 12px !important;
margin: 0 !important;
color: var(--sas-text) !important;
text-decoration: none !important;
text-transform: none !important;
background: transparent !important;
border: none !important;
border-left: 3px solid transparent !important;
border-radius: 0 !important;
box-shadow: none !important;
line-height: 1.4 !important;
transition: background var(--sas-transition);
}
.sas-search-wrap .sas-item-link:hover,
.sas-search-wrap .sas-item-link.sas-selected {
background: var(--sas-bg-selected) !important;
border-left-color: var(--sas-primary) !important;
text-decoration: none !important;
color: var(--sas-text) !important;
} .sas-search-wrap .sas-item-product .sas-item-media {
flex-shrink: 0 !important;
display: flex !important;
flex-direction: column !important;
align-items: stretch !important;
gap: 4px !important;
width: 64px !important;
margin: 0 !important;
padding: 0 !important;
}
.sas-search-wrap .sas-item-product .sas-item-image {
width: 64px !important;
height: 64px !important;
border-radius: var(--sas-radius-sm) !important;
overflow: hidden !important;
background: var(--sas-bg-hover) !important;
border: 1px solid var(--sas-border) !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
margin: 0 !important;
padding: 0 !important;
flex-shrink: 0 !important;
}
.sas-search-wrap .sas-item-product .sas-item-image img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
display: block !important;
margin: 0 !important;
padding: 0 !important;
border: none !important;
border-radius: 0 !important;
box-shadow: none !important;
max-width: none !important;
max-height: none !important;
}
.sas-search-wrap .sas-item-product .sas-item-price {
text-align: center !important;
font-size: 12px !important;
font-weight: 700 !important;
color: var(--sas-primary) !important;
line-height: 1.3 !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
gap: 1px !important;
padding: 0 2px !important;
margin: 0 !important;
}
.sas-search-wrap .sas-item-product .sas-item-price del {
color: var(--sas-text-light) !important;
font-weight: 400 !important;
font-size: 11px !important;
text-decoration: line-through !important;
opacity: 0.7;
}
.sas-search-wrap .sas-item-product .sas-item-price ins {
text-decoration: none !important;
color: var(--sas-danger) !important;
background: transparent !important;
}
.sas-search-wrap .sas-item-product .sas-item-price .woocommerce-Price-amount,
.sas-search-wrap .sas-item-product .sas-item-price .amount {
white-space: nowrap !important;
}
.sas-search-wrap .sas-out-of-stock {
font-size: 10px !important;
font-weight: 700 !important;
color: var(--sas-danger) !important;
text-transform: uppercase !important;
letter-spacing: 0.04em !important;
margin-top: 2px !important;
line-height: 1 !important;
}
.sas-search-wrap .sas-item-product .sas-item-content {
flex: 1 1 auto !important;
min-width: 0 !important;
display: flex !important;
flex-direction: column !important;
gap: 3px !important;
padding: 2px 0 0 0 !important;
margin: 0 !important;
}
.sas-search-wrap .sas-item-product .sas-item-title {
font-size: 14px !important;
font-weight: 600 !important;
color: var(--sas-text) !important;
line-height: 1.35 !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
line-clamp: 2;
}
.sas-search-wrap .sas-item-product .sas-item-cats {
font-size: 11px !important;
color: var(--sas-text-muted) !important;
line-height: 1.3 !important;
margin: 0 !important;
}
.sas-search-wrap .sas-item-product .sas-item-sku {
font-size: 10px !important;
color: var(--sas-text-light) !important;
font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace !important;
margin: 0 !important;
line-height: 1.3 !important;
} .sas-search-wrap .sas-item-post .sas-item-link,
.sas-search-wrap .sas-item-page .sas-item-link {
padding: 8px 12px !important;
align-items: flex-start !important;
}
.sas-search-wrap .sas-item-post .sas-item-image,
.sas-search-wrap .sas-item-page .sas-item-image {
flex-shrink: 0 !important;
width: 48px !important;
height: 48px !important;
border-radius: var(--sas-radius-sm) !important;
overflow: hidden !important;
background: var(--sas-bg-hover) !important;
border: 1px solid var(--sas-border) !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
margin: 0 !important;
padding: 0 !important;
}
.sas-search-wrap .sas-item-post .sas-item-image img,
.sas-search-wrap .sas-item-page .sas-item-image img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
display: block !important;
margin: 0 !important;
padding: 0 !important;
max-width: none !important;
}
.sas-search-wrap .sas-item-post .sas-item-content,
.sas-search-wrap .sas-item-page .sas-item-content {
flex: 1 1 auto !important;
min-width: 0 !important;
display: flex !important;
flex-direction: column !important;
gap: 2px !important;
margin: 0 !important;
padding: 0 !important;
}
.sas-search-wrap .sas-item-post .sas-item-title,
.sas-search-wrap .sas-item-page .sas-item-title {
font-size: 14px !important;
font-weight: 600 !important;
color: var(--sas-text) !important;
line-height: 1.35 !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
line-clamp: 2;
}
.sas-search-wrap .sas-item-post .sas-item-excerpt,
.sas-search-wrap .sas-item-page .sas-item-excerpt {
font-size: 12px !important;
color: var(--sas-text-muted) !important;
line-height: 1.4 !important;
margin: 2px 0 0 0 !important;
padding: 0 !important;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
line-clamp: 2;
}
.sas-search-wrap .sas-item-post .sas-item-cats,
.sas-search-wrap .sas-item-page .sas-item-cats {
font-size: 11px !important;
color: var(--sas-text-muted) !important;
margin: 0 !important;
line-height: 1.3 !important;
} .sas-search-wrap .sas-highlight,
.sas-search-wrap mark.sas-highlight {
background: var(--sas-highlight-bg) !important;
color: var(--sas-highlight-text) !important;
padding: 0 1px !important;
border-radius: 2px !important;
font-weight: 700 !important;
text-decoration: none !important;
} .sas-search-wrap .sas-view-all {
display: block !important;
padding: 10px 12px !important;
margin: 0 !important;
text-align: center !important;
background: var(--sas-bg-hover) !important;
color: var(--sas-primary) !important;
font-size: 14px !important;
font-weight: 600 !important;
line-height: 1.3 !important;
text-decoration: none !important;
text-transform: none !important;
border-top: 1px solid var(--sas-border) !important;
border-bottom: none !important;
border-left: none !important;
border-right: none !important;
border-radius: 0 !important;
transition: background var(--sas-transition);
}
.sas-search-wrap .sas-view-all:hover {
background: var(--sas-bg-selected) !important;
color: var(--sas-primary-hover) !important;
text-decoration: none !important;
}
.sas-search-wrap .sas-meta {
padding: 6px 12px !important;
margin: 0 !important;
font-size: 10px !important;
color: var(--sas-text-light) !important;
text-align: center !important;
line-height: 1.3 !important;
border-top: 1px solid var(--sas-border) !important;
} .sas-search-wrap .sas-no-results {
padding: 20px 16px !important;
margin: 0 !important;
text-align: center !important;
color: var(--sas-text-muted) !important;
}
.sas-search-wrap .sas-no-results-icon {
color: var(--sas-text-light) !important;
margin: 0 0 10px 0 !important;
display: inline-block !important;
}
.sas-search-wrap .sas-no-results-title {
font-size: 14px !important;
color: var(--sas-text) !important;
margin: 0 0 6px 0 !important;
padding: 0 !important;
line-height: 1.4 !important;
}
.sas-search-wrap .sas-no-results-suggest {
margin: 0 0 6px 0 !important;
padding: 0 !important;
font-size: 12px !important;
line-height: 1.4 !important;
}
.sas-search-wrap .sas-no-results-tip {
font-size: 12px !important;
color: var(--sas-text-light) !important;
margin: 6px 0 0 0 !important;
padding: 0 !important;
line-height: 1.4 !important;
} .sas-search-wrap .sas-hint,
.sas-search-wrap .sas-error {
padding: 14px !important;
margin: 0 !important;
text-align: center !important;
color: var(--sas-text-muted) !important;
font-size: 12px !important;
line-height: 1.4 !important;
}
.sas-search-wrap .sas-error {
color: var(--sas-danger) !important;
} @media (max-width: 640px) {
.sas-search-wrap .sas-input {
height: 42px !important;
min-height: 42px !important;
max-height: 42px !important;
font-size: 16px !important;
padding-left: 12px !important;
padding-right: 36px !important;
padding-inline-start: 12px !important;
padding-inline-end: 36px !important;
}
.sas-search-wrap .sas-input-wrap {
height: 42px !important;
}
.sas-search-wrap .sas-submit {
height: 42px !important;
min-height: 42px !important;
max-height: 42px !important;
padding: 4px 10px !important;
font-size: 11px !important;
} .sas-search-wrap .sas-filter-toggle {
height: 42px !important;
min-height: 42px !important;
max-height: 42px !important;
font-size: 11px !important;
padding: 0 8px !important;
gap: 4px !important;
}
.sas-search-wrap .sas-item-link {
padding: 8px 10px !important;
gap: 8px !important;
}
.sas-search-wrap .sas-item-product .sas-item-media {
width: 56px !important;
}
.sas-search-wrap .sas-item-product .sas-item-image {
width: 56px !important;
height: 56px !important;
}
.sas-search-wrap .sas-item-product .sas-item-title {
font-size: 13px !important;
}
.sas-search-wrap .sas-item-product .sas-item-price {
font-size: 11px !important;
}
.sas-search-wrap .sas-dropdown {
max-height: 60vh !important;
}
} @media (max-width: 420px) {
.sas-search-wrap .sas-filter-label {
display: none !important;
}
.sas-search-wrap .sas-filter-toggle {
padding: 0 8px !important;
min-width: 32px !important;
}
} @media (prefers-color-scheme: dark) {
.sas-search-wrap[data-theme="auto"] {
--sas-text: #f3f4f6;
--sas-text-muted: #9ca3af;
--sas-text-light: #6b7280;
--sas-bg: #1f2937;
--sas-bg-hover: #111827;
--sas-bg-selected: #1e3a8a;
--sas-border: #374151;
--sas-shadow: 0 10px 40px -10px rgba(0, 0, 0, 0.5);
}
}
body.sas-dark .sas-search-wrap,
.sas-search-wrap[data-theme="dark"] {
--sas-text: #f3f4f6;
--sas-text-muted: #9ca3af;
--sas-text-light: #6b7280;
--sas-bg: #1f2937;
--sas-bg-hover: #111827;
--sas-bg-selected: #1e3a8a;
--sas-border: #374151;
--sas-shadow: 0 10px 40px -10px rgba(0, 0, 0, 0.5);
}  body.search h1.entry-title,
body.search h2.entry-title,
body.search h3.entry-title,
body.search .entry-title,
body.search-results h1.entry-title,
body.search-results h2.entry-title,
body.search-results h3.entry-title,
body.search-results .entry-title {
font-size: inherit !important;
font-weight: normal !important;
margin: 0 !important;
padding: 0 !important;
line-height: normal !important;
color: inherit !important;
} body.search .entry-title > a:has(.sas-search-page-item),
body.search-results .entry-title > a:has(.sas-search-page-item) {
display: block !important;
color: inherit !important;
text-decoration: none !important;
pointer-events: none; } body.search .sas-search-page-link,
body.search-results .sas-search-page-link {
pointer-events: auto !important;
} .sas-search-grid > article .entry-meta,
.sas-search-grid > article .post-meta,
.sas-search-grid > article .entry-footer,
.sas-search-grid > article .byline,
.sas-search-grid > article .comments-link,
.sas-search-grid > article .entry-title,
.sas-search-grid > article .post-thumbnail,
.sas-search-grid > article > header,
.sas-search-grid > article > footer,
.sas-search-grid > div.post .entry-meta,
.sas-search-grid > div.post .entry-title,
.sas-search-grid > div.post .post-thumbnail,
.sas-search-grid > div.post > header,
.sas-search-grid > div.post > footer {
display: none !important;
} .sas-search-grid > article,
.sas-search-grid > div.post,
.sas-search-grid > div.type-product,
.sas-search-grid > div.type-page {
border: none !important;
background: transparent !important;
padding: 0 !important;
margin: 0 !important;
box-shadow: none !important;
width: auto !important;
max-width: 100% !important;
float: none !important;
}
.sas-search-grid > article .entry-content,
.sas-search-grid > div.post .entry-content {
margin: 0 !important;
padding: 0 !important;
} .sas-search-grid {
display: grid !important;
grid-template-columns: repeat(4, 1fr) !important;
gap: 20px !important;
margin: 24px 0 !important;
padding: 0 !important;
list-style: none !important;
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box !important;
} @media (max-width: 1024px) {
.sas-search-grid {
grid-template-columns: repeat(3, 1fr) !important;
gap: 16px !important;
}
} @media (max-width: 480px) {
.sas-search-grid {
grid-template-columns: repeat(2, 1fr) !important;
gap: 12px !important;
}
} .sas-search-page-item {
display: flex !important;
flex-direction: column !important;
margin: 0 !important;
padding: 0 !important;
background: #ffffff !important;
border: 1px solid #e5e7eb !important;
border-radius: 12px !important;
overflow: hidden !important;
transition: box-shadow 0.25s ease, transform 0.25s ease, border-color 0.25s ease !important;
font-family: Arial, Helvetica, sans-serif !important;
height: 100% !important; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}
.sas-search-page-item:hover {
box-shadow: 0 8px 24px -8px rgba(37, 99, 235, 0.25) !important;
transform: translateY(-3px) !important;
border-color: #93c5fd !important;
} .sas-search-page-link {
display: flex !important;
flex-direction: column !important;
flex: 1 1 auto !important;
gap: 0 !important;
padding: 0 !important;
color: #1f2937 !important;
text-decoration: none !important;
height: 100% !important;
}
.sas-search-page-link:hover,
.sas-search-page-link:focus {
text-decoration: none !important;
color: #1f2937 !important;
} .sas-search-page-image {
flex-shrink: 0 !important;
width: 100% !important;
aspect-ratio: 1 / 1 !important; height: auto;
background: #f9fafb !important;
overflow: hidden !important;
position: relative !important;
border-bottom: 1px solid #f3f4f6 !important;
} @supports not (aspect-ratio: 1 / 1) {
.sas-search-page-image {
height: 240px !important;
}
}
.sas-search-page-image img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
display: block !important;
transition: transform 0.4s ease !important;
}
.sas-search-page-item:hover .sas-search-page-image img {
transform: scale(1.05) !important;
} .sas-search-page-content {
flex: 1 1 auto !important;
min-width: 0 !important;
display: flex !important;
flex-direction: column !important;
gap: 6px !important;
padding: 8px 10px !important;
} .sas-search-page-title {
font-size: 16px !important;
font-weight: 700 !important;
color: #1f2937 !important;
line-height: 1.4 !important;
margin: 0 !important;
padding: 0 !important;
font-family: Arial, Helvetica, sans-serif !important; display: -webkit-box !important;
-webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical !important;
line-clamp: 2;
overflow: hidden !important;
word-break: break-word !important;
}
.sas-search-page-link:hover .sas-search-page-title {
color: #2563eb !important;
}
.sas-search-page-title mark.sas-highlight {
background: #fef3c7 !important;
color: inherit !important;
padding: 0 2px !important;
border-radius: 2px !important;
} .sas-search-page-excerpt {
font-size: 13px !important;
color: #6b7280 !important;
line-height: 1.5 !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
display: -webkit-box !important;
-webkit-line-clamp: 3 !important;
-webkit-box-orient: vertical !important;
line-clamp: 3;
}
.sas-search-page-excerpt mark.sas-highlight {
background: #fef3c7 !important;
color: #92400e !important;
padding: 0 2px !important;
border-radius: 2px !important;
font-weight: 600 !important;
} .sas-search-page-price {
font-size: 15px !important;
font-weight: 700 !important;
color: #dc2626 !important;
line-height: 1.3 !important;
margin: 0 !important;
padding: 0 !important;
}
.sas-search-page-price del {
color: #9ca3af !important;
font-weight: 400 !important;
font-size: 13px !important;
margin-right: 6px !important;
}
.sas-search-page-price ins {
text-decoration: none !important;
color: #dc2626 !important;
}
.sas-search-page-price .woocommerce-Price-amount,
.sas-search-page-price .amount {
font-weight: 700 !important;
color: inherit !important;
} .sas-search-page-readmore {
display: inline-flex !important;
align-items: center !important;
gap: 4px !important;
margin-top: auto !important; padding-top: 6px !important;
color: #2563eb !important;
font-size: 13px !important;
font-weight: 600 !important;
border-top: 1px solid #f3f4f6 !important;
}
.sas-search-page-link:hover .sas-search-page-readmore {
color: #1d4ed8 !important;
} .sas-search-page-item.sas-item-post .sas-search-page-content,
.sas-search-page-item.sas-item-page .sas-search-page-content {
padding: 10px 12px !important;
} @media (max-width: 480px) {
.sas-search-page-content {
padding: 6px 8px !important;
gap: 4px !important;
}
.sas-search-page-title {
font-size: 13px !important;
line-height: 1.35 !important;
}
.sas-search-page-price {
font-size: 13px !important;
}
.sas-search-page-excerpt {
font-size: 12px !important;
line-height: 1.4 !important;
-webkit-line-clamp: 2 !important;
line-clamp: 2;
}
.sas-search-page-readmore {
font-size: 11px !important;
padding-top: 4px !important;
}
.sas-search-page-item.sas-item-post .sas-search-page-content,
.sas-search-page-item.sas-item-page .sas-search-page-content {
padding: 8px 10px !important;
}
}