@font-face{
	font-family: "Helvetica Roman";
	src: url('helvetica-ce-55-roman.ttf');
}

/* Normalization */
html, body, nav, footer, a, button, h1, h2, h3, h4, hr, div, span, p, img, figure, ol, ul, menu, li, dl, dt, dd, form, fieldset, input, legend, select, textarea, table, thead, tbody, tfoot, th, tr, td, section, header, aside, pre, canvas, figure, figcaption, blockquote, cite, iframe {
	border: 0;
	margin: 0;
	padding: 0;
}

html, body {
	height: 100%;
}

body {
	background-color: #2b2b2b;
	font-family: Helvetica Roman;
	min-width: 320px;
}

/* --- */

a, abbr {
	text-decoration: none;
}

button {
	cursor: pointer;
}

table {
	border-spacing: 0;
}

textarea {
	resize: none;
}

ul, menu {
	list-style-type: none;
}

/* End of Normalization */

/* ========== ========== ========== ========== ========== */

/* Scrollbar */
::-webkit-scrollbar {
	width: 12px;
}

/* Track */
::-webkit-scrollbar-track {
	background-color: #f5f5f5;
	border-radius: 10px;
	box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
}

/* Handle */
::-webkit-scrollbar-thumb {
	background: #fe8900;
	border-radius: 10px;
	box-shadow: inset 0 0 4px rgba(65,66,78,0.5);
}

::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(254,137,0,0.5);
}

::-webkit-scrollbar-corner {
	background-color: transparent;
}

/* ========== ========== ========== ========== ========== */

.btn {
	background-color: #fe8900;
	border-color: #fe8900;
	border: none;
	border-radius: 4px;
	border-style: solid;
	border-width: 2px;
	box-sizing: border-box;
	color: #fff;
	cursor: pointer;
	font-size: 15px;
	font-weight: 600;
	letter-spacing: 1px;
	padding: 12px 24px;
	text-decoration: none;
	transition: background-color 0.2s ease, border-color 0.2s ease;
}

.btn:hover {
	background-color: #fff;
	color: #fe8900;
}

/* ========== ========== ========== ========== ========== */

#screen {
	box-sizing: border-box;
}

/* Toolbar */
#screen > header {
	background-color: #fff;
	box-shadow: 0 1px 15px rgb(0 0 0 / 12%);
	box-sizing: border-box;
	display: flex;
		justify-content: space-between;
	font-size: 32px;
	min-width: 320px;
	padding: 0 30px;
	position: sticky;
		top: 0;
		right: 0;
		left: 0;
	transition: box-shadow 0.3s ease, padding 0.2s ease;
	user-select: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
	-webkit-touch-callout: none;
	-webkit-tap-highlight-color: transparent;
	z-index: 3;
}

/* Logo */
#screen > header > a {
	background: transparent url('logo.svg') no-repeat top left;
	background-size: 3.71875em 2.84375em;
	display: inline-block;
	height: 100%;
}

#screen > header > a > h1 {
	color: #41424e;
	font-size: 1em;
	letter-spacing: 0.0625em;
	line-height: 2.96875em;
	padding-left: 2.96875em;
	padding-right: 5px;
	text-decoration: none;
}

#screen > header > a > h1 > span {
	color: #fe8900;
}

/* Navigation Menu */
#screen > header > nav {
	display: flex;
		flex-flow: row nowrap;
		align-items: center;
	white-space: nowrap;
}

/* Top Level */
#screen > header > nav > ul {
	box-sizing: border-box;
	font-size: 0;
	height: 100%;
}

#screen > header > nav > ul > li {
	display: inline-block;
	height: 100%;
	position: relative;
}

#screen > header > nav > ul > li::before,
#screen > header > nav > div:last-of-type::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 6px;
	height: 4px;
	background-color: #fe8900;
	opacity: 0;
	transition: opacity 0.5s ease;
}

#screen > header > nav > ul > li:hover::before,
#screen > header > nav > div:last-of-type:hover::before {
	opacity: 1;
}

#screen > header > nav > ul > li > a {
	color: #41424e;
	display: inline-flex;
		align-items: center;
	font-size: 21px;
	height: 100%;
	padding: 0 6px;
	transition: color 0.2s ease;
}

