/**
 * Auto-generated by Croster - Style Manager — do not edit by hand (use Croster Panel >> Style Manager).
 */
:root {
	--primary: #176b13;
	--primary-darker: #176b13;
	--primary-gradient-from: #176b13;
	--primary-gradient-to: #176b13;
	--primary-lighter-1: color-mix(in srgb, var(--primary) 58%, white);
	--primary-lighter-2: color-mix(in srgb, var(--primary) 32%, white);
	--primary-lighter-3: color-mix(in srgb, var(--primary) 18%, white);
	--primary-lighter-4: color-mix(in srgb, var(--primary) 10%, white);
	--secondary: #9e2f2f;
	--secondary-darker: #9e2f2f;
	--secondary-gradient-from: #9e2f2f;
	--secondary-gradient-to: #9e2f2f;
	--secondary-lighter-1: color-mix(in srgb, var(--secondary) 58%, white);
	--secondary-lighter-2: color-mix(in srgb, var(--secondary) 32%, white);
	--secondary-lighter-3: color-mix(in srgb, var(--secondary) 18%, white);
	--secondary-lighter-4: color-mix(in srgb, var(--secondary) 10%, white);
	--success: #28a745;
	--success-darker: #218838;
	--success-gradient-from: #218838;
	--success-gradient-to: #28a745;
	--success-lighter-1: color-mix(in srgb, var(--success) 58%, white);
	--success-lighter-2: color-mix(in srgb, var(--success) 32%, white);
	--success-lighter-3: color-mix(in srgb, var(--success) 18%, white);
	--success-lighter-4: color-mix(in srgb, var(--success) 10%, white);
	--warning: #ffaa00;
	--warning-darker: #d68f00;
	--warning-gradient-from: #d68f00;
	--warning-gradient-to: #ffaa00;
	--warning-lighter-1: color-mix(in srgb, var(--warning) 58%, white);
	--warning-lighter-2: color-mix(in srgb, var(--warning) 32%, white);
	--warning-lighter-3: color-mix(in srgb, var(--warning) 18%, white);
	--warning-lighter-4: color-mix(in srgb, var(--warning) 10%, white);
	--danger: #d92632;
	--danger-darker: #b6202a;
	--danger-gradient-from: #b6202a;
	--danger-gradient-to: #d92632;
	--danger-lighter-1: color-mix(in srgb, var(--danger) 58%, white);
	--danger-lighter-2: color-mix(in srgb, var(--danger) 32%, white);
	--danger-lighter-3: color-mix(in srgb, var(--danger) 18%, white);
	--danger-lighter-4: color-mix(in srgb, var(--danger) 10%, white);
	--info: #17a2b8;
	--info-darker: #117a8b;
	--info-gradient-from: #117a8b;
	--info-gradient-to: #17a2b8;
	--info-lighter-1: color-mix(in srgb, var(--info) 58%, white);
	--info-lighter-2: color-mix(in srgb, var(--info) 32%, white);
	--info-lighter-3: color-mix(in srgb, var(--info) 18%, white);
	--info-lighter-4: color-mix(in srgb, var(--info) 10%, white);
	--gray: #edf0f5;
	--gray-darker: #101010;
	--gray-gradient-from: #545b62;
	--gray-gradient-to: #6c757d;
	--gray-lighter-1: color-mix(in srgb, var(--gray) 58%, white);
	--gray-lighter-2: color-mix(in srgb, var(--gray) 32%, white);
	--gray-lighter-3: color-mix(in srgb, var(--gray) 18%, white);
	--gray-lighter-4: color-mix(in srgb, var(--gray) 10%, white);
	--gray-lighter: var(--gray);
	--success-active: color-mix(in srgb, var(--success-darker) 82%, black);
	--warning-active: color-mix(in srgb, var(--warning-darker) 82%, black);
	--danger-active: color-mix(in srgb, var(--danger-darker) 82%, black);
	--info-active: color-mix(in srgb, var(--info-darker) 82%, black);
	--primary-fade-10: color-mix(in srgb, var(--primary) 10%, transparent);
	--primary-fade-20: color-mix(in srgb, var(--primary) 20%, transparent);
	--secondary-fade-20: color-mix(in srgb, var(--secondary) 20%, transparent);
	--primary-hover: var(--primary-darker);
	--primary-active: color-mix(in srgb, var(--primary-darker) 82%, black);
	--secondary-hover: var(--secondary-darker);
	--secondary-active: color-mix(in srgb, var(--secondary-darker) 82%, black);
	--bg-body: #ffffff;
	--body-color: #2a2e36;
	--headings-color: #2a2e36;
	--border-color: #d5dce5;
	--logo-height: 2.5rem;
	--logo-width: 11rem;
	--side-navbar-width: 18.125rem;
	--border-radius-sm: 0.25rem;
	--border-radius: 0.375rem;
	--border-radius-lg: 0.5rem;
	--border-radius-xlg: 0.75rem;
	--box-shadow-sm: 0 0 1px rgba(0, 0, 0, 0.04), 0 2px 12px rgba(0, 0, 0, 0.06);
	--box-shadow: 0 0 1px rgba(0, 0, 0, 0.04), 0 4px 20px rgba(0, 0, 0, 0.08);
	--box-shadow-lg: 0 0 1px rgba(0, 0, 0, 0.04), 0 8px 32px rgba(0, 0, 0, 0.1);
	--h1-font-size: 2.5rem;
	--h2-font-size: 2rem;
	--h3-font-size: 1.75rem;
	--h4-font-size: 1.25rem;
	--h5-font-size: 1rem;
	--h6-font-size: 1rem;
	--font-size-xsm: 0.75rem;
	--font-size-small: 0.875rem;
	--font-size-normal: 1rem;
	--font-size-medium: 1.125rem;
	--font-size-large: 2rem;
	--font-size-xlg: 3rem;
	--font-family-base: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	--section-caption-font-size: var(--font-size-normal);
	--section-title-h1-font-size: var(--font-size-xlg);
	--section-title-h2-font-size: var(--h1-font-size);
	--section-subtitle-font-size: var(--h4-font-size);
	--section-caption-font-weight: 400;
	--section-title-h1-font-weight: 900;
	--section-title-h2-font-weight: 700;
	--section-subtitle-font-weight: 300;
	--price-font-size: var(--h1-font-size);
	--price-font-size-sm: var(--h3-font-size);
	--price-font-weight: 700;
	--price-font-color: var(--secondary);
	--discount-badge-bg-color: #fedc45;
	--discount-badge-color: #000000;
	--featured-sticker-bg-color: #fedc45;
	--featured-sticker-color: #000000;
	--nav-bg-color: #fff;
	--nav-link-color: var(--body-color);
	--nav-link-hover-color: var(--primary);
	--nav-dropdwn-bg-color: #fff;
	--nav-dropdwn-link-color: var(--body-color);
	--nav-dropdwn-link-hover-color: var(--primary);
	--dmb: #121212;
	--dmb-darker: #101010;
	--dmb-gradient-from: #121212;
	--dmb-gradient-to: #101010;
	--dmc: #e0e0e0;
	--dmhc: #e0e0e0;
	--dmbc: #444444;
	--btn-primary-bg: var(--primary);
	--btn-primary-color: #ffffff;
	--btn-primary-border: var(--primary);
	--btn-primary-bg-hover: var(--primary-darker);
	--btn-primary-color-hover: #ffffff;
	--btn-primary-border-hover: var(--primary-darker);
	--btn-primary-bg-active: var(--primary-darker);
	--btn-primary-border-active: var(--primary-darker);
	--btn-default-bg: #ffffff;
	--btn-default-color: var(--body-color);
	--btn-default-border: var(--border-color);
	--btn-default-bg-hover: var(--gray);
	--btn-default-color-hover: var(--body-color);
	--btn-default-border-hover: var(--border-color);
	--btn-default-bg-active: var(--gray);
	--btn-default-border-active: var(--border-color);
	--btn-secondary-bg: var(--secondary);
	--btn-secondary-color: #ffffff;
	--btn-secondary-border: var(--secondary);
	--btn-secondary-bg-hover: var(--secondary-darker);
	--btn-secondary-color-hover: #ffffff;
	--btn-secondary-border-hover: var(--secondary-darker);
	--btn-secondary-bg-active: var(--secondary-darker);
	--btn-secondary-border-active: var(--secondary-darker);
	--btn-success-bg: var(--success);
	--btn-success-color: #ffffff;
	--btn-success-border: var(--success);
	--btn-success-bg-hover: var(--success-darker);
	--btn-success-color-hover: #ffffff;
	--btn-success-border-hover: var(--success-darker);
	--btn-success-bg-active: var(--success-darker);
	--btn-success-border-active: var(--success-darker);
	--btn-warning-bg: var(--warning);
	--btn-warning-color: #212529;
	--btn-warning-border: var(--warning);
	--btn-warning-bg-hover: var(--warning-darker);
	--btn-warning-color-hover: #212529;
	--btn-warning-border-hover: var(--warning-darker);
	--btn-warning-bg-active: var(--warning-darker);
	--btn-warning-border-active: var(--warning-darker);
	--btn-danger-bg: var(--danger);
	--btn-danger-color: #ffffff;
	--btn-danger-border: var(--danger);
	--btn-danger-bg-hover: var(--danger-darker);
	--btn-danger-color-hover: #ffffff;
	--btn-danger-border-hover: var(--danger-darker);
	--btn-danger-bg-active: var(--danger-darker);
	--btn-danger-border-active: var(--danger-darker);
	--btn-info-bg: var(--info);
	--btn-info-color: #ffffff;
	--btn-info-border: var(--info);
	--btn-info-bg-hover: var(--info-darker);
	--btn-info-color-hover: #ffffff;
	--btn-info-border-hover: var(--info-darker);
	--btn-info-bg-active: var(--info-darker);
	--btn-info-border-active: var(--info-darker);
	--btn-dark-bg: var(--gray-darker);
	--btn-dark-color: #ffffff;
	--btn-dark-border: var(--gray-darker);
	--btn-dark-bg-hover: var(--gray-darker);
	--btn-dark-color-hover: #ffffff;
	--btn-dark-border-hover: var(--gray-darker);
	--btn-dark-bg-active: var(--gray-darker);
	--btn-dark-border-active: var(--gray-darker);
	--gray-muted: var(--gray-gradient-to);
	--gray-lighter-hover: color-mix(in srgb, var(--gray-lighter) 90%, black);
	--gray-darker-hover: color-mix(in srgb, var(--gray-darker) 88%, white);

	--link-color: var(--primary);
	--link-hover-color: var(--primary-darker);
	--form-feedback-icon-valid: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%278%27%20height%3D%278%27%20viewBox%3D%270%200%208%208%27%3E%3Cpath%20fill%3D%27%2328a745%27%20d%3D%27M2.3%206.73L.6%204.53c-0.4-1.04.46-1.4%201.1-0.8l1.1%201.4%203.4-3.8c.6-0.63%201.6-0.27%201.2.7l-4%204.6c-0.43.5-0.8.4-1.1.1z%27%2F%3E%3C%2Fsvg%3E");
	--form-feedback-icon-invalid: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2712%27%20height%3D%2712%27%20fill%3D%27none%27%20stroke%3D%27%23d92632%27%20viewBox%3D%270%200%2012%2012%27%3E%3Ccircle%20cx%3D%276%27%20cy%3D%276%27%20r%3D%274.5%27%2F%3E%3Cpath%20stroke-linejoin%3D%27round%27%20d%3D%27M5.8%203.6h.4L6%206.5z%27%2F%3E%3Ccircle%20cx%3D%276%27%20cy%3D%278.2%27%20r%3D%270.6%27%20fill%3D%27%23d92632%27%20stroke%3D%27none%27%2F%3E%3C%2Fsvg%3E");
}