@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300&family=Lato:wght@400&family=Poppins:wght@400;700&display=swap');

:root {
	--elements--body-text--body--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
	--elements--body-text--heading-1--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
	--elements--buttons--button--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
	--elements--buttons--button--padding-x: 1.5rem;
	--elements--cards--image--height: 20rem;
	--elements--cards--text-price--font-size: 1.125rem;
	--elements--cards--title--font-size: 1rem;
	--elements--headings--content-subheading--opacity: 1;
	--elements--headings--footer-heading--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
	--elements--headings--header-subheading--opacity: 1;
	--theme--colors--danger-200--color: #FED7D7;
	--theme--colors--danger-600--color: #E53E3E;
	--theme--colors--danger-700--color: #C53030;
	--theme--colors--gray--100: #f7f7f7;
	--theme--colors--gray--200: #f2f2f2;
	--theme--colors--gray--300: #d2d2d2;
	--theme--colors--gray--400: #a5a5a5;
	--theme--colors--gray--500: #878787;
	--theme--colors--gray--600: #6e6e6e;
	--theme--colors--gray--700: #4c4c4c;
	--theme--colors--gray--800: #353535;
	--theme--colors--gray--900: #292929;
	--theme--colors--gray-100--color: #F7FAFC;
	--theme--colors--gray-200--color: #EDF2F7;
	--theme--colors--gray-300--color: #E2E8F0;
	--theme--colors--gray-400--color: #CBD5E0;
	--theme--colors--gray-500--color: #A0AEC0;
	--theme--colors--gray-700--color: #4A5568;
	--theme--colors--gray-800--color: #2D3748;
	--theme--colors--gray-900--color: #1A202C;
	--theme--colors--primary--100: #f07373;
	--theme--colors--primary--200: #f9cab8;
	--theme--colors--primary--300: #a7998e;
	--theme--colors--primary--400: #d3ccc7;
	--theme--colors--primary--500: #ff65c3;
	--theme--colors--primary--600: #ff65c3;
	--theme--colors--primary--700: #f9b7da;
	--theme--colors--primary--800: #a677d5;
	--theme--colors--primary--900: #d6d1f6;
	--theme--colors--primary-200--color: #D7FBFC;
	--theme--colors--primary-500--color: #2F855A;
	--theme--colors--primary-600--color: #2F855A;
	--theme--colors--primary-700--color: #276E4B;
	--theme--colors--primary-800--color: #435953;
	--theme--colors--success-200--color: #C6F6D5;
	--theme--colors--success-600--color: #2F855A;
	--theme--colors--success-700--color: #276B49;
	--theme--colors--warning-200--color: #FEEBC8;
	--theme--colors--warning-600--color: #DD6B20;
	--theme--colors--warning-700--color: #C05621;
	--theme--spacing--block--size: 2.375rem;
	--theme--spacing--element--size: 2.375rem;
	--theme--spacing--grid--size: 2.375rem;
	--theme--typography--body--font-family: 'Open Sans';
	--theme--typography--body--font-weight: 300;
	--theme--typography--heading-1--font-size: 1.375rem;
	--theme--typography--headings--font-family: 'Lato';
	--content-01--item-icon--height: 2.875rem;
	--content-03--column-two--background-color: var(--theme--colors--danger--600);
	--content-08--block--margin-top: 3rem;
	--content-17--image-cover--opacity: 0.2;
	--content-19--container--padding-y: 0rem;
	--content-26--card-image--height: 12.5rem;
	--content-26--heading--font-size: 1.5rem;
	--content-26--text--text-align: center;
	--content-31--block--margin-top: 6rem;
	--content-31--column--padding-x: 0rem;
	--content-31--container--background-color: transparent;
	--content-31--container--padding-y: 0rem;
	--content-31--heading--color: var(--theme--colors--gray--800);
	--content-44--container--border-radius: 0rem;
	--content-44--container--padding-y: 0rem;
	--content-44--heading--font-size: 2.25rem;
	--content-44--heading--line-height: 2.875rem;
	--content-44--image-cover--opacity: 0.2;
	--content-44--legend--border-radius: 0.5rem;
	--content-44--legend--font-size: 1rem;
	--content-44--nav-bar-sub-sub-item-link--color-hover: #1a202c;
	--content-45--heading-two--color: #d20808;
	--content-45--item-image-cover--opacity: 0.2;
	--content-46--box--border-color: #eeeeee;
	--content-46--box--border-width: 2px;
	--content-51--category-item--background-color-active: var(--theme--colors--gray--200);
	--content-51--category-item--background-color-hover: var(--theme--colors--gray--200);
	--content-55--block--margin-top: 0rem;
	--content-55--block--padding-y: 3rem;
	--content-57--card-image--height: 12rem;
	--content-59--block--border-color: #eeeeee;
	--content-59--block--margin-top: 0rem;
	--content-59--column--padding-x: 0rem;
	--content-59--column--padding-y: 2rem;
	--content-59--container--padding-y: 0rem;
	--content-59--heading--color: var(--theme--colors--gray--900);
	--content-59--image-cover--background-color: transparent;
	--content-62--heading--font-family: 'Poppins';
	--content-62--heading--font-size: 2.375rem;
	--content-62--heading--font-weight: 700;
	--content-62--heading--line-height: 2.875rem;
	--content-62--item--padding-y: 0rem;
	--content-62--nav-bar-item-link--color: var(--theme--colors--primary--600);
	--content-62--subheading--font-family: 'Poppins';
	--footer-05--container--background-color: var(--theme--colors--gray--900);
	--footer-05--container--color: #acacac;
	--footer-05--heading--color: #ffffff;
	--footer-05--heading--font-size: 1.125rem;
	--footer-05--heading--margin-bottom: 1.625rem;
	--footer-05--link--color: #acacac;
	--footer-05--link--color-hover: #ffffff;
	--footer-05--link--text-decoration: none;
	--footer-05--link--text-decoration-hover: none;
	--footer-07--container--background-color: var(--theme--colors--gray--900);
	--footer-07--container--border-top-color: #fefefe26;
	--footer-07--container--border-top-width: 1px;
	--footer-07--container--color: #eeeeee;
	--footer-07--link--color: #eeeeee;
	--header-06--block--position: static;
	--header-06--nav-item-link--font-weight: 500;
	--header-06--nav-sub-items--background-color: var(--theme--colors--gray--800);
	--header-09--block--position: static;
	--header-09--logo--height: 1rem;
	--header-11--block--position: static;
	--product-details-01--price--color: var(--theme--colors--success--600);
	--product-details-01--price--font-size: 1.25rem;
	--product-details-01--price--font-weight: 600;
	--product-list-02--card--background-color: #d03131;
	--product-list-02--card-body--padding-bottom: 2.625rem;
	--product-list-02--card-body--padding-left: 11rem;
	--product-list-02--card-footer--padding-bottom: 13.375rem;
	--product-list-02--card-footer--padding-left: 10.75rem;
}