#screen > header > nav > ul > li > a:hover {
	color: #696973;
}

#screen > header > nav > ul > li > a:active {
	color: #fea235;
}

#screen > header > nav > ul > li > a.current {
	background: linear-gradient(to bottom, transparent 0px, transparent 6px, #ffb75c 6px, #ffb75c 10px, transparent 10px, transparent 100%);
	color: #ffcc89;
}

/* Dropdown Menu */
#screen > header > nav > ul > li > ul {
	background-color: #fff;
	border-radius: 6px;
	box-shadow: 0 8px 16px rgba(0,0,0,0.4);
	/*display: none;*/
	overflow: hidden;
	position: absolute;
		top: 80%;
		left: 0;
	z-index: 1;

	opacity: 0;
	pointer-events: none;
	transition: opacity 0.5s ease, transform 0.5s ease;
	transform: translateY(10px);
}

#screen > header > nav > ul > li.active > ul {
	opacity: 1;
	pointer-events: auto;
	transform: translateY(0);
}

/*
#screen > header > nav > ul > li:hover > ul {
	display: block;
}
*/

#screen > header > nav > ul > li > ul > li:first-of-type {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

#screen > header > nav > ul > li > ul > li:last-of-type {
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

#screen > header > nav > ul > li > ul > li > a {
	border-bottom: 1px solid #f2f2f2;
	color: #41424e;
	display: block;
	font-size: 15px;
	padding: 10px 15px;
}

#screen > header > nav > ul > li > ul > li:last-child > a {
	border-bottom: none;
}

#screen > header > nav > ul > li > ul > li > a:hover {
	background-color: #f5f5f5;
}

/* Hamburger Button */
#screen > header > nav > div:first-of-type {
	background-color: #fff;
	background-size: 22px 22px;
	border: 2px solid #ccc;
	border-radius: 5px;
	box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.2);
	box-sizing: border-box;
	cursor: pointer;
	display: none;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		gap: 4px;
	height: 35px;
	padding: 0 5px;
	position: relative;
	width: 35px;
}

/* Hamburger Patties */
#screen > header > nav > div:first-of-type > div {
	background-color: #000;
	border-radius: 2px;
	height: 4px;
	pointer-events: none;
	width: 100%;
	transition: transform 0.3s ease, opacity 0.3s ease;
	transform-origin: center;
}

/* Open Hamburger */
#screen > header > nav > div:first-of-type.open {
}

/* Turn first patty into top-left to bottom-right slash */
#screen > header > nav > div:first-of-type.open > div:nth-child(1) {
	position: absolute;
	transform: rotate(45deg);
}

/* Hide middle patty */
#screen > header > nav > div:first-of-type.open > div:nth-child(2) {
	opacity: 0;
}

/* Turn third patty into bottom-left to top-right slash */
#screen > header > nav > div:first-of-type.open > div:nth-child(3) {
	position: absolute;
	transform: rotate(-45deg);
}

#screen > header > nav > div:first-of-type.open:hover > div:nth-child(1) {
	transform: rotate(135deg);
}

#screen > header > nav > div:first-of-type.open:hover > div:nth-child(3) {
	transform: rotate(45deg);
}

/* Cart Group */
#screen > header > nav > div:last-of-type {
	cursor: pointer;
	height: 100%;
	padding: 0 12px;
	position: relative;
}

/* Cart Link and Image */
#screen > header > nav > div:last-of-type > div {
	display: flex;
		justify-content: center;
		align-items: center;
		gap: 7px;
	height: 100%;
}

#screen > header > nav > div:last-of-type:hover {
	color: #696973;
}

/* Cart Count */
#screen > header > nav > div:last-of-type > div > span:first-child {
	background-color: #2b2b2b;
	border-radius: 5px;
	color: #fff;
	font-size: 12px;
	padding: 6px 8px;
}

