.slickzsearch,
.slickzsearch-results { --sz-search-input-padding: 10px 60px 10px 20px;
--sz-search-input-border-width: 2px;
--sz-search-input-border-color: #90aa22;
--sz-search-input-color: #1e1e1e;
--sz-search-input-bg: #f4f4ed;
--sz-search-input-focus-bg: #fff;
--sz-search-input-focus-border-width: 1px;
--sz-search-input-font-size: 1.25rem;
--sz-search-input-radius: 4px;
--sz-search-button-width: 45px;
--sz-search-button-border-color: #90aa22;
--sz-search-button-bg: #ffffff;
--sz-search-button-icon-width: 30px;
--sz-search-autosuggest-top: 46px;
--sz-search-autosuggest-bg: #fff;
--sz-search-autosuggest-border-color: #ccc;
--sz-search-autosuggest-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
--sz-search-autosuggest-item-padding: 8px 12px;
--sz-search-autosuggest-hover-bg: var(--pageAccentColor);
--sz-search-autosuggest-hover-color: #000;
--sz-search-status-padding: 30px 0 5px;
--sz-search-loader-margin-top: 12px;
--sz-search-loader-padding: 20px;
--sz-search-spinner-size: 28px;
--sz-search-spinner-border-width: 4px;
--sz-search-spinner-border-color: #eee;
--sz-search-spinner-accent-color: var(--pageAccentColor, green); --sz-builder-color-accent: #8a9a2f;
--sz-color-heading: #111827;
--sz-color-text-muted: #6b7280;
--sz-result-media-bg: #ddd7ca;
--sz-result-image-transition: all 0.6s ease-in-out 0.1s;
--sz-result-font-size-xs: 0.85rem;
--sz-result-font-size-sm: 1rem;
--sz-result-font-size-md: 1.35rem;
--sz-result-font-size-lg: 1.55rem;
--sz-result-font-weight-regular: 400;
--sz-result-font-weight-medium: 500;
--sz-result-font-weight-semibold: 600;
--sz-result-spacing-bottom-none: 0;
--sz-result-spacing-bottom-xs: 4px;
--sz-result-spacing-bottom-sm: 8px;
--sz-result-spacing-bottom-md: 16px;
--sz-result-spacing-bottom-lg: 32px;
--sz-result-title-margin-bottom: 0.5em;
--sz-result-excerpt-margin: 0.5em 0 0;
--sz-result-horizontal-gap: 12px;
--sz-result-image-small-size: 120px;
--sz-result-focus-outline: 3px solid var(--pageAccentColor, #87a800);
--sz-result-focus-outline-offset: 2px;
--sz-result-active-bg: rgba(135, 168, 0, 0.08);
--sz-result-mark-bg: var(--pageAccentColor);
--sz-primary-secondary-gap: 8px;
--sz-results-columns-1-template: 1fr;
--sz-results-columns-3-template: repeat(3, minmax(0, 1fr));
--sz-results-columns-6-template: repeat(6, minmax(0, 1fr)); --sz-list-bg: transparent;
--sz-list-border-color: rgba(0, 0, 0, 0.1);
--sz-list-item-padding: 12px 0;
--sz-list-grid-columns: 165px minmax(0, 1fr);
--sz-list-gap: 16px;
--sz-list-color: #2f2f2a;
--sz-list-media-width: 165px;
--sz-list-title-margin: 0 0 10px;
--sz-list-title-font-size: 20px;
--sz-list-title-line-height: 1;
--sz-list-title-font-weight: 600;
--sz-list-title-color: #2d2d2a;
--sz-list-meta-gap: 8px;
--sz-list-meta-font-size: 0.95rem;
--sz-list-meta-line-height: 1.25;
--sz-list-meta-color: #8a9a2f;
--sz-list-excerpt-display: none;
--sz-list-excerpt-margin: 6px 0 0;
--sz-list-excerpt-line-height: 1.45;
--sz-list-mobile-grid-columns: 72px minmax(0, 1fr);
--sz-list-mobile-gap: 12px;
--sz-list-mobile-media-width: 72px;
--sz-list-mobile-item-padding: 10px 0;
--sz-grid-min-column-width: 220px;
--sz-grid-mobile-min-column-width: 160px;
--sz-grid-gap: 12px;
--sz-grid-padding: 0 0 20px;
--sz-grid-card-radius: 12px;
--sz-grid-card-bg: #fff;
--sz-grid-card-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
--sz-grid-card-hover-transform: translateY(-2px);
--sz-grid-card-hover-shadow: 0 6px 18px rgba(0, 0, 0, 0.1);
--sz-grid-card-transition: transform 0.15s ease, box-shadow 0.15s ease;
--sz-grid-media-height: 120px;
--sz-grid-media-mobile-height: 112px;
--sz-grid-media-bg: #f1f1f1;
--sz-grid-content-padding: 16px 13px;
--sz-grid-title-font-size: 20px;
--sz-grid-title-mobile-font-size: 18px;
--sz-grid-title-line-height: 1.1;
--sz-grid-title-font-weight: 500;
--sz-grid-meta-gap: 4px;
--sz-grid-meta-margin: 6px 0 0;
--sz-grid-meta-font-size: 14px;
--sz-grid-meta-color: #90aa22;
--sz-grid-excerpt-margin: 6px 0 0;
--sz-grid-excerpt-font-size: 14px;
--sz-grid-excerpt-line-height: 1.35;
--sz-grid-excerpt-color: #5c5c5c;
--sz-grid-image-hover-transform: scale(1.03);
--sz-cards-gap: 24px;
--sz-cards-padding: 0 0 24px;
--sz-cards-item-padding: 18px;
--sz-cards-border: 1px solid rgba(0, 0, 0, 0.08);
--sz-cards-radius: 14px;
--sz-cards-bg: linear-gradient(180deg, #ffffff 0%, #fafafa 100%);
--sz-cards-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);
--sz-cards-media-ratio: 16/10;
--sz-cards-media-radius: 10px;
--sz-cards-media-margin-bottom: 14px;
--sz-cards-content-gap: 8px;
--sz-cards-meta-font-size: 16px;
--sz-cards-meta-color: #90aa22;
--sz-cards-columns-sm: 2;
--sz-cards-columns-lg: 3;
--sz-compact-padding: 0 0 12px;
--sz-compact-border-color: rgba(0, 0, 0, 0.08);
--sz-compact-gap: 24px;
--sz-compact-min-height: 64px;
--sz-compact-item-padding: 8px 0;
--sz-compact-hover-bg: rgba(0, 0, 0, 0.035);
--sz-compact-media-size: 76px;
--sz-compact-media-radius: 8px;
--sz-compact-media-bg: rgba(0, 0, 0, 0.06);
--sz-compact-title-font-size: 20px;
--sz-compact-title-line-height: 1.25;
--sz-compact-title-font-weight: 600;
--sz-compact-no-media-padding: 10px 0;
--sz-compact-mobile-gap: 8px;
--sz-compact-mobile-min-height: 56px;
--sz-compact-mobile-item-padding: 7px 0;
--sz-compact-mobile-media-size: 48px;
--sz-compact-mobile-title-font-size: 0.94rem; --sz-badge-group-margin-top: 4px;
--sz-badge-group-gap: 4px;
--sz-badge-font-size: 15px;
--sz-badge-line-height: 1.4;
--sz-badge-margin: 4px 4px 0 0;
--sz-badge-padding: 5px 12px;
--sz-badge-radius: 4px;
--sz-badge-font-weight: 500;
--sz-badge-most-viewed-bg: #eef2ff;
--sz-badge-most-viewed-color: #3730a3;
--sz-badge-most-clicked-bg: #ecfdf5;
--sz-badge-most-clicked-color: #047857;
--sz-badge-top-ctr-bg: #fff7ed;
--sz-badge-top-ctr-color: #c2410c;
}
.slickzsearch-results[data-layout="list"] {
--sz-builder-color-accent: #8a9a2f;
--sz-list-bg: transparent;
--sz-list-color: #1d2327;
--sz-list-title-margin: 0 0 8px;
--sz-list-title-line-height: 1.1;
--sz-list-meta-gap: 6px;
--sz-list-excerpt-display: block;
--sz-list-excerpt-margin: 6px 0 0;
--sz-list-excerpt-line-height: 1.45;
--sz-list-standalone-muted-color: #64748b;
--sz-list-standalone-strong-color: #111827;
}
.slickzsearch-results .result-component.sz-size-small {
font-size: var(--sz-result-font-size-sm, 1rem) !important;
}
.slickzsearch-results .result-component.sz-size-normal {
font-size: var(--sz-result-font-size-md, 1.25rem) !important;
}
.slickzsearch-results .result-component.sz-size-large {
font-size: var(--sz-result-font-size-lg, 1.45rem) !important;
}
.slickzsearch-results .result-component.sz-size-inherit {
font-size: inherit !important;
}
.slickzsearch-results .result-component.sz-color-inherit {
color: inherit !important;
}
.slickzsearch-results .result-component.sz-weight-bold {
font-weight: 700 !important;
}
.slickzsearch-results .result-component.sz-weight-inherit {
font-weight: inherit !important;
}
.slickzsearch-results.results--grid-1 .search-results-wrapper,
.slickzsearch-results.results--grid-1 .search-results__recipe-wrapper {
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.slickzsearch-results.results--grid-2 .search-results-wrapper,
.slickzsearch-results.results--grid-2 .search-results__recipe-wrapper {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.slickzsearch-results.results--grid-3 .search-results-wrapper,
.slickzsearch-results.results--grid-3 .search-results__recipe-wrapper {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.slickzsearch-results.results--grid-4 .search-results-wrapper,
.slickzsearch-results.results--grid-4 .search-results__recipe-wrapper {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.slickzsearch-results.results--grid-6 .search-results-wrapper,
.slickzsearch-results.results--grid-6 .search-results__recipe-wrapper {
display: grid;
grid-template-columns: repeat(6, minmax(0, 1fr));
}
.slickzsearch-results.results--masonry-3 .search-results-wrapper,
.slickzsearch-results.results--masonry-3 .search-results__recipe-wrapper {
column-count: 3;
}
.slickzsearch-results.results--masonry-4 .search-results-wrapper,
.slickzsearch-results.results--masonry-4 .search-results__recipe-wrapper {
column-count: 4;
}
@media (max-width:1024px) {
.slickzsearch-results.results--grid-3 .search-results-wrapper,
.slickzsearch-results.results--grid-3 .search-results__recipe-wrapper,
.slickzsearch-results.results--grid-4 .search-results-wrapper,
.slickzsearch-results.results--grid-4 .search-results__recipe-wrapper {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.slickzsearch-results.results--grid-6 .search-results-wrapper,
.slickzsearch-results.results--grid-6 .search-results__recipe-wrapper {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.slickzsearch-results[class*=results--masonry-] .search-results-wrapper,
.slickzsearch-results[class*=results--masonry-] .search-results__recipe-wrapper {
column-count: 2;
}
}
@media (max-width:480px) {
.slickzsearch-results[class*=results--grid-] .search-results-wrapper,
.slickzsearch-results[class*=results--grid-] .search-results__recipe-wrapper {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.slickzsearch-results[class*=results--masonry-] .search-results-wrapper,
.slickzsearch-results[class*=results--masonry-] .search-results__recipe-wrapper {
column-count: auto;
}
} .slickzsearch {
width: 100%;
position: relative;
}
.slickzsearch:focus,
.slickzsearch:focus-visible,
.slickzsearch:focus-within {
outline: none !important;
border: 0 !important;
box-shadow: none !important;
}
.slickzsearch *,
.slickzsearch *::before,
.slickzsearch *::after {
box-sizing: border-box;
}
.slickzsearch img {
display: block;
max-width: 100%;
height: auto;
}
.slickzsearch input,
.slickzsearch button,
.slickzsearch select,
.slickzsearch textarea {
font: inherit;
color: inherit;
}
.slickzsearch button {
cursor: pointer;
}
.slickzsearch ul,
.slickzsearch ol {
margin: 0;
padding: 0;
list-style: none;
}
.slickzsearch li {
margin: 0;
list-style: none;
}
.slickzsearch .autosuggest-list,
.slickzsearch .search-results-wrapper,
.slickzsearch .search-results__recipe-wrapper {
margin: 0;
padding: 0;
list-style: none;
}
.slickzsearch .autosuggest-item,
.slickzsearch .search-results-item,
.slickzsearch .search-results__recipe-item {
margin: 0;
list-style: none;
}
.slickzsearch .search-form {
width: 100%;
position: relative;
margin: 0;
padding: 0;
border: 0 !important;
box-shadow: none !important;
background: transparent;
}
.slickzsearch .search-form:focus,
.slickzsearch .search-form:focus-visible,
.slickzsearch .search-form:focus-within,
.slickzsearch .search-form__row:focus,
.slickzsearch .search-form__row:focus-visible,
.slickzsearch .search-form__row:focus-within {
outline: none !important;
border: 0 !important;
box-shadow: none !important;
}
.slickzsearch .search-form::before,
.slickzsearch .search-form::after,
.slickzsearch .search-form__row::before,
.slickzsearch .search-form__row::after {
content: none !important;
display: none !important;
border: 0 !important;
box-shadow: none !important;
}
.slickzsearch .search-loader,
.slickzsearch .slickzsearch-results {
margin-top: var(--sz-search-loader-margin-top);
}
.slickzsearch .search-form__row {
width: 100%;
display: flex;
margin: 0;
padding: 0;
border: 0 !important;
box-shadow: none !important;
background: transparent;
}
.slickzsearch .search-form__row__input,
body.material #nectar-nav #search-outer #search input[type="text"] {
width: 100%;
padding: var(--sz-search-input-padding);
border: var(--sz-search-input-border-width) solid var(--sz-search-input-border-color);
appearance: none;
-webkit-appearance: none;
box-shadow: none !important;
color: var(--sz-search-input-color) !important;
background-color: var(--sz-search-input-bg);
background-image: none;
font-size: var(--sz-search-input-font-size) !important;
border-radius: var(--sz-search-input-radius);
}
.slickzsearch .search-form__row__input:focus,
body.material #nectar-nav #search-outer #search input[type="text"]:focus {
outline: none;
background-color: var(--sz-search-input-focus-bg);
border-width: var(--sz-search-input-focus-border-width);
border-color: var(--sz-search-input-border-color);
box-shadow: none !important;
}
.slickzsearch .search-form__row__input::-webkit-search-cancel-button {
-webkit-appearance: none;
height: 10px;
width: 10px;
background: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128"><polygon points="72.5,63.8 124.6,11.6 126,10.3 124.6,8.9 118.7,2.9 117.3,1.6 115.9,2.9 63.8,55.1 11.6,2.9 10.3,1.6 8.9,2.9 2.9,8.9 1.6,10.3 2.9,11.6 55.1,63.8 2.9,115.9 1.6,117.3 2.9,118.7 8.9,124.6 10.3,126 11.6,124.6 63.8,72.5 115.9,124.6 117.3,126 118.7,124.6 124.6,118.7 126,117.3 124.6,115.9"/></svg>') no-repeat center center;
background-size: contain;
}
.slickzsearch .search-form__row button {
width: var(--sz-search-button-width);
border: 1px solid var(--sz-search-button-border-color);
border-left: none;
background-color: var(--sz-search-button-bg);
display: none !important;
}
.slickzsearch .search-form__row button svg {
width: var(--sz-search-button-icon-width);
}
.slickzsearch .search-form .autosuggest-list {
position: absolute;
z-index: 9999;
top: var(--sz-search-autosuggest-top);
width: 100%;
background: var(--sz-search-autosuggest-bg);
border: 1px solid var(--sz-search-autosuggest-border-color);
border-top: none;
box-shadow: var(--sz-search-autosuggest-shadow);
}
.slickzsearch .search-form .autosuggest-item {
padding: var(--sz-search-autosuggest-item-padding);
cursor: pointer;
}
.slickzsearch .search-form .autosuggest-item:hover,
.slickzsearch .search-form .autosuggest-item.highlighted {
background: var(--sz-search-autosuggest-hover-bg);
color: var(--sz-search-autosuggest-hover-color);
}
.slickzsearch .slickzsearch-search-status {
margin-bottom: 0;
padding: var(--sz-search-status-padding);
}
.slickzsearch .search-results {
width: 100%;
}
.slickzsearch .primary-results,
.slickzsearch .secondary-results {
width: 100%;
}
.slickzsearch .primary-results+.secondary-results {
margin-top: var(--sz-primary-secondary-gap);
}
.slickzsearch .search-results-wrapper,
.slickzsearch .search-results__recipe-wrapper {
width: 100%;
}
.slickzsearch .search-results-item,
.slickzsearch .search-results__recipe-item {
width: 100%;
}
.slickzsearch .slickzsearch-result {
display: block;
color: inherit;
text-decoration: none;
}
.slickzsearch .search-results-item__media {
overflow: hidden;
background: var(--sz-result-media-bg);
}
.slickzsearch .search-results-item__media img {
width: 100%;
height: 100%;
margin: 0;
object-fit: cover;
opacity: 0;
filter: blur(0);
transition: var(--sz-result-image-transition);
}
.slickzsearch .search-results-item__media img.loaded {
opacity: 1;
filter: blur(0px);
}
.slickzsearch .search-results-item__content {
min-width: 0;
}
.slickzsearch .result-custom-image,
.slickzsearch .result-component--custom_image,
.slickzsearch-results .result-custom-image,
.slickzsearch-results .result-component--custom_image {
display: flex;
max-width: 100%;
}
.slickzsearch .result-custom-image.sz-image-align-left,
.slickzsearch .result-component--custom_image.sz-image-align-left,
.slickzsearch-results .result-custom-image.sz-image-align-left,
.slickzsearch-results .result-component--custom_image.sz-image-align-left {
justify-content: flex-start;
}
.slickzsearch .result-custom-image.sz-image-align-center,
.slickzsearch .result-component--custom_image.sz-image-align-center,
.slickzsearch-results .result-custom-image.sz-image-align-center,
.slickzsearch-results .result-component--custom_image.sz-image-align-center {
justify-content: center;
margin-left: auto;
margin-right: auto;
}
.slickzsearch .result-custom-image.sz-image-align-right,
.slickzsearch .result-component--custom_image.sz-image-align-right,
.slickzsearch-results .result-custom-image.sz-image-align-right,
.slickzsearch-results .result-component--custom_image.sz-image-align-right {
justify-content: flex-end;
margin-left: auto;
}
.slickzsearch .result-custom-image img,
.slickzsearch .result-component--custom_image img,
.slickzsearch-results .result-custom-image img,
.slickzsearch-results .result-component--custom_image img {
display: block;
width: 100%;
max-width: 100%;
height: auto;
max-height: inherit;
object-fit: contain;
}
.slickzsearch .result-component.sz-size-xs {
font-size: var(--sz-result-font-size-xs) !important;
}
.slickzsearch .result-component.sz-size-sm {
font-size: var(--sz-result-font-size-sm) !important;
}
.slickzsearch .result-component.sz-size-md {
font-size: var(--sz-result-font-size-md) !important;
}
.slickzsearch .result-component.sz-size-lg {
font-size: var(--sz-result-font-size-lg) !important;
}
.slickzsearch .result-component.sz-size-small {
font-size: var(--sz-result-font-size-sm, 1rem) !important;
}
.slickzsearch .result-component.sz-size-normal {
font-size: var(--sz-result-font-size-md, 1.25rem) !important;
}
.slickzsearch .result-component.sz-size-large {
font-size: var(--sz-result-font-size-lg, 1.45rem) !important;
}
.slickzsearch .result-component.sz-size-inherit {
font-size: inherit !important;
}
.slickzsearch .result-component.sz-color-default {
color: inherit !important;
}
.slickzsearch .result-component.sz-color-muted {
color: var(--sz-color-text-muted) !important;
}
.slickzsearch .result-component.sz-color-accent {
color: var(--sz-builder-color-accent) !important;
}
.slickzsearch .result-component.sz-color-strong {
color: var(--sz-color-heading) !important;
}
.slickzsearch .result-component.sz-weight-regular {
font-weight: var(--sz-result-font-weight-regular) !important;
}
.slickzsearch .result-component.sz-weight-medium {
font-weight: var(--sz-result-font-weight-medium) !important;
}
.slickzsearch .result-component.sz-weight-semibold {
font-weight: var(--sz-result-font-weight-semibold) !important;
}
.slickzsearch .result-component.sz-spacing-bottom-none {
margin-bottom: var(--sz-result-spacing-bottom-none, 0) !important;
}
.slickzsearch .result-component.sz-spacing-bottom-xs {
margin-bottom: var(--sz-result-spacing-bottom-xs, 4px) !important;
}
.slickzsearch .result-component.sz-spacing-bottom-sm {
margin-bottom: var(--sz-result-spacing-bottom-sm, 8px) !important;
}
.slickzsearch .result-component.sz-spacing-bottom-md {
margin-bottom: var(--sz-result-spacing-bottom-md, 16px) !important;
}
.slickzsearch .result-component.sz-spacing-bottom-lg {
margin-bottom: var(--sz-result-spacing-bottom-lg, 32px) !important;
}
.slickzsearch .slickzsearch-group-title,
.slickzsearch .search-results-item__content h5,
.slickzsearch .search-results-item__content .meta,
.slickzsearch .search-results-item__content .excerpt {
margin-top: 0;
}
.slickzsearch .search-results-item__content h5 {
margin-bottom: var(--sz-result-title-margin-bottom);
}
.slickzsearch .search-results-item__content .excerpt {
margin: var(--sz-result-excerpt-margin);
}
.slickzsearch .search-results-item__content ul {
margin: 0;
padding: 0;
list-style: none;
}
.slickzsearch .badge-group {
margin-top: var(--sz-badge-group-margin-top);
display: flex;
flex-wrap: wrap;
gap: var(--sz-badge-group-gap);
}
.slickzsearch .badge-group:empty {
display: none;
}
.slickzsearch .badge {
display: inline-block;
font-size: var(--sz-badge-font-size);
line-height: var(--sz-badge-line-height);
padding: var(--sz-badge-padding);
border-radius: var(--sz-badge-radius);
font-weight: var(--sz-badge-font-weight);
white-space: nowrap;
}
.slickzsearch .badge,
.slickzsearch-results .badge {
display: inline-block;
font-size: var(--sz-badge-font-size);
line-height: var(--sz-badge-line-height);
margin: var(--sz-badge-margin);
padding: var(--sz-badge-padding);
border-radius: var(--sz-badge-radius);
font-weight: var(--sz-badge-font-weight);
white-space: nowrap;
}
.slickzsearch .badge--most-viewed,
.slickzsearch-results .badge--most-viewed {
background: var(--sz-badge-most-viewed-bg);
color: var(--sz-badge-most-viewed-color);
}
.slickzsearch .badge--most-clicked,
.slickzsearch-results .badge--most-clicked {
background: var(--sz-badge-most-clicked-bg);
color: var(--sz-badge-most-clicked-color);
}
.slickzsearch .badge--top-ctr,
.slickzsearch-results .badge--top-ctr {
background: var(--sz-badge-top-ctr-bg);
color: var(--sz-badge-top-ctr-color);
}
.slickzsearch .search-results .slickzsearch-result:focus-visible {
outline: var(--sz-result-focus-outline);
outline-offset: var(--sz-result-focus-outline-offset);
background: var(--sz-result-active-bg);
}
.slickzsearch .search-results .slickzsearch-result.is-active {
background: var(--sz-result-active-bg);
}
.slickzsearch .search-results mark {
position: relative;
background-color: var(--sz-result-mark-bg);
}
.slickzsearch .slickzsearch-results[data-layout="list"] {
background: var(--sz-list-bg);
}
.slickzsearch .slickzsearch-results[data-layout="list"] .search-results-wrapper,
.slickzsearch .slickzsearch-results[data-layout="list"] .search-results__recipe-wrapper {
display: block;
padding-bottom: 0;
border-top: 1px solid var(--sz-list-border-color);
}
.slickzsearch .slickzsearch-results[data-layout="list"] .search-results-item,
.slickzsearch .slickzsearch-results[data-layout="list"] .search-results__recipe-item {
display: block;
width: 100%;
border-bottom: 1px solid var(--sz-list-border-color);
padding: var(--sz-list-item-padding);
}
.slickzsearch .slickzsearch-results[data-layout="list"] .slickzsearch-result {
display: grid;
grid-template-columns: var(--sz-list-grid-columns);
gap: var(--sz-list-gap);
align-items: center;
padding: 0;
color: var(--sz-list-color);
text-decoration: none;
}
.slickzsearch .slickzsearch-results[data-layout="list"] .slickzsearch-result.no-media {
grid-template-columns: minmax(0, 1fr);
}
.slickzsearch .slickzsearch-results[data-layout="list"] .search-results-item__media {
width: 100%;
max-width: var(--sz-list-media-width);
aspect-ratio: 1/1;
}
.slickzsearch .slickzsearch-results[data-layout="list"] .search-results-item__content h5 {
margin: var(--sz-list-title-margin);
font-size: var(--sz-list-title-font-size);
line-height: var(--sz-list-title-line-height);
font-weight: var(--sz-list-title-font-weight);
color: var(--sz-list-title-color);
padding-bottom: 0;
}
.slickzsearch .slickzsearch-results[data-layout="list"] .search-results-item__content .meta {
display: flex;
flex-direction: column;
gap: var(--sz-list-meta-gap);
margin: 0;
}
.slickzsearch .slickzsearch-results[data-layout="list"] .search-results-item__content .meta span {
display: block;
font-size: var(--sz-list-meta-font-size);
line-height: var(--sz-list-meta-line-height);
color: var(--sz-list-meta-color);
}
.slickzsearch .slickzsearch-results[data-layout="list"] .search-results-item__content .excerpt {
display: var(--sz-list-excerpt-display);
margin: var(--sz-list-excerpt-margin);
line-height: var(--sz-list-excerpt-line-height);
}
.slickzsearch .slickzsearch-results[data-layout="grid"] .search-results-wrapper,
.slickzsearch .slickzsearch-results[data-layout="grid"] .search-results__recipe-wrapper {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(var(--sz-grid-min-column-width), 1fr));
gap: var(--sz-grid-gap);
padding: var(--sz-grid-padding);
}
.slickzsearch .slickzsearch-results[data-layout="grid"] .search-results-item,
.slickzsearch .slickzsearch-results[data-layout="grid"] .search-results__recipe-item {
width: auto;
padding: 0;
}
.slickzsearch .slickzsearch-results[data-layout="grid"] .slickzsearch-result {
display: block;
overflow: hidden;
height: 100%;
border-radius: var(--sz-grid-card-radius);
background: var(--sz-grid-card-bg);
color: inherit;
text-decoration: none;
box-shadow: var(--sz-grid-card-shadow);
transition: var(--sz-grid-card-transition);
}
.slickzsearch .slickzsearch-results[data-layout="grid"] .search-results-item__media {
width: 100%;
height: var(--sz-grid-media-height);
aspect-ratio: auto;
background: var(--sz-grid-media-bg);
}
.slickzsearch .slickzsearch-results[data-layout="grid"] .search-results-item__content {
display: block;
padding: var(--sz-grid-content-padding);
}
.slickzsearch .slickzsearch-results[data-layout="grid"] .search-results-item__content h5 {
margin: 0;
font-size: var(--sz-grid-title-font-size);
line-height: var(--sz-grid-title-line-height);
font-weight: var(--sz-grid-title-font-weight);
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
min-height: auto;
}
.slickzsearch .slickzsearch-results[data-layout="grid"] .search-results-item__content .meta {
margin: var(--sz-grid-meta-margin);
display: flex;
flex-direction: column;
gap: var(--sz-grid-meta-gap);
}
.slickzsearch .slickzsearch-results[data-layout="grid"] .search-results-item__content .meta span {
font-size: var(--sz-grid-meta-font-size);
line-height: 1;
color: var(--sz-grid-meta-color);
}
.slickzsearch .slickzsearch-results[data-layout="grid"] .search-results-item__content .excerpt {
margin: var(--sz-grid-excerpt-margin);
font-size: var(--sz-grid-excerpt-font-size);
line-height: var(--sz-grid-excerpt-line-height);
color: var(--sz-grid-excerpt-color);
}
.slickzsearch .slickzsearch-results[data-layout="grid"] .slickzsearch-result:hover .search-results-item__media img,
.slickzsearch .slickzsearch-results[data-layout="grid"] .slickzsearch-result:focus-visible .search-results-item__media img {
transform: var(--sz-grid-image-hover-transform);
}
.slickzsearch .slickzsearch-results[data-layout="grid"] .slickzsearch-result:hover,
.slickzsearch .slickzsearch-results[data-layout="grid"] .slickzsearch-result:focus-visible {
transform: var(--sz-grid-card-hover-transform);
box-shadow: var(--sz-grid-card-hover-shadow);
outline: none;
}
.slickzsearch .slickzsearch-results[data-layout="cards"] .search-results-wrapper,
.slickzsearch .slickzsearch-results[data-layout="cards"] .search-results__recipe-wrapper {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: var(--sz-cards-gap);
padding: var(--sz-cards-padding);
}
.slickzsearch .slickzsearch-results[data-layout="cards"] .search-results-item,
.slickzsearch .slickzsearch-results[data-layout="cards"] .search-results__recipe-item {
width: auto;
padding: 0;
}
.slickzsearch .slickzsearch-results[data-layout="cards"] .slickzsearch-result {
display: flex;
flex-direction: column;
height: 100%;
padding: var(--sz-cards-item-padding);
border: var(--sz-cards-border);
border-radius: var(--sz-cards-radius);
background: var(--sz-cards-bg);
box-shadow: var(--sz-cards-shadow);
overflow: hidden;
}
.slickzsearch .slickzsearch-results[data-layout="cards"] .search-results-item__media {
width: 100%;
aspect-ratio: var(--sz-cards-media-ratio);
border-radius: var(--sz-cards-media-radius);
margin-bottom: var(--sz-cards-media-margin-bottom);
}
.slickzsearch .slickzsearch-results[data-layout="cards"] .search-results-item__content {
display: flex;
flex-direction: column;
gap: var(--sz-cards-content-gap);
}
.slickzsearch .slickzsearch-results[data-layout="cards"] .search-results-item__content .meta span {
font-size: var(--sz-cards-meta-font-size);
line-height: 1;
color: var(--sz-cards-meta-color);
}
.slickzsearch .slickzsearch-results[data-layout="compact"] .search-results-wrapper,
.slickzsearch .slickzsearch-results[data-layout="compact"] .search-results__recipe-wrapper {
display: block;
padding: var(--sz-compact-padding);
}
.slickzsearch .slickzsearch-results[data-layout="compact"] .search-results-item,
.slickzsearch .slickzsearch-results[data-layout="compact"] .search-results__recipe-item {
width: 100%;
padding: 0;
border-bottom: 1px solid var(--sz-compact-border-color);
}
.slickzsearch .slickzsearch-results[data-layout="compact"] .slickzsearch-result {
display: flex;
align-items: center;
gap: var(--sz-compact-gap);
min-height: var(--sz-compact-min-height);
padding: var(--sz-compact-item-padding);
color: inherit;
text-decoration: none;
transition: background-color 0.14s ease;
}
.slickzsearch .slickzsearch-results[data-layout="compact"] .slickzsearch-result:hover,
.slickzsearch .slickzsearch-results[data-layout="compact"] .slickzsearch-result:focus-visible {
background: var(--sz-compact-hover-bg);
outline: none;
}
.slickzsearch .slickzsearch-results[data-layout="compact"] .search-results-item__media {
width: var(--sz-compact-media-size);
min-width: var(--sz-compact-media-size);
max-width: var(--sz-compact-media-size);
height: var(--sz-compact-media-size);
aspect-ratio: 1/1;
border-radius: var(--sz-compact-media-radius);
background: var(--sz-compact-media-bg);
}
.slickzsearch .slickzsearch-results[data-layout="compact"] .search-results-item__content {
flex: 1 1 auto;
padding: 0;
}
.slickzsearch .slickzsearch-results[data-layout="compact"] .search-results-item__content h5 {
margin: 0;
font-size: var(--sz-compact-title-font-size);
line-height: var(--sz-compact-title-line-height);
font-weight: var(--sz-compact-title-font-weight);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.slickzsearch .slickzsearch-results[data-layout="compact"] .search-results-item__content .meta,
.slickzsearch .slickzsearch-results[data-layout="compact"] .search-results-item__content .excerpt {
display: none;
}
.slickzsearch .slickzsearch-results[data-layout="compact"] .slickzsearch-result:not(:has(.search-results-item__media)) {
min-height: 0;
padding: var(--sz-compact-no-media-padding);
}
.slickzsearch .search-loader {
display: none;
justify-content: center;
align-items: center;
padding: var(--sz-search-loader-padding);
}
.slickzsearch .search-loader .spinner {
border: var(--sz-search-spinner-border-width) solid var(--sz-search-spinner-border-color);
border-top: var(--sz-search-spinner-border-width) solid var(--sz-search-spinner-accent-color);
border-radius: 50%;
width: var(--sz-search-spinner-size);
height: var(--sz-search-spinner-size);
animation: spin 0.8s linear infinite;
}
@keyframes spin {
to {
transform: rotate(360deg);
}
}
#nectar-nav.material-search-open #search-outer {
height: 100vh !important;
}
#nectar-nav.material-search-open #search-outer #search {
align-items: flex-start;
padding: 52px 30px !important;
overflow-y: auto;
flex-wrap: wrap;
}
#nectar-nav.material-search-open #search-outer #search .search-headline {
width: 100%;
}
#nectar-nav.material-search-open #search-outer #search .slickzsearch {
width: 100%;
}
#nectar-nav.material-search-open #search-outer #close {
right: 0 !important;
top: 0 !important;
}
#nectar-nav.material-search-open #search-outer #close a span {
height: 28px;
}
.slickzsearch .slickzsearch-starters {
animation: slickzsearchStarterFadeIn 0.2s ease;
}
.slickzsearch .slickzsearch-starter-group {
margin-top: 24px;
}
.slickzsearch .slickzsearch-starter-group h3 {
margin: 0 0 10px;
font-size: 18px;
line-height: 1.3;
}
.slickzsearch .slickzsearch-starter-queries {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-top: 8px;
}
.slickzsearch .slickzsearch-query-chip {
appearance: none;
background: #90aa22;
border: none;
border-radius: 999px;
padding: 8px 16px;
font-size: 16px;
line-height: 1.2;
color: #fff;
transition: all 0.15s ease;
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1);
}
.slickzsearch .slickzsearch-query-chip:hover,
.slickzsearch .slickzsearch-query-chip:focus-visible {
background: #000;
color: #fff;
outline: none;
}
.slickzsearch .slickzsearch-starter-posts {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
margin-top: 12px;
}
.slickzsearch .slickzsearch-starter-card {
display: block;
overflow: hidden;
border-radius: 12px;
background: #fff;
color: inherit;
text-decoration: none;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.slickzsearch .slickzsearch-starter-card:hover,
.slickzsearch .slickzsearch-starter-card:focus-visible {
transform: translateY(-2px);
box-shadow: 0 6px 18px rgba(0, 0, 0, 0.1);
outline: none;
}
.slickzsearch .slickzsearch-starter-card-media img {
display: block;
width: 100%;
height: 120px;
object-fit: cover;
}
.slickzsearch .slickzsearch-starter-card-body {
padding: 16px 16px;
}
.slickzsearch .slickzsearch-starter-card-title {
font-size: 20px;
font-weight: 500;
line-height: 1.1;
}
.slickzsearch .slickzsearch-starter-card-text {
margin: 6px 0 0;
font-size: 16px;
line-height: 1;
color: #5c5c5c;
}
@media (min-width: 640px) {
.slickzsearch .slickzsearch-results[data-layout="cards"] .search-results-wrapper,
.slickzsearch .slickzsearch-results[data-layout="cards"] .search-results__recipe-wrapper {
grid-template-columns: repeat(var(--sz-cards-columns-sm), minmax(0, 1fr));
}
}
@media (min-width: 768px) {
.slickzsearch .slickzsearch-starter-posts {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (min-width: 992px) {
.slickzsearch .slickzsearch-results[data-layout="cards"] .search-results-wrapper,
.slickzsearch .slickzsearch-results[data-layout="cards"] .search-results__recipe-wrapper {
grid-template-columns: repeat(var(--sz-cards-columns-lg), minmax(0, 1fr));
}
}
@media (max-width: 640px) {
.slickzsearch .slickzsearch-results[data-layout="list"] .slickzsearch-result {
grid-template-columns: var(--sz-list-mobile-grid-columns);
gap: var(--sz-list-mobile-gap);
}
.slickzsearch .slickzsearch-results[data-layout="list"] .search-results-item__media {
max-width: var(--sz-list-mobile-media-width);
}
.slickzsearch .slickzsearch-results[data-layout="list"] .search-results-item,
.slickzsearch .slickzsearch-results[data-layout="list"] .search-results__recipe-item {
padding: var(--sz-list-mobile-item-padding);
}
.slickzsearch .slickzsearch-results[data-layout="grid"] .search-results-wrapper,
.slickzsearch .slickzsearch-results[data-layout="grid"] .search-results__recipe-wrapper {
grid-template-columns: repeat(auto-fill, minmax(var(--sz-grid-mobile-min-column-width), 1fr));
}
.slickzsearch .slickzsearch-results[data-layout="grid"] .search-results-item__media {
height: var(--sz-grid-media-mobile-height);
}
.slickzsearch .slickzsearch-results[data-layout="grid"] .search-results-item__content h5 {
font-size: var(--sz-grid-title-mobile-font-size);
min-height: calc(var(--sz-grid-title-mobile-font-size) * var(--sz-grid-title-line-height) * 2);
}
.slickzsearch .slickzsearch-results[data-layout="grid"] .search-results-item__content .meta span {
font-size: var(--sz-grid-meta-font-size);
}
.slickzsearch .slickzsearch-results[data-layout="compact"] .slickzsearch-result {
gap: var(--sz-compact-mobile-gap);
min-height: var(--sz-compact-mobile-min-height);
padding: var(--sz-compact-mobile-item-padding);
}
.slickzsearch .slickzsearch-results[data-layout="compact"] .search-results-item__media {
width: var(--sz-compact-mobile-media-size);
min-width: var(--sz-compact-mobile-media-size);
max-width: var(--sz-compact-mobile-media-size);
height: var(--sz-compact-mobile-media-size);
}
.slickzsearch .slickzsearch-results[data-layout="compact"] .search-results-item__content h5 {
font-size: var(--sz-compact-mobile-title-font-size);
}
}
@keyframes slickzsearchStarterFadeIn {
from {
opacity: 0;
transform: translateY(5px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.slickzsearch .search-results[data-columns="1"] .search-results-wrapper,
.slickzsearch .search-results[data-columns="1"] .search-results__recipe-wrapper {
grid-template-columns: var(--sz-results-columns-1-template);
}
.slickzsearch .search-results[data-columns="3"] .search-results-wrapper,
.slickzsearch .search-results[data-columns="3"] .search-results__recipe-wrapper {
grid-template-columns: var(--sz-results-columns-3-template);
}
.slickzsearch .search-results[data-columns="6"] .search-results-wrapper,
.slickzsearch .search-results[data-columns="6"] .search-results__recipe-wrapper {
grid-template-columns: var(--sz-results-columns-6-template);
}
.slickzsearch .slickzsearch-result.result--horizontal {
display: flex;
gap: var(--sz-result-horizontal-gap);
}
.slickzsearch .slickzsearch-result.result--vertical {
display: block;
}
.slickzsearch .result-image.image--small {
width: var(--sz-result-image-small-size);
min-width: var(--sz-result-image-small-size);
max-width: var(--sz-result-image-small-size);
}
.slickzsearch .result-image.image--large {
width: 100%;
max-width: 100%;
}
.slickzsearch .result-image.position--left {
order: 0;
}
.slickzsearch .result-image.position--top {
display: block;
}
.slickzsearch .search-results[data-mode="compact"] .result-image,
.slickzsearch .slickzsearch-results[data-mode="compact"] .result-image {
display: none;
}
.slickzsearch .result-component.sz-size-xs,
.slickzsearch-results .result-component.sz-size-xs {
font-size: var(--sz-result-font-size-xs) !important;
}
.slickzsearch .result-component.sz-size-sm,
.slickzsearch-results .result-component.sz-size-sm {
font-size: var(--sz-result-font-size-sm) !important;
}
.slickzsearch .result-component.sz-size-md,
.slickzsearch-results .result-component.sz-size-md {
font-size: var(--sz-result-font-size-md) !important;
}
.slickzsearch .result-component.sz-size-lg,
.slickzsearch-results .result-component.sz-size-lg {
font-size: var(--sz-result-font-size-lg) !important;
}
.slickzsearch .result-component.sz-size-small,
.slickzsearch-results .result-component.sz-size-small {
font-size: var(--sz-result-font-size-sm, 1rem) !important;
}
.slickzsearch .result-component.sz-size-normal,
.slickzsearch-results .result-component.sz-size-normal {
font-size: var(--sz-result-font-size-md, 1.25rem) !important;
}
.slickzsearch .result-component.sz-size-large,
.slickzsearch-results .result-component.sz-size-large {
font-size: var(--sz-result-font-size-lg, 1.45rem) !important;
}
.slickzsearch .result-component.sz-size-inherit,
.slickzsearch-results .result-component.sz-size-inherit {
font-size: inherit !important;
}
.slickzsearch .result-component.sz-color-default,
.slickzsearch-results .result-component.sz-color-default {
color: inherit !important;
}
.slickzsearch .result-component.sz-color-muted,
.slickzsearch-results .result-component.sz-color-muted {
color: var(--sz-color-text-muted) !important;
}
.slickzsearch .result-component.sz-color-accent,
.slickzsearch-results .result-component.sz-color-accent {
color: var(--sz-builder-color-accent) !important;
}
.slickzsearch .result-component.sz-color-strong,
.slickzsearch-results .result-component.sz-color-strong {
color: var(--sz-color-heading) !important;
}
.slickzsearch .result-component.sz-weight-regular,
.slickzsearch-results .result-component.sz-weight-regular {
font-weight: var(--sz-result-font-weight-regular) !important;
}
.slickzsearch .result-component.sz-weight-medium,
.slickzsearch-results .result-component.sz-weight-medium {
font-weight: var(--sz-result-font-weight-medium) !important;
}
.slickzsearch .result-component.sz-weight-semibold,
.slickzsearch-results .result-component.sz-weight-semibold {
font-weight: var(--sz-result-font-weight-semibold) !important;
}
.slickzsearch .result-component.sz-spacing-bottom-none,
.slickzsearch-results .result-component.sz-spacing-bottom-none {
margin-bottom: var(--sz-result-spacing-bottom-none, 0) !important;
}
.slickzsearch .result-component.sz-spacing-bottom-xs,
.slickzsearch-results .result-component.sz-spacing-bottom-xs {
margin-bottom: var(--sz-result-spacing-bottom-xs, 4px) !important;
}
.slickzsearch .result-component.sz-spacing-bottom-sm,
.slickzsearch-results .result-component.sz-spacing-bottom-sm {
margin-bottom: var(--sz-result-spacing-bottom-sm, 8px) !important;
}
.slickzsearch .result-component.sz-spacing-bottom-md,
.slickzsearch-results .result-component.sz-spacing-bottom-md {
margin-bottom: var(--sz-result-spacing-bottom-md, 16px) !important;
}
.slickzsearch .result-component.sz-spacing-bottom-lg,
.slickzsearch-results .result-component.sz-spacing-bottom-lg {
margin-bottom: var(--sz-result-spacing-bottom-lg, 32px) !important;
}
.slickzsearch-results .search-results[data-columns="1"] .search-results-wrapper,
.slickzsearch-results .search-results[data-columns="1"] .search-results__recipe-wrapper {
grid-template-columns: var(--sz-results-columns-1-template);
}
.slickzsearch-results .search-results[data-columns="3"] .search-results-wrapper,
.slickzsearch-results .search-results[data-columns="3"] .search-results__recipe-wrapper {
grid-template-columns: var(--sz-results-columns-3-template);
}
.slickzsearch-results .search-results[data-columns="6"] .search-results-wrapper,
.slickzsearch-results .search-results[data-columns="6"] .search-results__recipe-wrapper {
grid-template-columns: var(--sz-results-columns-6-template);
}
.slickzsearch-results .slickzsearch-result.result--horizontal {
display: flex;
gap: var(--sz-result-horizontal-gap);
}
.slickzsearch-results .slickzsearch-result.result--vertical {
display: block;
}
.slickzsearch-results .result-image.image--small {
width: var(--sz-result-image-small-size);
min-width: var(--sz-result-image-small-size);
max-width: var(--sz-result-image-small-size);
}
.slickzsearch-results .result-image.image--large {
width: 100%;
max-width: 100%;
}
.slickzsearch-results .result-image.position--left {
order: 0;
}
.slickzsearch-results .result-image.position--top {
display: block;
}
.slickzsearch-results .search-results[data-mode="compact"] .result-image,
.slickzsearch-results[data-mode="compact"] .result-image {
display: none;
}
.slickzsearch-results[data-layout="list"] {
background: var(--sz-list-bg);
}
.slickzsearch-results[data-layout="list"] .search-results-wrapper,
.slickzsearch-results[data-layout="list"] .search-results__recipe-wrapper {
display: block;
padding: 0;
border-top: 1px solid var(--sz-list-border-color);
}
.slickzsearch-results[data-layout="list"] .search-results-item,
.slickzsearch-results[data-layout="list"] .search-results__recipe-item {
display: block;
width: 100%;
margin: 0;
padding: var(--sz-list-item-padding);
border-bottom: 1px solid var(--sz-list-border-color);
background: var(--sz-list-bg);
list-style: none;
}
.slickzsearch-results[data-layout="list"] .slickzsearch-result {
display: grid;
grid-template-columns: var(--sz-list-grid-columns);
gap: var(--sz-list-gap);
align-items: start;
padding: 0;
color: var(--sz-list-color);
text-decoration: none;
}
.slickzsearch-results[data-layout="list"] .search-results-item__media {
width: 100%;
max-width: var(--sz-list-media-width);
aspect-ratio: 1/1;
overflow: hidden;
background: var(--sz-result-media-bg);
}
.slickzsearch-results[data-layout="list"] .search-results-item__media img {
display: block;
width: 100%;
height: 100%;
margin: 0;
object-fit: cover;
}
.slickzsearch-results[data-layout="list"] .search-results-item__content {
min-width: 0;
}
.slickzsearch-results[data-layout="list"] .search-results-item__content h5 {
margin: var(--sz-list-title-margin);
line-height: var(--sz-list-title-line-height);
padding: 0;
}
.slickzsearch-results[data-layout="list"] .search-results-item__content .meta {
display: flex;
flex-direction: column;
gap: var(--sz-list-meta-gap);
margin: 0;
}
.slickzsearch-results[data-layout="list"] .search-results-item__content .meta span {
display: block;
line-height: var(--sz-list-meta-line-height);
}
.slickzsearch-results[data-layout="list"] .search-results-item__content .excerpt {
display: var(--sz-list-excerpt-display);
margin: var(--sz-list-excerpt-margin);
line-height: var(--sz-list-excerpt-line-height);
}
.slickzsearch-results[data-layout="list"] .result-component.sz-color-default {
color: inherit !important;
}
.slickzsearch-results[data-layout="list"] .result-component.sz-color-muted {
color: var(--sz-list-standalone-muted-color) !important;
}
.slickzsearch-results[data-layout="list"] .result-component.sz-color-accent {
color: var(--sz-builder-color-accent) !important;
}
.slickzsearch-results[data-layout="list"] .result-component.sz-color-strong {
color: var(--sz-list-standalone-strong-color) !important;
}
@media (max-width: 640px) {
.slickzsearch-results[data-layout="list"] .slickzsearch-result {
grid-template-columns: var(--sz-list-mobile-grid-columns);
gap: var(--sz-list-mobile-gap);
}
.slickzsearch-results[data-layout="list"] .search-results-item__media {
max-width: var(--sz-list-mobile-media-width);
}
.slickzsearch-results[data-layout="list"] .search-results-item,
.slickzsearch-results[data-layout="list"] .search-results__recipe-item {
padding: var(--sz-list-mobile-item-padding);
}
}