diff --git a/packages/components/src/molecules/ToggleField/ToggleField.tsx b/packages/components/src/molecules/ToggleField/ToggleField.tsx
index 8ac978c405..c6c66c3b68 100644
--- a/packages/components/src/molecules/ToggleField/ToggleField.tsx
+++ b/packages/components/src/molecules/ToggleField/ToggleField.tsx
@@ -1,3 +1,4 @@
+import type { ChangeEventHandler } from 'react'
 import React, { forwardRef } from 'react'
 import { Label, SROnly, Toggle, type ToggleProps } from './../../'
 
@@ -26,6 +27,14 @@ export interface ToggleFieldProps extends ToggleProps {
    * Controls the component's direction.
    */
   variant?: 'horizontal' | 'vertical'
+  /**
+   * Specifies if the input is checked or not.
+   */
+  checked?: boolean
+  /**
+   * Function that is triggered when any children is checked.
+   */
+  onChange?: ChangeEventHandler<HTMLInputElement>
 }
 
 const ToggleField = forwardRef<HTMLDivElement, ToggleFieldProps>(
@@ -43,7 +52,13 @@ const ToggleField = forwardRef<HTMLDivElement, ToggleFieldProps>(
   ) {
     return (
       <div ref={ref} data-fs-toggle-field data-testid={testId}>
-        <Toggle id={id} variant={variant} disabled={disabled} {...otherProps} />
+        <Toggle
+          id={id}
+          variant={variant}
+          disabled={disabled}
+          data-testid={`${testId}-toggle`}
+          {...otherProps}
+        />
         {displayLabel ? (
           <Label data-fs-toggle-field-label htmlFor={id}>
             {label}
diff --git a/packages/components/src/organisms/Filter/FilterFacetBooleanItem.tsx b/packages/components/src/organisms/Filter/FilterFacetBooleanItem.tsx
index b4f34e81e0..918745c923 100644
--- a/packages/components/src/organisms/Filter/FilterFacetBooleanItem.tsx
+++ b/packages/components/src/organisms/Filter/FilterFacetBooleanItem.tsx
@@ -1,6 +1,6 @@
 import type { ReactNode } from 'react'
 import React from 'react'
-import { Badge, Checkbox, Label, RadioField } from '../..'
+import { Badge, Checkbox, Label, RadioField, ToggleField } from '../..'
 import type { OnFacetChange } from './Filter'
 
 export interface FilterFacetBooleanItemProps {
@@ -39,7 +39,7 @@ export interface FilterFacetBooleanItemProps {
   /**
    * Type of the Facet Item.
    */
-  type?: 'checkbox' | 'radio'
+  type?: 'checkbox' | 'radio' | 'toggle'
 }
 
 function FilterFacetBooleanItem({
@@ -53,31 +53,32 @@ function FilterFacetBooleanItem({
   type = 'checkbox',
   onFacetChange,
 }: FilterFacetBooleanItemProps) {
-  return (
-    <li key={id} data-fs-filter-list-item>
-      {type === 'checkbox' ? (
-        <>
-          <Checkbox
-            id={id}
-            checked={selected}
-            onChange={() => onFacetChange({ key: facetKey, value }, 'BOOLEAN')}
-            data-fs-filter-list-item-checkbox
-            data-testid={`${testId}-accordion-panel-checkbox`}
-            data-value={value}
-            data-quantity={quantity}
-          />
-          <Label
-            htmlFor={id}
-            className="text__title-mini-alt"
-            data-fs-filter-list-item-label
-          >
-            {label}
-            {quantity && (
-              <Badge data-fs-filter-list-item-badge>{quantity}</Badge>
-            )}
-          </Label>
-        </>
-      ) : (
+  if (type === 'checkbox') {
+    return (
+      <li key={id} data-fs-filter-list-item>
+        <Checkbox
+          id={id}
+          checked={selected}
+          onChange={() => onFacetChange({ key: facetKey, value }, 'BOOLEAN')}
+          data-fs-filter-list-item-checkbox
+          data-testid={`${testId}-accordion-panel-checkbox`}
+          data-value={value}
+          data-quantity={quantity}
+        />
+        <Label
+          htmlFor={id}
+          className="text__title-mini-alt"
+          data-fs-filter-list-item-label
+        >
+          {label} <Badge data-fs-filter-list-item-badge>{quantity}</Badge>
+        </Label>
+      </li>
+    )
+  }
+
+  if (type === 'radio') {
+    return (
+      <li key={id} data-fs-filter-list-item>
         <RadioField
           id={id}
           name={facetKey}
@@ -89,9 +90,25 @@ function FilterFacetBooleanItem({
           data-value={value}
           label={label}
         />
-      )}
-    </li>
-  )
+      </li>
+    )
+  }
+
+  if (type === 'toggle') {
+    return (
+      <li key={id} data-fs-filter-list-item>
+        <ToggleField
+          id={id}
+          label={label as string}
+          checked={selected}
+          onChange={() => onFacetChange({ key: facetKey, value }, 'BOOLEAN')}
+          testId={`${testId}-accordion-panel-toggle-field`}
+        />
+      </li>
+    )
+  }
+
+  return null
 }
 
 export default FilterFacetBooleanItem
diff --git a/packages/components/src/organisms/Filter/FilterFacets.tsx b/packages/components/src/organisms/Filter/FilterFacets.tsx
index 5c9f7aeb7b..60409abb25 100644
--- a/packages/components/src/organisms/Filter/FilterFacets.tsx
+++ b/packages/components/src/organisms/Filter/FilterFacets.tsx
@@ -17,11 +17,15 @@ export interface FilterFacetsProps {
   /**
    * The text displayed to identify the Facet.
    */
-  label: string
+  label?: string
   /**
    * The description displayed to identify the Facet.
    */
   description?: string
+  /**
+   * Defines if the facet should be highlighted, it will not be displayed as an accordion button and will be expanded (not collapsible).
+   */
+  highlighted?: boolean
 }
 
 function FilterFacets({
@@ -31,6 +35,7 @@ function FilterFacets({
   children,
   type,
   description,
+  highlighted,
 }: PropsWithChildren<FilterFacetsProps>) {
   return (
     <AccordionItem
@@ -40,16 +45,25 @@ function FilterFacets({
       index={index}
       data-type={type}
       data-fs-filter-accordion-item
+      data-fs-filter-accordion-item-highlighted={highlighted}
     >
-      <AccordionButton testId={`${testId}-accordion-button`}>
-        {label}
-      </AccordionButton>
-      <AccordionPanel>
-        {description && (
-          <span data-fs-filter-accordion-item-description>{description}</span>
-        )}
-        {children}
-      </AccordionPanel>
+      {highlighted ? (
+        <>{children}</>
+      ) : (
+        <>
+          <AccordionButton testId={`${testId}-accordion-button`}>
+            {label}
+          </AccordionButton>
+          <AccordionPanel>
+            {description && (
+              <span data-fs-filter-accordion-item-description>
+                {description}
+              </span>
+            )}
+            {children}
+          </AccordionPanel>
+        </>
+      )}
     </AccordionItem>
   )
 }
diff --git a/packages/core/cms/faststore/content-types.json b/packages/core/cms/faststore/content-types.json
index 8ba50872af..179ec42e0d 100644
--- a/packages/core/cms/faststore/content-types.json
+++ b/packages/core/cms/faststore/content-types.json
@@ -256,6 +256,27 @@
                     }
                   }
                 },
+                "dynamicEstimate": {
+                  "title": "PLP/Search Filter: Dynamic Estimate",
+                  "type": "object",
+                  "properties": {
+                    "enabled": {
+                      "title": "Should display Dynamic Estimate?",
+                      "type": "boolean",
+                      "default": true
+                    },
+                    "sameDay": {
+                      "title": "Same Day label",
+                      "type": "string",
+                      "default": "Receive Today"
+                    },
+                    "nextDay": {
+                      "title": "Next Day label",
+                      "type": "string",
+                      "default": "Receive Tomorrow"
+                    }
+                  }
+                },
                 "deliveryPromiseBadges": {
                   "title": "Delivery Promise badges",
                   "type": "object",
diff --git a/packages/core/src/components/search/Filter/FilterDesktop.tsx b/packages/core/src/components/search/Filter/FilterDesktop.tsx
index 546d76d4ae..127380a7c8 100644
--- a/packages/core/src/components/search/Filter/FilterDesktop.tsx
+++ b/packages/core/src/components/search/Filter/FilterDesktop.tsx
@@ -34,7 +34,7 @@ interface FilterDesktopProps
 
 function FilterDesktop({
   facets,
-  testId,
+  testId = 'filter-desktop',
   dispatch,
   expanded,
   title,
@@ -48,11 +48,13 @@ function FilterDesktop({
   } = useSearch()
   const { openRegionSlider } = useUI()
   const {
-    facets: filteredFacets,
+    highlightedFacet,
+    facetsWithoutHighlightedFacet,
     labelsMap,
     isPickupAllEnabled,
     shouldDisplayDeliveryButton,
     onDeliveryFacetChange,
+    getDynamicEstimateLabel,
   } = useDeliveryPromise({
     allFacets: facets,
     selectedFilterFacets: searchState.selectedFacets,
@@ -90,7 +92,35 @@ function FilterDesktop({
           </UIFilterFacets>
         )}
 
-        {filteredFacets.map((facet, idx) => {
+        {highlightedFacet &&
+          highlightedFacet.__typename === 'StoreFacetBoolean' && (
+            <UIFilterFacets
+              key={`${testId}-${highlightedFacet.key}`}
+              testId={testId}
+              highlighted
+              type={highlightedFacet.__typename}
+              index={undefined}
+            >
+              {highlightedFacet.values.map((item) => (
+                <UIFilterFacetBooleanItem
+                  key={`${testId}-${highlightedFacet.label}-${item.value}`}
+                  id={`${testId}-${highlightedFacet.label}-${item.value}`}
+                  testId={testId}
+                  onFacetChange={(facet) => {
+                    onDeliveryFacetChange({ facet })
+                    resetInfiniteScroll(0)
+                  }}
+                  selected={item.selected}
+                  value={item.value}
+                  facetKey={highlightedFacet.key}
+                  label={getDynamicEstimateLabel(item.value) ?? item.label}
+                  type="toggle"
+                />
+              ))}
+            </UIFilterFacets>
+          )}
+
+        {facetsWithoutHighlightedFacet.map((facet, idx) => {
           const index = shouldDisplayDeliveryButton ? idx + 1 : idx
           const { __typename: type, label } = facet
           const isExpanded = expanded.has(index)
diff --git a/packages/core/src/components/search/Filter/FilterSlider.tsx b/packages/core/src/components/search/Filter/FilterSlider.tsx
index e152bfb5ff..5c5abcd721 100644
--- a/packages/core/src/components/search/Filter/FilterSlider.tsx
+++ b/packages/core/src/components/search/Filter/FilterSlider.tsx
@@ -103,11 +103,13 @@ function FilterSlider({
   const { deliveryPromise: deliveryPromiseSettings } = cmsData ?? {}
 
   const {
-    facets: filteredFacets,
+    highlightedFacet,
+    facetsWithoutHighlightedFacet,
     labelsMap,
     isPickupAllEnabled,
     shouldDisplayDeliveryButton,
     onDeliveryFacetChange,
+    getDynamicEstimateLabel,
   } = useDeliveryPromise({
     selectedFilterFacets: selected,
     allFacets: facets,
@@ -187,7 +189,37 @@ function FilterSlider({
             </UIFilterFacets>
           )}
 
-          {filteredFacets.map((facet, idx) => {
+          {highlightedFacet &&
+            highlightedFacet.__typename === 'StoreFacetBoolean' && (
+              <UIFilterFacets
+                key={`${testId}-${highlightedFacet.key}`}
+                testId={testId}
+                highlighted
+                type={highlightedFacet.__typename}
+                index={undefined}
+              >
+                {highlightedFacet.values.map((item) => (
+                  <UIFilterFacetBooleanItem
+                    key={`${testId}-${highlightedFacet.label}-${item.value}`}
+                    id={`${testId}-${highlightedFacet.label}-${item.value}`}
+                    testId={testId}
+                    onFacetChange={(facet) => {
+                      onDeliveryFacetChange({
+                        facet,
+                        filterDispatch: dispatch,
+                      })
+                    }}
+                    selected={item.selected}
+                    value={item.value}
+                    facetKey={highlightedFacet.key}
+                    label={getDynamicEstimateLabel(item.value) ?? item.label}
+                    type="toggle"
+                  />
+                ))}
+              </UIFilterFacets>
+            )}
+
+          {facetsWithoutHighlightedFacet.map((facet, idx) => {
             const index = shouldDisplayDeliveryButton ? idx + 1 : idx
             const { __typename: type, label } = facet
             const isExpanded = expanded.has(index)
diff --git a/packages/core/src/components/search/Filter/section.module.scss b/packages/core/src/components/search/Filter/section.module.scss
index 72dd72bb69..5ef47bdcb5 100644
--- a/packages/core/src/components/search/Filter/section.module.scss
+++ b/packages/core/src/components/search/Filter/section.module.scss
@@ -14,6 +14,8 @@
   @import "@faststore/ui/src/components/molecules/Modal/styles.scss";
   @import "@faststore/ui/src/components/molecules/RadioField/styles.scss";
   @import "@faststore/ui/src/components/molecules/SelectField/styles.scss";
+  @import "@faststore/ui/src/components/molecules/Toggle/styles.scss";
+  @import "@faststore/ui/src/components/molecules/ToggleField/styles.scss";
   @import "@faststore/ui/src/components/organisms/Filter/styles.scss";
   @import "@faststore/ui/src/components/organisms/FilterSlider/styles.scss";
   @import "@faststore/ui/src/components/organisms/PriceRange/styles.scss";
diff --git a/packages/core/src/sdk/deliveryPromise/useDeliveryPromise.ts b/packages/core/src/sdk/deliveryPromise/useDeliveryPromise.ts
index 04d76deeb3..c07441607a 100644
--- a/packages/core/src/sdk/deliveryPromise/useDeliveryPromise.ts
+++ b/packages/core/src/sdk/deliveryPromise/useDeliveryPromise.ts
@@ -12,7 +12,6 @@ import type {
   DeliveryPromiseBadge,
   Filter_FacetsFragment,
 } from '@generated/graphql'
-
 import type { useFilter } from 'src/sdk/search/useFilter'
 import type { GlobalCmsData } from 'src/utils/globalSettings'
 
@@ -34,9 +33,13 @@ export const ALL_DELIVERY_OPTIONS_FACET_VALUE = 'all-delivery-options' as const
 export const DELIVERY_OPTIONS_FACET_KEY = 'delivery-options' as const
 export const DYNAMIC_ESTIMATE_FACET_KEY = 'dynamic-estimate' as const
 export const IN_STOCK_FACET_KEY = 'in-stock' as const
+const DELIVERY_TYPE_DELIVERY = 'delivery' as const
+const DELIVERY_TYPE_PICKUP_IN_POINT = 'pickup-in-point' as const
 
 type Facet = SearchState['selectedFacets'][number]
-type DeliveryType = 'delivery' | 'pickup-in-point'
+type DeliveryType =
+  | typeof DELIVERY_TYPE_DELIVERY
+  | typeof DELIVERY_TYPE_PICKUP_IN_POINT
 
 export type PickupPoint = {
   id: string
@@ -118,6 +121,8 @@ export function useDeliveryPromise({
   const isDeliveryPromiseEnabled = deliveryPromiseConfig.enabled
   const isDeliveryOptionsEnabled =
     deliveryPromiseSettings?.deliveryOptions?.enabled ?? true
+  const isDynamicEstimateEnabled =
+    deliveryPromiseSettings?.dynamicEstimate?.enabled ?? true
   const isInStockEnabled = deliveryPromiseSettings?.inStock?.enabled ?? false
 
   const selectedFacets = useMemo(
@@ -130,6 +135,15 @@ export function useDeliveryPromise({
     [selectedFacets]
   )
 
+  const generateGlobalPickupPointFacets = useCallback((): Facet[] => {
+    if (!globalPickupPoint) return []
+
+    return [
+      { key: SHIPPING_FACET_KEY, value: PICKUP_IN_POINT_FACET_VALUE },
+      { key: PICKUP_POINT_FACET_KEY, value: globalPickupPoint.id },
+    ]
+  }, [globalPickupPoint])
+
   // Update Delivery Promise global state after store changes
   useEffect(() => {
     const unsubscribers = [
@@ -167,13 +181,7 @@ export function useDeliveryPromise({
       setSearchState({
         selectedFacets: toggleFacets(
           selectedFacets,
-          [
-            { key: SHIPPING_FACET_KEY, value: PICKUP_IN_POINT_FACET_VALUE },
-            {
-              key: PICKUP_POINT_FACET_KEY,
-              value: globalPickupPoint.id,
-            },
-          ],
+          generateGlobalPickupPointFacets(),
           true
         ),
         page: 0,
@@ -297,6 +305,47 @@ export function useDeliveryPromise({
         facetsToToggle.concat(currentSelectedFacets)
       }
 
+      // Auto-select/deselect delivery shipping method when dynamic estimate is toggled
+      if (facet?.key === DYNAMIC_ESTIMATE_FACET_KEY && facet?.value) {
+        const shippingFacets = currentSelectedFacets.filter(
+          ({ key }) => key === SHIPPING_FACET_KEY
+        )
+        const isDeliveryShippingSelected = shippingFacets.some(
+          ({ value }) => value === DELIVERY_TYPE_DELIVERY
+        )
+        const isCurrentDynamicEstimateSelected = currentSelectedFacets.some(
+          ({ key, value }) =>
+            key === DYNAMIC_ESTIMATE_FACET_KEY && value === facet.value
+        )
+
+        // If dynamic estimate is being selected and delivery shipping is not selected, select it
+        if (!isCurrentDynamicEstimateSelected && !isDeliveryShippingSelected) {
+          facetsToToggle.push(...shippingFacets, {
+            key: SHIPPING_FACET_KEY,
+            value: DELIVERY_TYPE_DELIVERY,
+          })
+        }
+        // If dynamic estimate is being deselected and delivery shipping is selected, handle shipping method state
+        else if (
+          isCurrentDynamicEstimateSelected &&
+          isDeliveryShippingSelected
+        ) {
+          const otherDynamicEstimates = currentSelectedFacets.filter(
+            ({ key, value }) =>
+              key === DYNAMIC_ESTIMATE_FACET_KEY && value !== facet.value
+          )
+
+          // Only remove delivery shipping if no other dynamic estimates will remain active
+          if (otherDynamicEstimates.length === 0) {
+            facetsToToggle.push(...shippingFacets)
+
+            if (globalPickupPoint) {
+              facetsToToggle.push(...generateGlobalPickupPointFacets())
+            }
+          }
+        }
+      }
+
       // Filter Slider should dispatch filter actions
       if (filterDispatch) {
         filterDispatch({
@@ -316,7 +365,12 @@ export function useDeliveryPromise({
         page: 0,
       })
     },
-    [selectedFacets, defaultPickupPoint]
+    [
+      selectedFacets,
+      defaultPickupPoint,
+      globalPickupPoint,
+      generateGlobalPickupPointFacets,
+    ]
   )
 
   const facets = useMemo(() => {
@@ -331,15 +385,17 @@ export function useDeliveryPromise({
       )
     }
 
-    const filteredFacets = allFacets
-      .filter(({ key }) => key !== DYNAMIC_ESTIMATE_FACET_KEY) // TODO: remove this filter when dynamic estimate is implemented
-      .filter(({ key }) => {
-        if (!isDeliveryOptionsEnabled && key === DELIVERY_OPTIONS_FACET_KEY) {
-          return false
-        }
+    const filteredFacets = allFacets.filter(({ key }) => {
+      if (!isDeliveryOptionsEnabled && key === DELIVERY_OPTIONS_FACET_KEY) {
+        return false
+      }
 
-        return true
-      })
+      if (!isDynamicEstimateEnabled && key === DYNAMIC_ESTIMATE_FACET_KEY) {
+        return false
+      }
+
+      return true
+    })
 
     if (
       isInStockEnabled &&
@@ -433,6 +489,45 @@ export function useDeliveryPromise({
     selectedPickupPointFacet,
   ])
 
+  // the highlighted facet is the one that should appear in the top of the filter list
+  const highlightedFacet = useMemo(() => {
+    if (!isDynamicEstimateEnabled) return undefined
+
+    return facets.find((facet) => facet.key === DYNAMIC_ESTIMATE_FACET_KEY)
+  }, [facets, isDynamicEstimateEnabled])
+
+  const facetsWithoutHighlightedFacet = useMemo(() => {
+    let facetsWithoutHighlight = highlightedFacet
+      ? facets.filter((facet) => facet.key !== DYNAMIC_ESTIMATE_FACET_KEY)
+      : facets
+
+    // Hide shipping facet when dynamic estimate facet is selected to improve the user experience
+    const isDynamicEstimateSelected = selectedFacets.some(
+      ({ key }) => key === DYNAMIC_ESTIMATE_FACET_KEY
+    )
+    if (isDynamicEstimateSelected) {
+      facetsWithoutHighlight = facetsWithoutHighlight.filter(
+        (facet) => facet.key !== SHIPPING_FACET_KEY
+      )
+    }
+
+    return facetsWithoutHighlight
+  }, [facets, highlightedFacet, selectedFacets])
+
+  function getDynamicEstimateLabel(value: string) {
+    if (value === 'next-day') {
+      return (
+        deliveryPromiseSettings?.dynamicEstimate?.nextDay ?? 'Receive Tomorrow'
+      )
+    }
+    if (value === 'same-day') {
+      return (
+        deliveryPromiseSettings?.dynamicEstimate?.sameDay ?? 'Receive Today'
+      )
+    }
+    return value
+  }
+
   const onPostalCodeChange = useCallback(
     ({
       simulatePickupPoints = false,
@@ -516,29 +611,31 @@ export function useDeliveryPromise({
       (badge) => badge.typeName
     )
 
-    const hasDelivery = availableTypeNames?.includes('delivery')
-    const hasPickupPoint = availableTypeNames?.includes('pickup-in-point')
+    const hasDelivery = availableTypeNames?.includes(DELIVERY_TYPE_DELIVERY)
+    const hasPickupPoint = availableTypeNames?.includes(
+      DELIVERY_TYPE_PICKUP_IN_POINT
+    )
 
     if (hasDelivery) {
       badges.push({
-        label: getBadgeLabel('delivery', true),
+        label: getBadgeLabel(DELIVERY_TYPE_DELIVERY, true),
         availability: true,
       })
     } else {
       badges.push({
-        label: getBadgeLabel('delivery', false),
+        label: getBadgeLabel(DELIVERY_TYPE_DELIVERY, false),
         availability: false,
       })
     }
 
     if (hasPickupPoint) {
       badges.push({
-        label: getBadgeLabel('pickup-in-point', true),
+        label: getBadgeLabel(DELIVERY_TYPE_PICKUP_IN_POINT, true),
         availability: true,
       })
     } else {
       badges.push({
-        label: getBadgeLabel('pickup-in-point', false),
+        label: getBadgeLabel(DELIVERY_TYPE_PICKUP_IN_POINT, false),
         availability: false,
       })
     }
@@ -579,6 +676,9 @@ export function useDeliveryPromise({
       pickupPoints?.length > 0 &&
       (deliveryPromiseSettings?.deliveryMethods?.pickupAll?.enabled ?? false),
     shouldDisplayDeliveryButton: isDeliveryPromiseEnabled && !postalCode,
+    highlightedFacet,
+    facetsWithoutHighlightedFacet,
+    getDynamicEstimateLabel,
     shouldDisplayDeliveryPromiseBadges,
     badges,
   }
diff --git a/packages/core/src/utils/globalSettings.ts b/packages/core/src/utils/globalSettings.ts
index 3f17d60e77..6f27411c05 100644
--- a/packages/core/src/utils/globalSettings.ts
+++ b/packages/core/src/utils/globalSettings.ts
@@ -63,6 +63,11 @@ type DeliveryPromiseCmsData = {
     title?: string
     allDeliveryOptions?: string
   }
+  dynamicEstimate?: {
+    enabled?: boolean
+    sameDay?: string
+    nextDay?: string
+  }
   deliveryPromiseBadges?: {
     enabled?: boolean
     delivery?: string
diff --git a/packages/ui/src/components/organisms/Filter/styles.scss b/packages/ui/src/components/organisms/Filter/styles.scss
index fa3217da07..78ad060578 100644
--- a/packages/ui/src/components/organisms/Filter/styles.scss
+++ b/packages/ui/src/components/organisms/Filter/styles.scss
@@ -14,6 +14,10 @@
   --fs-filter-accordion-border-color-notebook             : var(--fs-border-color-light);
   --fs-filter-accordion-border-radius-notebook            : var(--fs-border-radius);
 
+  // Accordion Item Highlighted
+  --fs-filter-accordion-item-highlighted-border-radius    : var(--fs-border-radius);
+  --fs-filter-accordion-item-highlighted-bkg-color        : var(--fs-color-primary-bkg-light);
+
   // Accordion Item Button
   --fs-filter-accordion-button-text-size                  : var(--fs-text-size-lead);
   --fs-filter-accordion-button-text-weight                : var(--fs-text-weight-regular);
@@ -96,6 +100,23 @@
       font-size: var(--fs-text-size-legend);
       line-height: 1.42;
     }
+
+    &[data-fs-filter-accordion-item-highlighted="true"] {
+      padding: var(--fs-filter-list-padding-bottom);
+      margin: var(--fs-filter-list-padding-bottom) 0;
+      background-color: var(--fs-filter-accordion-item-highlighted-bkg-color);
+      border-bottom: none;
+
+      @include media("<=notebook") {
+        border-radius: var(--fs-filter-accordion-item-highlighted-border-radius);
+      }
+
+      @include media(">=notebook") {
+        padding-right: var(--fs-filter-accordion-item-panel-padding-right-notebook);
+        padding-left: var(--fs-filter-accordion-item-panel-padding-left-notebook);
+        margin: 0;
+      }
+    }
   }
 
   [data-fs-filter-list] {