#screen > header > nav > div:last-of-type > div > div {
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='800px' height='800px' version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 430.624 430.624'%3E%3Cg%3E%3C!-- Cart Body --%3E%3Cpath fill='%2341424e' d='M427.898,87.573c-2.279-2.776-5.682-4.386-9.273-4.386H75.668L64.289,24.474 c-1.094-5.642-6.035-9.717-11.781-9.717H12c-6.629,0-12,5.373-12,12s5.371,12,12,12h30.609l51.674,270.404 c1.01,5.738,5.994,9.922,11.818,9.922h42.388c-22.757,4.122-40.076,24.067-40.076,47.995c0,26.902,21.887,48.79,48.79,48.79 c26.902,0,48.787-21.887,48.787-48.79c0-23.927-17.316-43.872-40.074-47.995h155.855c-22.758,4.122-40.078,24.067-40.078,47.995 c0,26.902,21.889,48.79,48.793,48.79c26.902,0,48.789-21.887,48.789-48.79c0-23.927-17.318-43.872-40.074-47.995h36.541 c6.627,0,12-5.373,12-12c0-6.628-5.373-12-12-12H116.176L112.5,274.17h272.992c5.729,0,10.656-4.047,11.772-9.665l33.131-166.982 C431.093,94,430.177,90.349,427.898,87.573z M355.277,367.077c0,13.669-11.121,24.789-24.789,24.789 c-13.67,0-24.793-11.12-24.793-24.789s11.123-24.789,24.793-24.789C344.156,342.289,355.277,353.408,355.277,367.077z M181.992,367.077c0,13.669-11.119,24.789-24.787,24.789c-13.67,0-24.791-11.12-24.791-24.789s11.121-24.789,24.791-24.789 C170.872,342.289,181.992,353.408,181.992,367.077z M108.035,250.17L91.76,166.207h45.29l13.795,83.963H108.035z M230.158,250.17 h-54.992l-13.795-83.963h68.787V250.17z M310.015,250.17h-55.857v-83.963h67.91L310.015,250.17z M375.64,250.17h-41.379 l12.053-83.963h45.984L375.64,250.17z M397.06,142.208H87.109l-6.789-35.02h323.689L397.06,142.208z'/%3E%3C!-- Basket Top Accent --%3E%3Cpolygon fill='%23fe8900' points='87.109,142.208 397.06,142.208 404.009,107.188 80.32,107.188'/%3E%3C!-- Basket Grid --%3E%3Cpolygon fill='none' stroke='%2341424e' stroke-width='12' points='91.76,166.207 108.035,250.17 150.845,250.17 137.05,166.207'/%3E%3Cpolygon fill='none' stroke='%2341424e' stroke-width='12' points='175.165,250.17 230.158,250.17 230.158,166.207 161.371,166.207'/%3E%3Cpolygon fill='none' stroke='%2341424e' stroke-width='12' points='254.158,250.17 310.015,250.17 322.068,166.207 254.158,166.207'/%3E%3Cpolygon fill='none' stroke='%2341424e' stroke-width='12' points='334.261,250.17 375.64,250.17 392.298,166.207 346.314,166.207'/%3E%3Cline x1='87.109' y1='250.17' x2='397.06' y2='250.17' stroke='%2341424e' stroke-width='12'/%3E%3C!-- Wheels --%3E%3Ccircle fill='%2341424e' cx='156.791' cy='367.077' r='28'/%3E%3Ccircle fill='%2341424e' cx='330.488' cy='367.077' r='28'/%3E%3Ccircle fill='%23fe8900' cx='156.791' cy='367.077' r='14'/%3E%3Ccircle fill='%23fe8900' cx='330.488' cy='367.077' r='14'/%3E%3C/g%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 1em;
	font-size: 28px;
	height: 1em;
	width: 1em;
}

/* Cart Price */
#screen > header > nav > div:last-of-type > div > div + span {
	color: #2b2b2b;
	font-size: 15px;
}

@media screen and (max-width: 550px) {
	#screen > header > nav > div:last-of-type > div {
		flex-direction: column;
		gap: 4px;
	}

	#screen > header > nav > div:last-of-type > div > div {
		font-size: 24px;
	}

	#screen > header > nav > div:last-of-type > div > span:first-child {
		font-size: 10px;
	}
}

/* --- */

@media screen and (max-width: 700px) {
	#screen > header {
		padding: 0 5px;
	}
}

/* --- */