@media (min-width: 1024px) {
	:root {
		--elements--body-text--body--line-height: 1.5rem;
		--elements--buttons--button--padding-x: 1.25rem;
		--elements--cards--image--height: 15rem;
		--elements--cards--image--padding-x: 2rem;
		--elements--cards--image--padding-y: 2rem;
		--elements--cards--text-price--font-size: 1rem;
		--elements--cards--title--font-size: 0.875rem;
		--layout--main--container--margin-bottom: 0rem;
		--layout--main--container--padding-y: 4rem;
		--layout--main--container-home--margin-bottom: 0rem;
		--theme--spacing--element--margin: 2rem;
		--theme--spacing--grid--margin: 2.5rem;
		--content-59--column--padding-x: 0rem;
		--content-59--column--padding-y: 2.25rem;
		--header-06--block--background-color: var(--theme--colors--primary--600);
		--header-06--block--padding-y: 0.25rem;
		--header-06--category-legend--color: var(--theme--colors--gray--300);
		--header-06--nav-item-link--color-active: #eeeeee;
		--header-06--nav-item-link--color-hover: #eeeeee;
		--header-06--nav-sub-sub-item-link--padding-y: 0rem;
		--product-list-01--category-title--margin-top: 0rem;
		--product-list-01--list--margin-top: 2.5rem;
		--product-list-01--sorting--margin-top: 0rem;
	}
}