:root { --product-list-01--side-bar-container--background-color: transparent; --product-list-01--side-bar-container--border-radius: 0rem; --product-list-01--side-bar-container--padding-x: 0rem; --product-list-01--side-bar-body--background-color: transparent; --product-list-01--side-bar-legend--border-color: var(--theme--colors--gray--400); --product-list-01--side-bar-legend--border-width: 1px; --product-list-01--side-bar-legend--color: var(--theme--colors--primary--600); --product-list-01--side-bar-legend--font-size: var(--elements--legends--legend--font-size); --product-list-01--side-bar-legend--padding-x: var(--elements--legends--legend--padding-x); --product-list-01--side-bar-legend--padding-y: var(--elements--legends--legend--padding-y); --product-list-01--side-bar-legend--text-transform: var(--elements--legends--legend--text-transform); --product-list-01--side-bar-category-list-card--background-color: var(--elements--cards--container--background-color); --product-list-01--side-bar-category-list-card--box-shadow: var(--elements--cards--container--box-shadow); --product-list-01--side-bar-category-list-nav-header--background-color: var(--theme--colors--gray--100); --product-list-01--side-bar-category-list-nav-header--border-bottom-width: 0px; --product-list-01--side-bar-category-list-nav-header--border-color: transparent; --product-list-01--side-bar-category-list-nav-header--color: var(--theme--colors--primary--600); --product-list-01--side-bar-category-list-nav-header--display: block; --product-list-01--side-bar-category-list-nav-header--font-size: 0.75rem; --product-list-01--side-bar-category-list-nav-header--font-weight: bold; --product-list-01--side-bar-category-list-nav-header--padding-x: 1.25rem; --product-list-01--side-bar-category-list-nav-header--padding-y: 0.875rem; --product-list-01--side-bar-category-list-nav-header--text-transform: uppercase; --product-list-01--side-bar-category-list-nav-item--background-color: transparent; --product-list-01--side-bar-category-list-nav-item--background-color-hover: var(--theme--colors--gray--100); --product-list-01--side-bar-category-list-nav-item--border-top-color: var(--theme--colors--gray--200); --product-list-01--side-bar-category-list-nav-item--color: var(--theme--colors--primary--600); --product-list-01--side-bar-category-list-nav-item--color-hover: var(--elements--body-text--link--color-hover); --product-list-01--side-bar-category-list-nav-item--font-size: var(--elements--body-text--body--font-size); --product-list-01--side-bar-category-list-nav-item--font-weight: var(--elements--body-text--body--font-weight); --product-list-01--side-bar-category-list-nav-item--padding-x: 1.25rem; --product-list-01--side-bar-category-list-nav-item--padding-y: 0.875rem; --product-list-01--side-bar-category-list-nav-item--text-decoration: none; --product-list-01--side-bar-category-list-nav-item--text-transform: none; --product-list-01--side-bar-category-list-more-handler--background-color: transparent; --product-list-01--side-bar-category-list-more-handler--border-color: var(--theme--colors--gray--200); --product-list-01--side-bar-category-list-more-handler--border-top-width: 1px; --product-list-01--side-bar-category-list-more-handler--color: var(--elements--body-text--link--color); --product-list-01--side-bar-category-list-more-handler--font-size: var(--pages--products--category-nav-item--font-size); --product-list-01--side-bar-category-list-more-handler--padding-y: 0.875rem; --product-list-01--side-bar-category-list-more-handler--padding-x: 1.25rem; --product-list-01--side-bar-category-list-more-icon--color: var(--theme--colors--gray--600); --product-list-01--side-bar-category-list-more-icon--color-hover: var(--theme--colors--gray--900); --product-list-01--side-bar-category-list-sub-categories--padding-top: 0; --product-list-01--side-bar-category-list-sub-categories-link--color: var(--theme--colors--gray--600); --product-list-01--product-filter-feature--color: var(--theme--colors--gray--600); --product-list-01--card--background-color: var(--elements--cards--container--background-color); --product-list-01--card--border-color: var(--elements--cards--container--border-color); --product-list-01--card--border-bottom-width: var(--elements--cards--container--border-bottom-width); --product-list-01--card--border-left-width: var(--elements--cards--container--border-left-width); --product-list-01--card--border-right-width: var(--elements--cards--container--border-right-width); --product-list-01--card--border-top-width: var(--elements--cards--container--border-top-width); --product-list-01--card--border-radius: var(--elements--cards--container--border-radius); --product-list-01--card--box-shadow: var(--elements--cards--container--box-shadow); --product-list-01--card--color: var(--elements--cards--container--color); --product-list-01--card-image--background-color: var(--elements--cards--image--background-color); --product-list-01--card-image--border-radius: var(--theme--borders--element--border-radius); --product-list-01--card-image--border-bottom-radius: var(--theme--borders--element--border-radius); --product-list-01--card-image--height: var(--elements--cards--image--height); --product-list-01--card-image--object-fit: var(--elements--cards--image--object-fit); --product-list-01--card-image--object-position: var(--elements--cards--image--object-position); --product-list-01--card-image--min-width: var(--elements--cards--image--min-width); --product-list-01--card-image--padding-bottom: var(--elements--cards--image--padding-y); --product-list-01--card-image--padding-left: var(--elements--cards--image--padding-x); --product-list-01--card-image--padding-right: var(--elements--cards--image--padding-x); --product-list-01--card-image--padding-top: var(--elements--cards--image--padding-y); --product-list-01--card-body--padding-bottom: var(--elements--cards--body--padding-y); --product-list-01--card-body--padding-left: var(--elements--cards--body--padding-x); --product-list-01--card-body--padding-right: var(--elements--cards--body--padding-x); --product-list-01--card-body--padding-top: var(--elements--cards--body--padding-y); --product-list-01--card-body--text-align: none; --product-list-01--card-title--color: var(--elements--cards--title--color); --product-list-01--card-title--font-family: var(--elements--cards--title--font-family); --product-list-01--card-title--font-size: var(--elements--cards--title--font-size); --product-list-01--card-title--font-weight: var(--elements--cards--title--font-weight); --product-list-01--card-title--line-height: var(--elements--cards--title--line-height); --product-list-01--card-title--text-transform: var(--elements--cards--title--text-transform); --product-list-01--card-sub-title--color: var(--elements--cards--sub-title--color); --product-list-01--card-sub-title--font-size: var(--elements--cards--sub-title--font-size); --product-list-01--card-sub-title--line-height: var(--elements--cards--sub-title--line-height); --product-list-01--card-sub-title--text-transform: var(--elements--cards--sub-title--text-transform); --product-list-01--card-sub-sub-title--color: var(--elements--cards--sub-sub-title--color); --product-list-01--card-sub-sub-title--font-size: var(--elements--cards--sub-sub-title--font-size); --product-list-01--card-sub-sub-title--line-height: var(--elements--cards--sub-sub-title--line-height); --product-list-01--card-sub-sub-title--text-transform: var(--elements--cards--sub-sub-title--text-transform); --product-list-01--stock--display: block; --product-list-01--stock--margin-right: 0rem; --product-list-01--stock--text-align: left; --product-list-01--card-footer--border-color: var(--elements--cards--footer--border-color); --product-list-01--card-footer--border-top-width: var(--elements--cards--footer--border-width); --product-list-01--card-footer--color: var(--elements--cards--footer--color); --product-list-01--card-footer--padding-bottom: var(--elements--cards--footer--padding-y); --product-list-01--card-footer--padding-left: var(--elements--cards--footer--padding-x); --product-list-01--card-footer--padding-right: var(--elements--cards--footer--padding-x); --product-list-01--card-footer--padding-top: var(--elements--cards--footer--padding-y); --product-list-01--card-product-prices--text-align: right; --product-list-01--card-label--background-color: var(--elements--cards--label--background-color); --product-list-01--card-label--border-color: var(--elements--cards--label--border-color); --product-list-01--card-label--border-width: var(--elements--cards--label--border-width); --product-list-01--card-label--border-radius: var(--elements--cards--label--border-radius); --product-list-01--card-label--box-shadow: var(--elements--cards--label--box-shadow); --product-list-01--card-label--color: var(--elements--cards--label--color); --product-list-01--card-label--font-size: var(--elements--cards--label--font-size); --product-list-01--card-label--font-weight: var(--elements--cards--label--font-weight); --product-list-01--card-label--padding: var(--theme--spacing--element--margin); --product-list-01--card-label--text-transform: var(--elements--cards--label--text-transform); --product-list-01--card-product-price--color: var(--elements--cards--text-price--color); --product-list-01--card-product-price--font-size: var(--elements--cards--text-price--font-size); --product-list-01--card-product-price--font-weight: var(--elements--cards--text-price--font-weight); --product-list-01--card-wish-list-icon--color: var(--elements--cards--wish-list-icon--color); --product-list-01--card-wish-list-icon--color-hover: var(--elements--cards--wish-list-icon--color-hover); --product-list-01--list--margin-top: var(--theme--spacing--block--margin); --product-list-01--list-sorting--margin-top: var(--theme--spacing--element--margin); --product-list-01--review-star--width: 0.75rem; --product-list-01--review-star--color: var(--theme--colors--primary--600); --product-list-01--review-star-empty--opacity: 0.4; --product-list-01--review-text--font-size: 0.75rem; --product-list-01--review-text--color: var(--theme--colors--gray--600); --product-list-01--list-category-title--color: var(--elements--body-text--heading-1--color); --product-list-01--list-category-title--font-family: var(--elements--body-text--heading-1--font-family); --product-list-01--list-category-title--font-size: var(--elements--body-text--heading-1--font-size); --product-list-01--list-category-title--font-weight: var(--elements--body-text--heading-1--font-weight); --product-list-01--list-category-title--letter-spacing: var(--elements--body-text--heading-1--letter-spacing); --product-list-01--list-category-title--line-height: var(--elements--body-text--heading-1--line-height); --product-list-01--list-category-title--margin-bottom: var(--elements--body-text--heading-1--margin-bottom); --product-list-01--list-category-title--margin-top: var(--theme--spacing--element--margin); --product-list-01--list-category-title--text-transform: var(--elements--body-text--heading-1--text-transform); --product-list-01--card-quick-view--width: 2.75rem; --product-list-01--card-quick-view--margin-top: 0.75rem; --product-list-01--card-quick-view--margin-right: 0.75rem; --product-list-01--card-quick-view--background-color: var(--elements--cards--container--background-color); --product-list-01--card-quick-view--color: var(--elements--body-text--body--color); --product-list-01--card-quick-view--box-shadow: var(--theme--effects--shadow--box-shadow); --product-list-01--card-quick-view-icon--width: 1rem; --product-list-01--primary-button--background-color: var(--elements--buttons--primary--background-color); --product-list-01--primary-button--border-color: var(--elements--buttons--primary--border-color); --product-list-01--primary-button--border-bottom-width: var(--elements--buttons--button--border-bottom-width); --product-list-01--primary-button--border-left-width: var(--elements--buttons--button--border-left-width); --product-list-01--primary-button--border-right-width: var(--elements--buttons--button--border-right-width); --product-list-01--primary-button--border-top-width: var(--elements--buttons--button--border-top-width); --product-list-01--primary-button--border-radius: var(--elements--buttons--button--border-radius); --product-list-01--primary-button--box-shadow: var(--elements--buttons--button--box-shadow); --product-list-01--primary-button--color: var(--elements--buttons--primary--color); --product-list-01--primary-button--font-family: var(--elements--buttons--button--font-family); --product-list-01--primary-button--font-size: var(--elements--buttons--button--font-size); --product-list-01--primary-button--font-weight: var(--elements--buttons--button--font-weight); --product-list-01--primary-button--letter-spacing: var(--elements--buttons--button--letter-spacing); --product-list-01--primary-button--padding-y: var(--elements--buttons--button--padding-y); --product-list-01--primary-button--padding-x: var(--elements--buttons--button--padding-x); --product-list-01--primary-button--text-transform: var(--elements--buttons--button--text-transform); --product-list-01--primary-button--background-color-hover: var(--elements--buttons--primary--background-color-hover); --product-list-01--primary-button--border-color-hover: var(--elements--buttons--primary--border-color-hover); --product-list-01--primary-button--color-hover: var(--elements--buttons--primary--color-hover); --product-list-01--card-action-float--padding-bottom: 1.5rem; --product-list-01--card-footer-button--padding-x: calc(var(--product-list-01--card-body--padding-left) / 1.25); } @media (max-width: 1023px) { :root { --product-list-01--list--margin-top: var(--theme--spacing--block--margin); --product-list-01--list-sorting--margin-top: var(--theme--spacing--element--margin); --product-list-01--card-image--height: var(--elements--cards--image--height); --product-list-01--card-body--padding-bottom: var(--elements--cards--body--padding-y); --product-list-01--card-body--padding-left: var(--elements--cards--body--padding-x); --product-list-01--card-body--padding-right: var(--elements--cards--body--padding-x); --product-list-01--card-body--padding-top: var(--elements--cards--body--padding-y); --product-list-01--card-title--font-size: var(--elements--cards--title--font-size); --product-list-01--card-title--font-weight: var(--elements--cards--title--font-weight); --product-list-01--card-title--line-height: var(--elements--cards--title--line-height); --product-list-01--card-title--text-transform: var(--elements--cards--title--text-transform); --product-list-01--card-sub-title--font-size: var(--elements--cards--sub-title--font-size); --product-list-01--card-sub-title--line-height: var(--elements--cards--sub-title--line-height); --product-list-01--card-sub-title--text-transform: var(--elements--cards--sub-title--text-transform); --product-list-01--card-footer--padding-bottom: var(--elements--cards--footer--padding-y); --product-list-01--card-footer--padding-left: var(--elements--cards--footer--padding-x); --product-list-01--card-footer--padding-right: var(--elements--cards--footer--padding-x); --product-list-01--card-footer--padding-top: var(--elements--cards--footer--padding-y); --product-list-01--card-product-price--font-size: var(--elements--cards--text-price--font-size); --product-list-01--card-label--background-color: var(--elements--cards--label--background-color); --product-list-01--card-label--border-color: var(--elements--cards--label--border-color); --product-list-01--card-label--border-width: var(--elements--cards--label--border-width); --product-list-01--card-label--border-radius: var(--elements--cards--label--border-radius); --product-list-01--card-label--box-shadow: var(--elements--cards--label--box-shadow); --product-list-01--card-label--color: var(--elements--cards--label--color); --product-list-01--card-label--font-size: var(--elements--cards--label--font-size); --product-list-01--card-label--font-weight: var(--elements--cards--label--font-weight); --product-list-01--card-label--padding: var(--theme--spacing--element--margin); --product-list-01--card-label--text-transform: var(--elements--cards--label--text-transform); --product-list-01--side-bar-open--background-color: var(--theme--colors--gray--100); --product-list-01--list-category-title--color: var(--elements--body-text--heading-1--color); --product-list-01--list-category-title--font-family: var(--elements--body-text--heading-1--font-family); --product-list-01--list-category-title--font-size: var(--elements--body-text--heading-1--font-size); --product-list-01--list-category-title--font-weight: var(--elements--body-text--heading-1--font-weight); --product-list-01--list-category-title--letter-spacing: var(--elements--body-text--heading-1--letter-spacing); --product-list-01--list-category-title--line-height: var(--elements--body-text--heading-1--line-height); --product-list-01--list-category-title--margin-bottom: var(--elements--body-text--heading-1--margin-bottom); --product-list-01--list-category-title--margin-top: var(--theme--spacing--element--margin); --product-list-01--list-category-title--text-transform: var(--elements--body-text--heading-1--text-transform); } } /*****************/ /* LARGE DEVICES */ /*****************/ @media (min-width: 1024px) { :root { --product-list-01--card--background-color: var(--elements--cards--container--background-color); --product-list-01--card--border-color: var(--elements--cards--container--border-color); --product-list-01--card--border-bottom-width: var(--elements--cards--container--border-bottom-width); --product-list-01--card--border-left-width: var(--elements--cards--container--border-left-width); --product-list-01--card--border-right-width: var(--elements--cards--container--border-right-width); --product-list-01--card--border-top-width: var(--elements--cards--container--border-top-width); --product-list-01--card--border-radius: var(--elements--cards--container--border-radius); --product-list-01--card--box-shadow: var(--elements--cards--container--box-shadow); --product-list-01--card--color: var(--elements--cards--container--color); --product-list-01--card-image--background-color: var(--elements--cards--image--background-color); --product-list-01--card-image--border-radius: var(--theme--borders--element--border-radius); --product-list-01--card-image--border-bottom-radius: var(--theme--borders--element--border-radius); --product-list-01--card-image--height: var(--elements--cards--image--height); --product-list-01--card-image--object-fit: var(--elements--cards--image--object-fit); --product-list-01--card-image--object-position: var(--elements--cards--image--object-position); --product-list-01--card-image--min-width: var(--elements--cards--image--min-width); --product-list-01--card-image--padding-bottom: var(--elements--cards--image--padding-y); --product-list-01--card-image--padding-left: var(--elements--cards--image--padding-x); --product-list-01--card-image--padding-right: var(--elements--cards--image--padding-x); --product-list-01--card-image--padding-top: var(--elements--cards--image--padding-y); --product-list-01--card-body--padding-bottom: var(--elements--cards--body--padding-y); --product-list-01--card-body--padding-left: var(--elements--cards--body--padding-x); --product-list-01--card-body--padding-right: var(--elements--cards--body--padding-x); --product-list-01--card-body--padding-top: var(--elements--cards--body--padding-y); --product-list-01--card-body--text-align: none; --product-list-01--card-title--color: var(--elements--cards--title--color); --product-list-01--card-title--font-family: var(--elements--cards--title--font-family); --product-list-01--card-title--font-size: var(--elements--cards--title--font-size); --product-list-01--card-title--font-weight: var(--elements--cards--title--font-weight); --product-list-01--card-title--line-height: var(--elements--cards--title--line-height); --product-list-01--card-title--text-transform: var(--elements--cards--title--text-transform); --product-list-01--card-sub-title--color: var(--elements--cards--sub-title--color); --product-list-01--card-sub-title--font-size: var(--elements--cards--sub-title--font-size); --product-list-01--card-sub-title--line-height: var(--elements--cards--sub-title--line-height); --product-list-01--card-sub-title--text-transform: var(--elements--cards--sub-title--text-transform); --product-list-01--card-sub-sub-title--color: var(--elements--cards--sub-sub-title--color); --product-list-01--card-sub-sub-title--font-size: var(--elements--cards--sub-sub-title--font-size); --product-list-01--card-sub-sub-title--line-height: var(--elements--cards--sub-sub-title--line-height); --product-list-01--card-sub-sub-title--text-transform: var(--elements--cards--sub-sub-title--text-transform); --product-list-01--stock--display: block; --product-list-01--stock--margin-right: 0rem; --product-list-01--stock--text-align: left; --product-list-01--card-footer--border-color: var(--elements--cards--footer--border-color); --product-list-01--card-footer--border-top-width: var(--elements--cards--footer--border-width); --product-list-01--card-footer--color: var(--elements--cards--footer--color); --product-list-01--card-footer--padding-bottom: var(--elements--cards--footer--padding-y); --product-list-01--card-footer--padding-left: var(--elements--cards--footer--padding-x); --product-list-01--card-footer--padding-right: var(--elements--cards--footer--padding-x); --product-list-01--card-footer--padding-top: var(--elements--cards--footer--padding-y); --product-list-01--card-product-prices--text-align: right; --product-list-01--card-label--background-color: var(--elements--cards--label--background-color); --product-list-01--card-label--border-color: var(--elements--cards--label--border-color); --product-list-01--card-label--border-width: var(--elements--cards--label--border-width); --product-list-01--card-label--border-radius: var(--elements--cards--label--border-radius); --product-list-01--card-label--box-shadow: var(--elements--cards--label--box-shadow); --product-list-01--card-label--color: var(--elements--cards--label--color); --product-list-01--card-label--font-size: var(--elements--cards--label--font-size); --product-list-01--card-label--font-weight: var(--elements--cards--label--font-weight); --product-list-01--card-label--padding: var(--theme--spacing--element--margin); --product-list-01--card-label--text-transform: var(--elements--cards--label--text-transform); --product-list-01--card-product-price--color: var(--elements--cards--text-price--color); --product-list-01--card-product-price--font-size: var(--elements--cards--text-price--font-size); --product-list-01--card-product-price--font-weight: var(--elements--cards--text-price--font-weight); --product-list-01--card-wish-list-icon--color: var(--elements--cards--wish-list-icon--color); --product-list-01--card-wish-list-icon--color-hover: var(--elements--cards--wish-list-icon--color-hover); --product-list-01--list--margin-top: var(--theme--spacing--block--margin); --product-list-01--list-sorting--margin-top: var(--theme--spacing--element--margin); } }