/* Mobile Navigation Menu */
#screen > header > nav > ul.vertical {
	background: #fff;
	box-shadow: 0 4px 10px rgba(0,0,0,0.3);
	display: none;
		flex-flow: column;
	font-size: inherit !important;
	height: auto;
		max-height: 0;
	opacity: 0;
	overflow: hidden;
	overscroll-behavior: contain;
	padding: 2px 0;
	pointer-events: none;
	position: absolute;
		top: var(--header-height, 95px);
		left: 0;
	text-align: left;
	transition: opacity 0.5s ease, max-height 0.5s ease;
	touch-action: pan-y;
	width: 100%;
	z-index: 2000;
}

#screen > header > nav > div:first-child.open + ul {
	opacity: 1;
	pointer-events: auto;
}

#screen > header > nav > ul.vertical > li {
	height: auto;
}

#screen > header > nav > ul.vertical > li > a {
	border-bottom: 1px solid #e0e0e0;
	box-sizing: border-box;
	padding: 12px 20px;
	width: 100%;
}

#screen > header > nav > ul.vertical > li > a:hover {
	background: #f5f5f5;
}

#screen > header > nav > ul.vertical > li::before {
	content: none;
}

#screen > header > nav > ul.vertical > li:hover > ul {
	display: none;
	max-height: 0;
	opacity: 0;
	overflow: hidden;
	transition: opacity 0.5s ease, max-height 0.5s ease;
}

#screen > header > nav > ul.vertical > li > ul {
	display: none;
	flex-direction: column;
	max-height: 0;
	opacity: 0;
	overflow: hidden;
	position: relative;
		top: 0;
	transform: translateY(0);
	transition: opacity 0.5s ease, max-height 0.5s ease;
}

#screen > header > nav > ul.vertical > li.open > ul {
	opacity: 1;
	pointer-events: auto;
}

#screen > header > nav > ul.vertical > li > ul > li:last-child {
	border-bottom: none;
}

#screen > header > nav > ul.vertical > li > ul > li > a {
	color: #41424e;
	font-size: 18px;
	text-decoration: none;
	display: block;
}

#screen > header > nav > ul.vertical > li > ul > li > a:hover {
	background: #f5f5f5;
}

/* End of Toolbar */

/* ========== ========== ========== ========== ========== */

/* Main Content */
#screen > main {
	background-color: #fff;
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0.12) 0px, rgba(0, 0, 0, 0) 15px), #fff;
	display: inline-block;
	position: relative;
	text-align: center;
	width: 100%;
	z-index: 1;
}

#screen > main > div,
#screen > main .content  {
	margin: auto;
	padding: 24px 12px;
	text-align: left;
	max-width: 1160px;
}

#screen > section h2,
#screen > main h2 {
	color: #41424e;
	font-size: 100px;
	font-weight: bolder;
	margin-bottom: 20px;
	position: relative;
	-webkit-font-smoothing: antialiased;
}


#screen > main div.content h2 {
	font-size: 42px;
}

#screen > section h2::after,
#screen h2::after {
	content: "";
	display: block;
	width: 100px;
	height: 6px;
	background-color: #fe8900;
	left: 0;
	margin-top: 10px;
}

/* ========== ========== ========== ========== ========== */

/* Footer */
#screen > footer {
	color: #fff;
	padding: 20px 0 10px 0;
	margin: auto;
	width: 90%;
	min-width: 320px;
	max-width: 1600px;
	text-align: left;
	z-index: 2;
}

#screen > footer > div:first-child {
	display: flex;
		gap: 2%;
	position: relative;
}

/* Footer Logo */
#screen > footer > div:first-child > div:first-child {
	font-size: min(calc(((100vw - 10%) / 20)), calc(400px / 7.5));
}

#screen > footer > div:first-child > div:first-child > a {
	background: transparent url('logo.svg') no-repeat top left;
	background-size: 3.71875em 2.84375em;
	display: inline-block;
	font-size: 1em;
	height: 2.84375em;
}

#screen > footer > div:first-child > div:first-child > a > span {
	color: #696973;
	letter-spacing: 0.0625em;
	line-height: 2.96875em;
	padding-left: 2.96875em;
	padding-right: 5px;
	text-decoration: none;
}

#screen > footer > div:first-child > div:first-child > a > span > span {
	color: #fe8900;
}

/* Footer Socials */
#screen > footer > div:first-child > div:first-child > ul {
	display: flex;
		justify-content: center;
		gap: 12px;
}

#screen > footer > div:first-child > div:first-child > ul > li {
	display: inline-block;
}

#screen > footer > div:first-child > div:first-child > ul > li > a {
	border-radius: 50%;
	background-color: #424242;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 18px;
	display: block;
	width: 25px;
	height: 25px;
	padding: 5px;
}

/* X.com */
#screen > footer > div:first-child > div:first-child > ul > li:first-child > a {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 512 512' aria-hidden='true' class='$w-%5B1em%5D $h-%5B1em%5D $fill-current $text-lg'%3E%3Cpath d='M298.158 216.797 484.663 0h-44.196L278.525 188.242 149.182 0H0l195.592 284.655L0 512h44.198l171.016-198.79L351.809 512h149.182L298.147 216.797zm-60.536 70.366-19.818-28.345L60.124 33.272h67.885L255.26 215.295l19.817 28.345 165.411 236.601h-67.886l-134.98-193.067z'%3E%3C/path%3E%3C/svg%3E");
}

#screen > footer > div:first-child > div:first-child > ul > li:first-child > a {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 512 512'%3E%3Cpath fill='%23ffffff' d='M298.158 216.797 484.663 0h-44.196L278.525 188.242 149.182 0H0l195.592 284.655L0 512h44.198l171.016-198.79L351.809 512h149.182L298.147 216.797zm-60.536 70.366-19.818-28.345L60.124 33.272h67.885L255.26 215.295l19.817 28.345 165.411 236.601h-67.886l-134.98-193.067z'/%3E%3C/svg%3E");
}
/* YouTube */
#screen > footer > div:first-child > div:first-child > ul > li:first-child + li > a {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 360' width='16' height='16'%3E%3Cpath fill='%23ffffff' d='M353.49 95.037c-4.393-19.115-20.029-33.214-38.848-35.312-62.031-6.931-206.396-7.014-269.18 0-18.816 2.098-34.445 16.197-38.845 35.312-8.847 38.526-8.776 132.054-.068 169.923 4.393 19.118 20.021 33.21 38.841 35.315 62.031 6.931 206.396 7.014 269.18 0 18.816-2.105 34.452-16.197 38.852-35.315 8.703-37.895 8.815-131.88.068-169.923M145.003 211.903v-63.809c0-11.344 12.28-18.434 22.105-12.762l55.261 31.906c9.824 5.672 9.824 19.852 0 25.524l-55.261 31.903c-9.825 5.672-22.105-1.418-22.105-12.762'/%3E%3C/svg%3E");
}

/* Reddit */
#screen > footer > div:first-child > div:first-child > ul > li:first-child + li + li > a {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 17 15'%3E%3Cpath fill='%23ffffff' d='M10.661 2.177a1.77 1.77 0 1 0-.01-.766A2.86 2.86 0 0 0 8.1 4.25v.009c-1.556.065-2.977.508-4.105 1.208a2.48 2.48 0 1 0-2.568 4.208c.082 2.879 3.219 5.194 7.078 5.194s7-2.318 7.078-5.2a2.48 2.48 0 1 0-2.574-4.206c-1.138-.704-2.575-1.147-4.147-1.206V4.25c0-1.053.783-1.928 1.798-2.071zM3.896 9.003c.042-.9.639-1.59 1.333-1.59.695 0 1.226.73 1.184 1.629-.041.9-.56 1.226-1.255 1.226s-1.303-.366-1.262-1.265m7.887-1.59c.695 0 1.293.69 1.333 1.59.042.9-.567 1.265-1.262 1.265-.694 0-1.213-.326-1.255-1.226s.489-1.629 1.184-1.629m-.826 3.67c.13.014.213.15.162.27a2.832 2.832 0 0 1-5.227 0 .196.196 0 0 1 .163-.27c.763-.077 1.589-.119 2.45-.119.863 0 1.688.042 2.452.12'/%3E%3C/svg%3E");
}

#screen > footer > div:first-child > div:first-child > ul > li > a > span {
	display: none;
}

/* Footer Menus */
#screen > footer > div:first-child > div:last-child {
	display: flex;
		justify-content: space-around;
		gap: 15px;
	flex: 1;
	white-space: nowrap;
}

#screen > footer > div:first-child > div:last-child > div > span {
	display: block;
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 12px;
	padding: 6px 0 16px;
	position: relative;
}

#screen > footer > div:first-child > div:last-child > div > span::before {
	content: "";
	background-color: #fe8900;
	height: 4px;
	position: absolute;
		bottom: 0;
		left: 0;
	width: 30px;
}

#screen > footer > div:first-child > div:last-child > div > ul {
	font-size: 14px;
	font-weight: 400;
	line-height: 2em;
}

#screen > footer > div:first-child > div:last-child > div > ul > li > a {
	color: #fff;
	transition: color 0.3s ease;
}

@media screen and (max-width: 949px) {
	#screen > footer > div:first-child {
		flex-flow: column;
	}

	/* Footer Logo */
	#screen > footer > div:first-child > div:first-child {
		font-size: max(calc(((100vw - 10%) - 10px) / 9.5), calc(((320px - 10%) - 10px) / 9.5));
		text-align: center;
	}
	/* Footer Socials */
	#screen > footer > div:first-child > div:first-child > ul {
		padding-bottom: 12px;
	}
}

@media screen and (max-width: 549px) {
	#screen > footer > div:first-child > div:last-child {
		flex-flow: row wrap;
	}

	#screen > footer > div:first-child > div:last-child > div {
		width: calc(50% - (15px / 2));
		text-align: center;
	}

	#screen > footer > div:first-child > div:last-child > div > span::before {
		width: 100%;
	}
}

/* Footer Bottom */
#screen > footer > div:last-child {
	display: flex;
		flex-wrap: wrap;
		gap: 16px;
	margin-top: 25px;
}

/* Copyright */
#screen > footer > div:last-child > div {
	color: #fff;
}

#screen > footer > div:last-child > ul {
	color: #fff;
	display: flex;
		flex-wrap: wrap;
		gap: 16px;
}

#screen > footer > div:last-child a {
	color: #fff;
}

/* Cart */
#cart {
	background-color: rgba(255, 255, 255, 0.2);
	height: 100%;
	height: 100dvh;
	min-width: 320px;
	position: absolute;
		top: 0;
		right: 0;
		left: 0;
	pointer-events: none;
	-webkit-overflow-scrolling: touch;
}

#cart > div {
	background-color: #fff;
	overscroll-behavior: contain;
	-webkit-overflow-scrolling: touch;
	overflow-y: auto;
	position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
	pointer-events: auto;
	width: 100%;
		max-width: 500px;
}

#cart > div > div:first-child {
	background-color: #000;
	color: #fff;
	display: flex;
		justify-content: space-between;
		align-items: center;
	font-size: 20px;
	padding: 8px 15px;
}

#cart > div > div:first-child > button {
	background-color: #000;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cline x1='3' y1='3' x2='13' y2='13' stroke='%23ffffff' stroke-width='2' stroke-linecap='round'/%3E%3Cline x1='13' y1='3' x2='3' y2='13' stroke='%23ffffff' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
	background-position: center;
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
	transition: transform 0.2s ease;
}

#cart > div > div:first-child > button:hover {
	transform: rotate(90deg);
}

/* Empty Cart */
#cart > div > div:first-child + div div.empty {
	color: #000000;
	font-size: 16px;
	padding: 30px;
	text-align: center;
}

#cart > div > div:first-child + div div.checkout {
	padding: 15px;
}

/* ========== ========== ========== ========== ========== */

#screen > main .error-container {
	background: #fff;
	border: 1px solid #c0c0b7;
	padding: 30px;
	max-width: 500px;
	margin: 30px auto;
	box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
	border-radius: 5px;
	text-align: center;
}

#screen > main .error-container h2 {
	text-align: left;
}

#screen > main .error-container p {
	margin: 15px 0;
	font-size: 18px;
}

#screen > main .error-container div {
	margin-top: 20px;
	font-size: 14px;
	color: #414141;
}

#screen > main .error-container a {
	color: #41424e;
}

#screen > main .error-container a:hover {
	color: #fe8900;
}