:root {
	--ss-body: #2d2d2c;
	--ss-white-smoke: #f3f4f6;
	--ss-primary: #2A9A88;
	--font-ss: "Public Sans", sans-serif;
	--ss-shad: 2px 2px 2px 1px #d3cfc8;
	--ss-shad2: #63636333 0px 2px 8px 0px;
	--ss-shad3: 2px 2px 2px 1px #6eC1a1;
	--normal-font-size: 12px;
	--larger-font-size: 14px;
	--normal-font-weight: 500;
	--lighter-font-weight: 300;
	--bold-font-weight: 700;
	--ss-border-radius: 5px;
	--ss-width: calc(0px + 18rem + (100% + 0px - 22rem) / 12 * 10);
	--template-headings-font: "Public Sans", sans-serif;
	--template-font: "Public Sans", sans-serif;
	--color-primary: #2D2D2C;
	--color-header-background: #fff;
	--ss-bg: #fff;
	--ss-header-height: 110px;
}

/* custom css framework */
body {
	--shoptet-design: none;

	& .ac--fs {
		align-content: flex-start !important
	}

	& .ai--center {
		align-items: center !important;
	}

	& .ai--fe {
		align-items: flex-end !important;
	}

	& .ai--fs {
		align-items: flex-start !important;
	}

	& .bg--0 {
		background: none !important;
	}

	& .bg--blue {
		background: #284666 !important;
	}

	& .bg--blur-4 {
		backdrop-filter: blur(4px) !important;
	}

	& .bg--green {
		background: #2A9A88 !important;
	}

	& .bg--grey {
		background: #2D2D2C !important;
	}

	& .bg--2d {
		background: #2D2D2C !important;
	}

	& .bg--black {
		background: #000 !important;
	}

	& .bg--b-50 {
		background: #00000080 !important;
	}

	& .bg--smoke {
		background: #F3F4F6 !important;
	}

	& .bg--white {
		background: #FFF !important;
	}

	& .border--none {
		border: none !important;
	}

	& .border--0 {
		border: none !important;
	}

	& .border-c--w50 {
		border-color: #ffffff80 !important;
	}

	& .border-rad--8 {
		border-radius: 8px !important;
	}

	& .border-rad--20 {
		border-radius: 20px !important;
	}

	& .border-rad--30 {
		border-radius: 30px !important;
	}

	& .border-rad--100 {
		border-radius: 100% !important;
	}

	& .border-r--ss {
		border-radius: var(--ss-border-radius);
	}

	& .border--s1 {
		border: solid 1px;
	}

	& .border-s__top {
		border-top: solid #2D2D2C !important
	}

	& .border-s__bottom {
		border-bottom: solid #2D2D2C !important
	}

	& .border--s1__right {
		border-right: solid 1px;
	}

	& .border-r--s1 {
		border-right: solid 1px;
	}

	& .box-sizing--cb {
		box-sizing: content-box !important;
	}

	& .btn--ss24 {
		height: 33px;
		padding: 7px 25px;
		box-shadow: 2px 2px 2px 1px #d3cfc8;
		border-radius: var(--ss-border-radius);
		font-size: var(--normal-font-size);
		text-transform: uppercase;
		background-color: var(--ss-white-smoke) !important;
		color: var(--ss-body) !important;
		border: none;
		transition: 0.5s;
		letter-spacing: 1px;

		&:hover {
			box-shadow: none;
			transition: 0.5s;
		}
	}

	& .btn--ss25 {
		background-color: #2D2D2C;
		border-color: #2D2D2C;
		color: #fff;
		display: inline-flex;
		border-radius: 2.337rem;
		border: 1px solid;
		white-space: nowrap;
		text-align: center;
		transition: 0.2s ease-in;
		padding: 1.337rem 2.337rem;
		cursor: pointer;
		font-size: 14px;
		font-weight: 500;
		align-items: center;
		justify-content: center;

		&:hover {
			background-color: #585856;
		}
	}

	& .cg--1r {
		column-gap: 1rem !important;
	}

	& .cursor--pointer {
		cursor: pointer !important;
	}

	& .dsp--0 {
		display: none !important;
	}

	& .dsp--1 {
		display: initial !important;
	}

	& .dsp--admin {
		display: none;
	}

	& .dsp--b {
		display: block !important;
	}

	& .dsp--flex {
		display: flex !important;
	}

	& .dsp--flex__center {
		display: flex !important;
		justify-content: center !important;
		align-items: center !important;
	}

	& .dsp--flex__down {
		display: flex !important;
		flex-direction: column !important;
	}

	& .dsp--flex__left-wrap {
		display: flex !important;
		flex-wrap: wrap !important;
		flex-direction: row-reverse;
	}

	& .dsp--flex__right {
		display: flex !important;
		flex-direction: row !important;
	}

	& .dsp--flex__right-wrap {
		display: flex !important;
		flex-wrap: wrap !important;
	}

	& .dsp--mobile {
		display: none !important
	}

	& .flex-dir--down {
		flex-direction: column !important;
	}

	& .flexwrap--no {
		flex-wrap: nowrap !important;
	}

	& .flexwrap--wrap {
		flex-wrap: wrap !important
	}

	& .float--left {
		float: left !important;
	}

	& .gap--20 {
		gap: 20px !important;
	}

	& .gap--5 {
		gap: 5px !important;
	}

	& .gap--8vw {
		gap: 8vw !important;
	}

	& .gap--10 {
		gap: 10px !important;
	}

	& .gap--10vw {
		gap: 10vw !important;
	}

	& .gap--12vw {
		gap: 12vw !important;
	}

	& .gap--40 {
		gap: 40px !important;
	}

	& .hov--rotate__90 {
		transform: rotate(90deg) !important;
	}

	& .hov--shad__1:hover {
		box-shadow: #2d2d2c 0px 2px 7px 1px !important;
	}

	& .hov--t__blue:hover {
		color: #284666 !important;
	}

	& .hov--t__green:hover {
		color: #2a9a88 !important;
	}

	& .hov--t__underline:hover {
		text-decoration: underline !important;
	}

	& .ht--14 {
		height: 14px !important;
	}

	& .ht--30 {
		height: 30px !important;
	}

	& .ht--40 {
		height: 40p !important;
	}

	& .ht--60vh {
		height: 60vh !important;
	}

	& .ht--70vh {
		height: 70vh !important;
	}

	& .ht--75 {
		height: 75px !important;
	}

	& .ht--100vh {
		height: 100vh !important;
	}

	& .ht--fa {
		height: -webkit-fill-available !important;
		height: -moz-available !important
	}

	& .ht--full {
		height: 100% !important;
	}

	& .ht-max--600 {
		max-height: 600px !important
	}

	& .ht-min--50vh {
		min-height: 50vh !important
	}

	& .ht-min--600 {
		min-height: 600px !important;
	}

	& .ht-min--80vh {
		min-height: 80vh !important
	}

	& .jc--center {
		justify-content: center !important;
	}

	& .jc--fe {
		justify-content: flex-end !important;
	}

	& .jc--sa {
		justify-content: space-around !important;
	}

	& .jc--sb {
		justify-content: space-between !important;
	}

	& .mg--0 {
		margin: 0 !important;
	}

	& .mg--0-auto {
		margin: 0 auto !important
	}

	& .mg--0-0-0-10vw {
		margin: 0 0 0 10vw !important;
	}

	& .mg--0-0-0-40 {
		margin: 0 0 0 40px !important
	}

	& .mg--0-0-10-0 {
		margin: 0 0 10px 0 !important
	}

	& .mg--0-0-30-0 {
		margin: 0 0 30px 0 !important;
	}

	& .mg--0-0-40-0 {
		margin: 0 0 40px 0 !important;
	}

	& .mg--0-10vw-0-0 {
		margin: 0 10vw 0 0 !important;
	}

	& .mg--0-15p {
		margin: 0 15% !important
	}

	& .mg--0-40 {
		margin: 0 40px !important;
	}

	& .mg--10-0 {
		margin: 10px 0 !important
	}

	& .mg--15 {
		margin: 15px !important
	}

	& .mg--1r-0 {
		margin: 1rem 0 !important;
	}

	& .mg--30-0-0-0 {
		margin: 30px 0 0 0 !important
	}

	& .mg--5-0-0-0 {
		margin: 5px 0 0 0 !important;
	}

	& .mg--50-0 {
		margin: 50px 0px !important
	}

	& .mg--60-0-0-0 {
		margin: 60px 0 0 0 !important
	}

	& .mg--10-0-0-0 {
		margin: 10px 0 0 0 !important;
	}

	& .mg--15-0 {
		margin: 15px 0px !important;
	}

	& .mg--20-0-0-0 {
		margin: 20px 0 0 0 !important
	}

	& .mg--40-0 {
		margin: 40px 0 !important;
	}

	& .mg--40-0-25 {
		margin: 40px 0 25px !important;
	}

	& .mg--40-20-20-0 {
		margin: 40px 20px 20px 0 !important;
	}

	& .min-wd--70p {
		min-width: 70% !important;
	}

	& .op--1 {
		opacity: 1 !important;
	}

	& .op--0 {
		opacity: 0 !important;
	}

	& .op--07 {
		opacity: 0.7 !important;
	}

	& .opacity--07 {
		opacity: 0.7 !important;
	}

	& .overflow--scroll {
		overflow: scroll !important;
	}

	& .pd--0 {
		padding: 0 !important;
	}

	& .pd--0-0-0-30 {
		padding: 0 0 0 30px !important;
	}

	& .pd--0-10 {
		padding: 0 10px !important;
	}

	& .pd--0-10p {
		padding: 0 10% !important;
	}

	& .pd--0-20 {
		padding: 0px 20px !important;
	}

	& .pd--0-55-0-20 {
		padding: 0 55px 0 20px !important
	}

	& .pd--10 {
		padding: 10px !important;
	}

	& .pd--10-10 {
		padding: 10px 10px !important;
	}

	& .pd--15 {
		padding: 15px !important;
	}

	& .pd--22r {
		padding: 2.2rem !important;
	}

	& .pd--24r {
		padding: 2.4rem !important;
	}

	& .pd--4-15 {
		padding: 4px 15px !important;
	}

	& .pd--5 {
		padding: 5px !important;
	}

	& .pd--8-20 {
		padding: 8px 20px !important;
	}

	& .pd--30 {
		padding: 30px !important;
	}

	& .pd--30-0 {
		padding: 30px 0 !important;
	}

	& .pd--30-0-30-0 {
		padding: 30px 0 30px 0 !important;
	}

	& .pd--40-0 {
		padding: 40px 0px !important;
	}

	& .pd-l--0 {
		padding-left: 0 !important;
	}

	& .pos--abs {
		position: absolute !important;
	}

	& .pos--rel {
		position: relative !important;
	}

	& .pos--unset {
		position: unset !important
	}

	& .rotate--90 {
		transform: rotate(90deg) !important;
	}

	& .rotate--m30 {
		transform: rotate(-30deg) !important;
	}

	& .rotate--m90 {
		transform: rotate(-90deg) !important;
	}

	& .shad--1 {
		box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px !important;
	}

	& .t-align--center {
		text-align: center !important;
	}

	& .t-align--end {
		text-align: end !important;
	}

	& .t-align--justify {
		text-align: justify !important;
	}

	& .t-color--aaa {
		color: #aaaaaa !important;
	}

	& .t-color--blue {
		color: #284666 !important;
	}

	& .t-color--green {
		color: #2a9a88 !important;
	}

	& .t-color--offwhite {
		color: #f8f0e3 !important;
	}

	& .t-color--smoke {
		color: #F3F4F6 !important;
	}

	& .t-color--ssblack {
		color: #2D2D2C !important;
	}

	& .t-color--2D2D2C {
		color: #2D2D2C !important;
	}

	& .t-color--white {
		color: #fff !important;
	}

	& .t-d--under {
		transition: 0.8s;
	}

	& .t-d--under:hover {
		text-decoration: underline !important;
	}

	& .t-decor--unset {
		text-decoration: unset !important;
	}

	& .t-decor--underline {
		text-decoration: underline !important;
	}

	& .t-decor--underline__green {
		text-decoration: underline #2a9a88 !important;
	}

	& .t-ff--bebas {
		font-family: 'Bebas Neue' !important;
	}

	& .t-ff--public {
		font-family: var(--font-ss) !important;
	}

	& .t-fs--0 {
		font-size: 0px !important
	}

	& .t-fs--10 {
		font-size: 10px !important;
	}

	& .t-fs--11 {
		font-size: 11px !important;
	}

	& .t-fs--12 {
		font-size: var(--normal-font-size) !important;
	}

	& .t-fs--13 {
		font-size: 13px !important;
	}

	& .t-fs--14 {
		font-size: 14px !important;
	}

	& .t-fs--16 {
		font-size: min(16px, 3vw) !important
	}

	& .t-fs--18 {
		font-size: 18px !important;
	}

	& .t-fs--20 {
		font-size: 20px !important;
	}

	& .t-fs--22 {
		font-size: 22px !important;
	}

	& .t-fs--25 {
		font-size: min(25px, 5vw) !important
	}

	& .t-fs--30 {
		font-size: 30px !important;
	}

	& .t-fs--35 {
		font-size: min(35px, 6vw) !important
	}

	& .t-fs--48 {
		font-size: min(48px, 5vw) !important
	}

	& .t-fs--60 {
		font-size: min(60px, 10vw) !important
	}

	& .t-fs--68 {
		font-size: min(68px, 7vw) !important
	}

	& .t-fs--80 {
		font-size: 80px !important;
	}

	& .t-fs--headline {
		font-size: min(60px, 5vw) !important;
	}

	& .t-fs--medium {
		font-size: 41.887px !important;
	}

	& .t-fw--300 {
		font-weight: 300 !important;
	}

	& .t-fw--500 {
		font-weight: 500 !important;
	}

	& .t-fw--400 {
		font-weight: 400 !important;
	}

	& .t-fw--600 {
		font-weight: 600 !important;
	}

	& .t-fw--700 {
		font-weight: 700 !important
	}

	& .t-fw--800 {
		font-weight: 800 !important;
	}

	& .t-fw--900 {
		font-weight: 900 !important;
	}

	& .t-fw--lighter {
		font-weight: lighter !important;
	}

	& .t-fw--normal {
		font-weight: normal !important;
	}

	& .t-lh--1 {
		line-height: 1 !important;
	}

	& .t-lh--2 {
		line-height: 2 !important;
	}

	& .t-lh--15 {
		line-height: 1.5 !important;
	}

	& .t-lh--25 {
		line-height: 25.888px !important;
	}

	& .lh--25 {
		line-height: 25.888px !important;
	}

	& .t-lh--80 {
		line-height: 80px !important;
	}

	& .t-ls--04r {
		letter-spacing: 0.4rem !important;
	}

	& .t-ls--1 {
		letter-spacing: 1px !important;
	}

	& .t-ls--13 {
		letter-spacing: 1.3px !important;
	}

	& .t-ls--15 {
		letter-spacing: 1.5px !important;
	}

	& .t-ls--17 {
		letter-spacing: 1.7px !important;
	}

	& .t-ls--2 {
		letter-spacing: 2px !important;
	}

	& .t-ls--2r {
		letter-spacing: 2rem !important;
	}

	& .t-ls--3 {
		letter-spacing: 3px !important;
	}

	& .t-shad--cat {
		text-shadow: 4px 4px 0 #284666 !important;
	}

	& .t-shad--green {
		text-shadow: 4px 4px 0 #2A9A88 !important;
	}

	& .t-style--em {
		font-style: italic !important;
	}

	& .t-trans--none {
		text-transform: none !important;
	}

	& .t-trans--uppercase {
		text-transform: uppercase !important;
	}

	& .t-trans--upper {
		text-transform: uppercase !important;
	}

	& .transition-property--transform {
		transition-property: transform !important;
	}

	& .t-underline-offset--10 {
		text-underline-offset: 10px !important;
	}

	& .trans--05 {
		transition: 0.5s !important;
	}

	& .trans--08 {
		transition: 0.8s !important;
	}

	& .trans--25 {
		transition: 2.5s !important;
	}

	& .wd--100vw {
		width: 100vw !important
	}

	& .wd--14 {
		width: 14px !important;
	}

	& .wd--22p {
		width: 22% !important;
	}

	& .wd--30 {
		width: 30px !important;
	}

	& .wd--30r {
		width: 30rem !important;
	}

	& .wd--33p {
		width: 33% !important;
	}

	& .wd--40r {
		width: 40rem !important;
	}

	& .wd--50p {
		width: 50% !important;
	}

	& .wd--70vw {
		width: 70vw !important;
	}

	& .wd--90p {
		width: 90% !important;
	}

	& .wd--fa {
		width: -webkit-fill-available !important;
	}

	& .wd--fc {
		width: fit-content !important;
	}

	& .wd--full {
		width: 100% !important;
	}

	& .wd--third {
		width: 33.33% !important;
	}

	& .wd-max--75 {
		max-width: 75% !important;
	}

	& .wd--400 {
		width: 400px !important
	}

	& .wd-max--15vw {
		max-width: max(15vw, 150px) !important
	}

	& .wd-max--20vw {
		max-width: max(20vw, 250px) !important
	}

	& .wd-max--500 {
		max-width: 500px !important;
	}

	& .wd-max--600 {
		max-width: 600px !important
	}

	& .max-wd--600 {
		max-width: 600px !important
	}

	& .wd-max--800 {
		max-width: 800px !important;
	}

	& .wd-max--ss {
		max-width: var(--ss-width) !important
	}

	& .ws--nowrap {
		white-space: nowrap !important;
	}

	& .ws--nw {
		white-space: nowrap !important;
	}

	& .z--1 {
		z-index: 1 !important;
	}

	& .z--999 {
		z-index: 999 !important;
	}

}

::-webkit-scrollbar {
	-webkit-appearance: none;
}

::-webkit-scrollbar:vertical {
	width: 10px;
}

::-webkit-scrollbar:horizontal {
	height: 7px;
}

::-webkit-scrollbar-thumb {
	background-color: #7f7f7f;
	border-radius: 10px;
	border: 1px solid #fff;
}

::-webkit-scrollbar-track {
	border-radius: 10px;
	background-color: transparent;
}

body.admin-logged .dsp--admin {
	display: block !important;
}

body.admin-logged .v--admin {
	visibility: visible !important;
}

body.customer-logged {
	--shoptet: none;

	& .unregistered {
		display: none !important;
	}

	& .registered {
		display: flex;
	}
}

/* READY for ReDESIGN ----->*/

body.ordering-process {
	--shoptet: none;

	& a.next-step-back {
		padding: 2.4rem;
	}

	& aside.sidebar-left {
		display: none;
	}

	& button {
		--shoptet: none;

		&.btn-conversion.next-step-forward {
			border-radius: var(--ss-border-radius);
			width: 100%;
			max-width: 175px;
			padding: initial;

			& span {
				font-size: var(--normal-font-size);
				font-weight: var(--normal-font-weight);
			}
		}

		&.btn-conversion.next-step-forward {
			line-height: normal;
		}

		& span.order-button-text {
			font-size: 12px;
			font-weight: 500;
			letter-spacing: 1px;
			text-transform: uppercase;
			padding: 0;
			line-height: 2.5rem;
		}

		& span.order-button-suffix {
			font-size: 12px;
			font-weight: 500;
			letter-spacing: 1px;
			text-transform: uppercase;
			padding: 0;
			line-height: 2.5rem;
		}
	}

	& div.cart-inner h4 :not(#summary-box h4) {
		display: none;
	}

	& div#checkoutContent label[for="login"] {
		display: none;
	}

	& div.next-step {
		width: 100%;
		padding: 2.4rem;
		justify-content: end;

		& a.next-step-back {
			display: none;
		}
	}

	& div.order-summary {
		color: var(--ss-body);
		text-transform: uppercase;

		& a {
			font-weight: var(--normal-font-weight);
			font-size: var(--normal-font-size);
			color: var(--ss-body);
		}
	}

	& div.radio-wrapper.active label span b {
		color: var(--ss-primary);
	}

	& div.order-summary-item {
		font-size: var(--normal-font-size);
		letter-spacing: 1px;
		font-weight: 500;
	}

	& form#order-form div.form-group div:has(a.btn.btn-secondary) {
		background: var(--ss-white-smoke);
		box-shadow: var(--ss-shad);
		padding: 0px 33px;
		border-radius: var(--ss-border-radius);
		letter-spacing: 1px;
		color: #2d2d2c;

		& a {
			font-weight: 500;
			background: transparent;
		}
	}

	& h4 {
		font-size: var(--larger-font-size);
		text-transform: uppercase;
		color: var(--color-primary);
		letter-spacing: 1px;

		&:before {
			content: '';
		}
	}

	& input {
		border-radius: var(--ss-border-radius);
	}

	& label {
		font-size: var(--normal-font-size);
		color: var(--color-primary);
		text-transform: uppercase;
		letter-spacing: 1px;
		font-weight: 500;
	}

	& select {
		font-size: var(--normal-font-size);
		color: var(--color-primary);
		text-transform: uppercase;
		letter-spacing: 1px;
		font-weight: 500;
	}

	& span.continue-shopping {
		color: var(--ss-body);
		font-weight: var(--normal-font-weight);
		text-transform: uppercase;
		font-size: var(--normal-font-size);
		display: flex;
		flex-direction: row;
		align-items: center;
		letter-spacing: 1px;

		&::before {
			margin: 0;
			padding: 8px;
			font-size: var(--normal-font-size);
		}
	}

	& strong {
		font-size: var(--normal-font-size);
		color: var(--color-primary);
		font-weight: 500;

		&.price.price-secondary {
			font-size: var(--normal-font-size) !important;
		}
	}
}

body.ordering-process.in-krok-2,
body.ordering-process.in-step-2,
body.ordering-process.in-schritt-2 {
	--shoptet: none;

	& fieldset.co-contact-information div:nth-child(2) {
		display: flex;
	}

	& div.next-step button {
		padding: initial;
		transition: 0.8s;
		width: 100%;
		max-width: 275px;
	}

	& .co-contact-information .form-group .btn {
		white-space: nowrap;
		border: none;
		box-shadow: none
	}

	& div.form-group.company-shopping.unveil-wrapper {
		display: none;
	}
}

body.ordering-process.in-kosik,
body.ordering-process.in-cart,
body.ordering-process.in-warenkorb {
	--shoptet: none;

	& div.cart-inner.cart-empty {
		display: flex;
		flex-direction: column;
		align-items: center;

		& h1.cart-heading {
			display: flex;
			flex-direction: column;
			align-items: center;
			margin: 3.337rem;
			gap: 2.337rem;
			font-size: 28px;
			font-weight: 600;

			&:before {
				content: url(https://www.sneakerstore.cz/user/documents/upload/pages/cart/cart2.png);
				border: solid 2px #F5F5F5;
				width: fit-content;
				border-radius: 100%;
				margin: 0;
			}
		}

		& div.row.cart-row div:not(#emptyCartButton) {
			display: none;
		}
	}

	& ol.cart-header {
		display: none;
	}

	& div.cart-inner {
		display: grid;
		grid-column-gap: 0px;
		grid-row-gap: 0px;
		grid-template-columns: auto auto;

		& table.cart-table {
			border: none;
			margin: 1.337rem 0;
			grid-area: 1 / 1 / 2 / 3;


			& tr {
				border: solid 1px #eeeeec;
				border-radius: 1.033rem;
				padding: 1.033rem;
				display: grid;
				grid-template-rows: repeat(2, 1fr);
				grid-column-gap: 0px;
				grid-row-gap: 0px;
				justify-items: start;
				grid-template-columns: auto 1fr;
				margin: 0.8rem 0;

				&:first-child {
					margin-top: 0rem;
				}

				& td.cart-p-image {
					grid-area: 1 / 1 / 3 / 2;
					padding: 0;
					background: #fafafa;
					border-radius: 1rem;
					width: 100%;
					border: none;

					& a img {
						width: 100px;
						border: solid 1px #f1f1ef;
						border-radius: 1rem;
						mix-blend-mode: multiply;
					}
				}

				& td.p-name {
					grid-area: 1 / 2 / 2 / 3;
					background-color: transparent;
					padding-left: 1.337rem;
					border: none;

					& a {
						font-size: 14px;
						font-weight: 500;
						color: #2d2D2c;

						& span {
							font-size: 12px;
							font-weight: 400;
							color: #9e9e9e;
							margin-top: 0.7rem;
						}
					}
				}

				& td.p-availability {
					grid-area: 1 / 3 / 2 / 4;
					border: none;

					& strong {
						font-weight: 400;
						color: #2a9A88 !important;
						border-bottom-style: dashed;
						border-bottom-width: 1px;
						cursor: help;
					}
				}

				& td.p-quantity {
					grid-area: 2 / 2 / 3 / 3;
					margin-left: 1.337rem;
					padding: 0;
					border: none;
					background: transparent;
					align-self: end;

					& form {
						background-color: #f6f6f5;
						border-radius: 3.37rem;
						border: solid 1px #eeeeec;
						height: 35px;
						display: block;

						& span.quantity {
							border: none;
							height: 35px;
							padding-left: 35px;
							padding-right: 35px;

							& label {
								font-size: 14px;
								color: #2d2d2c;
								display: flex;
								height: 100%;
								align-items: center;
							}

							& button {
								height: 35px;
								background-color: transparent;
								border: none;
							}

							& button:before {
								font-size: 8px;
								color: #2d2d2c;
								line-height: 35px;
							}
						}
					}
				}

				& td.p-price {
					display: none;
				}

				& td.p-total {
					grid-area: 2 / 3 / 3 / 4;
					width: 100%;
					align-self: start;
					display: flex;
					gap: 1rem;
					flex-direction: row-reverse;
					align-items: center;
					border: none;

					& strong {
						font-size: 14px;
					}

					& form button {
						padding: 0;
						display: flex;

						&:before {
							font-size: 8px;
						}
					}
				}
			}
		}

		& div.fvDoplnek-upsell {
			border: none;
			margin: 1.337rem 0;
			grid-area: 2 / 1 / 3 / 3;
		}

		& div.delivery-time {
			color: #2d2d2c;
			font-size: 12px;
			font-weight: 500;
			margin: 1.337rem 0;
			grid-area: 3 / 1 / 4 / 2;

			& strong {
				font-size: 12px;
				font-weight: 500;
				color: #2D2d2C;
			}
		}

		& div.ssCart {
			margin: 1.337rem 0;
			grid-area: 4 / 1 / 5 / 2;


			& span {
				color: #2D2D2C;
				font-size: 12px;
				font-weight: 500;
			}
		}

		& h4 {
			display: none;
		}

		& div.discount-coupon {
			grid-area: 3 / 2 / 5 / 3;
			padding: 0;

			& input {
				border: solid 1px #eeeeec;
				border-right: none;
				font-size: 14px;
				font-weight: 500;
				background: #f6f6f5;
				border-radius: 3.37rem 0 0 3.37rem;
				text-align: center;
				color: #9e9e9e;
				padding-right: 0;
			}

			& button {
				border: solid 1px #eeeeec;
				border-left: none;
				border-radius: 0 3.37rem 3.37rem 0;
				background: #f6f6f5;
				padding-left: 1rem;
				font-size: 0;

				&:before {
					color: #2d2d2c;
					font-size: 16px;
				}
			}
		}

		& div.row.summary {
			grid-area: 5 / 1 / 6 / 3;

			& div.price-wrapper {
				--shoptet: none;

				& span.price-label.price-primary {
					color: #2d2d2c;
					font-size: 14px;
					text-align: end;
					font-weight: 600;
				}

				& strong.price.price-primary {
					color: #2d2d2c;
					font-size: 16px;
					text-align: end;
					padding-right: 2.337rem;
					font-weight: 600;
				}
			}
		}

		& div.next-step {
			justify-content: end;
			grid-area: 6 / 1 / 7 / 3;
			width: 100%;
			padding: 2.4rem;

			& a.next-step-back {
				display: none;
			}


			& a.next-step-forward {
				letter-spacing: 1px;
				width: 100%;
				border-radius: 2.337rem;
				text-align: center;
				line-height: initial !important;
                padding: 1.337rem 0;
				border: solid 1px;
				background-color: #2d2d2c;
				transition: 0.5s;


				& span {
					font-size: 14px;
					text-transform: none;
					font-weight: 500;
				}

				&:after {
					content: none;
				}

				&:hover {
					background-color: #434342;
					transition: 0.5s;
				}
			}
		}
	}
}


/* <-------- READY for ReDESIGN*/

/* body.in-klient body.in-kundencenter */

body.customer-page {
	--shoptet: none;

	& div.breadcrumbs {
		display: none;
	}

	& div.client-center-box li {
		line-height: 40px;
		font-weight: var(--normal-font-weight);
		font-size: var(--normal-font-size);

		&::marker {
			content: none;
		}

		&.active a {
			color: var(--ss-primary);
		}

		&:nth-child(7) {
			display: none;
		}

		&:nth-child(8) {
			display: none;
		}

		&:nth-child(9) {
			display: none;
		}

		& a {
			color: var(--ss-body);
			letter-spacing: 1px;
		}

		&.logout {
			margin: 0;

			& a {
				font-size: var(--normal-font-size);
				padding: 0;
				border: none;
				font-weight: var(--normal-font-weight);
				box-shadow: none;
				text-align: left;
				text-transform: none;
			}
		}
	}

	& div.content-inner h1 {
		display: none;
	}

	& table {
		font-weight: var(--normal-font-weight);
		font-size: var(--normal-font-size);
		letter-spacing: 1px;

		&.border {
			width: max-content;

			& th {
				padding: 0 40px;
				color: #818180;
				line-height: 30px;
			}

			& tbody tr {
				line-height: 40px;

				&:nth-child(odd) {
					background: #E2EDED;
				}
			}

			& td {
				padding: 0;
			}

			& th {
				border: none !important;
				text-align: start;
			}
		}

		&.table a {
			color: var(--ss-primary);
		}
	}

	& .form-group input.form-control {
		font-size: 12px;
		font-family: var(--font-ss);
		text-transform: uppercase;
		font-weight: var(--lighter-font-weight);
		letter-spacing: 1px;
	}
}

body.customer-page.in-dorucovaci-udaje {
	--shoptet: none;

	& div.submit-wrapper input {
		border: solid 2px #284666;
		font-weight: var(--bold-font-weight);
		color: #284666;
		padding: 11px 40px;
		transition: 0.9s;

		&:hover {
			background-color: #284666;
			color: var(--ss-white-smoke);
		}
	}

	& h4 {
		color: var(--ss-body);
		text-transform: uppercase;
	}

	& input {
		border-radius: var(--ss-border-radius);
	}

	& select {
		border-radius: var(--ss-border-radius);
	}
}

body.customer-page.in-nastaveni,
body.customer-page.in-einstellungen {
	--shoptet: none;

	& div.co-box {
		max-width: 700px;
		border-radius: var(--ss-border-radius);
		font-family: var(--font-ss);
		font-weight: var(--normal-font-weight);
		font-size: var(--normal-font-size);
		text-transform: uppercase;

	}

	& div.form-group.submit-wrapper p {
		text-align: center;
		max-width: 700px;
	}

	& fieldset {
		max-width: 700px;
		border-radius: var(--ss-border-radius);

		&.co-box.co-registration td a {
			font-weight: var(--bold-font-weight);

			&.delete-item {
				color: #ff0017;
			}
		}

		&.co-box.co-registration tr {
			display: flex;
			flex-wrap: wrap;
			flex-direction: row;
			justify-content: center;

			& td {
				width: 100%;
				text-align: center;

				&:nth-last-child(-n+3) {
					width: unset;
				}
			}
		}

		&.co-box.co-registration strong {
			color: var(--ss-primary);
		}

		&.co-box.co-registration p {
			text-align: center;

			& a {
				color: var(--ss-body);
				font-weight: var(--normal-font-weight);
				font-size: var(--normal-font-size);
				text-transform: uppercase;
			}
		}
	}

	& h4 {
		text-align: center;
		margin-bottom: 20px;
		color: var(--ss-body);
		font-family: var(--font-ss);
		font-weight: var(--normal-font-weight);
		font-size: var(--larger-font-size);
		text-transform: uppercase;
		letter-spacing: 1px;
	}

	& input {
		border-radius: var(--ss-border-radius);

		&.btn {
			border: none;
			padding: initial;
			background-color: var(--ss-white-smoke);
			font-weight: var(--normal-font-weight);
			max-width: 275px;
			width: 100%;
			box-shadow: var(--ss-shad);
			color: var(--ss-body);
			transition: 0.8s;

			&:hover {
				box-shadow: none;
			}
		}
	}

	& label {
		--shoptet: none;

		&[for="currentPassword"] {
			line-height: unset;
		}

		& span {
			color: var(--ss-body);
			letter-spacing: 1px;
		}
	}

	& select {
		border-radius: var(--ss-border-radius);
	}
}

body.in-dekujeme,
body.in-danke {
	--shoptet: none;

	& div.order-summary-item {
		--shoptet: none;

		&.preRecapMsg {
			font-size: var(--larger-font-size);
			font-weight: var(--bold-font-weight);
			color: var(--ss-body);

			& a {
				color: var(--ss-primary);
				text-decoration: underline;
				cursor: pointer;
			}
		}

		&.total {
			color: var(--ss-body);
		}
	}

	& div.order-complete-links a {
		padding: 0px 20px;
		text-transform: uppercase;

		&.btn {
			border: solid 2px #284666;
			border-radius: var(--ss-border-radius);
			padding: 11px 40px;
			color: #284666;
			font-weight: var(--bold-font-weight);
			transition: 0.8s;

			&:hover {
				border: solid 2px #284666;
				background: #284666;border-radius: var(--ss-border-radius);
				padding: 11px 40px;
				color: var(--ss-white-smoke);
				font-weight: var(--bold-font-weight);
			}
		}
	}

	& h4 {
		color: var(--ss-body);
	}

	& table {
		--shoptet: none;

		&.table.recapitulation-table th {
			padding: 10px;
		}

		&.cart-table tr td {
			box-shadow: none !important;
			border-radius: 0;
		}
	}

	& td.p-price {
		font-weight: initial;
	}
}

body.in-hodnoceni-obchodu,
body.in-store-rating,
body.in-geschaftsbewertung {
	--shoptet: none;

	& h1 {
		margin-bottom: 7rem;
		font-size: min(25px, 5vw);
		font-weight: 500;
		letter-spacing: 1px;
	}

	& div.form-group.consents label {
		text-transform: uppercase;
		font-size: 12px;
		font-weight: 500;
		color: #2D2D2C;
		letter-spacing: 1px;
	}

	& div.pagination {
		font-size: 12px;
		letter-spacing: 1px;
	}

	& div.pagination-count {
		color: #2D2D2C;
		text-transform: uppercase;
		font-size: 12px;
		letter-spacing: 1px;
		font-weight: 500;
	}

	& div.pagination-top strong {
		letter-spacing: 1px !important;
		font-size: 12px;
		letter-spacing: 1px;
		font-weight: 500;
	}

	& div.rate-average-inner {
		align-items: flex-end !important;
	}

	& div.vote-content {
		text-transform: uppercase;
		font-size: 12px;
		letter-spacing: 1px;
		color: #2D2D2C;
	}

	& div.vote-form {
		--shoptet: none;

		& div.form-group input {
			height: 33px;
			border: none;
			border-radius: var(--ss-border-radius);
			box-shadow: var(--ss-shad);
			background: var(--ss-white-smoke);
			font-size: var(--normal-font-size);
			color: var(--ss-body);
			transition: 0.5s;
			text-transform: uppercase;
			letter-spacing: 1px;
			font-weight: 500;

			&:focus-visible {
				box-shadow: none;
				transition: 0.5s;
			}
		}

		& textarea {
			text-transform: uppercase;
			letter-spacing: 1px;
			font-size: 12px;
			font-weight: 500;
			border-radius: var(--ss-border-radius);
			border: none;
			box-shadow: var(--ss-shad);
			background: var(--ss-white-smoke);
			color: var(--ss-body);
			transition: 0.5s;

			&:focus-visible {
				box-shadow: none;
				transition: 0.5s;
			}
		}

		& input.btn-primary {
			height: unset !important;
		}
	}

	& div.vote-wrap {
		background: #F3F4F6;
		padding: 20px 30px 20px 20px;
		border-top: none;
		border-radius: var(--ss-border-radius);
		width: fit-content;
		border-top-style: none !important;
	}

	& input.btn.btn-sm.btn-primary {
		border: none;
		border-radius: var(--ss-border-radius);
		color: #fff;
		padding: 13px 26px !important;
		font-weight: var(--lighter-font-weight);
		margin: 20px 0;
		font-size: var(--larger-font-size);
		background: var(--ss-primary);
		transition: 0.8s;

		& :hover {
			background-color: #217A6C !important;
			border-color: #217A6C !important;
		}
	}

	& span.link-like.rating-icon {
		border-radius: var(--ss-border-radius);
		border: none;
		color: white;
        padding: 10px 25px !important;
		font-weight: 500;
		margin: 20px 0;
		font-size: 12px;
		background-color: #2A9A88;
		transition: 0.5s;
        box-shadow: var(--ss-shad);
		text-transform: uppercase;
		letter-spacing: 1px;
        
        &:hover {
			background-color: #217A6C !important;
			border-color: #217A6C !important;
		}
	}

	& span.rate-average {
		color: var(--ss-primary);
	}

	& span.rate-value {
		color: #2D2D2C;
	}

	& span.stars-label {
		font-size: 12px;
		text-transform: uppercase;
		letter-spacing: 1px;
	}

	& span.vote-name {
		font-size: 14px;
		text-transform: uppercase;
		letter-spacing: 1px;
		font-weight: 500;
		color: #2D2D2C;
	}

	& .star-on::before {
		color: var(--ss-primary) !important;
	}
}

body.in-index {
	--shoptet: none;

	& main.content {
		padding: 0;
	}

	& div.banners-row {
		margin: 0;

		& div#carousel {
			--shoptet: none;

			& div.carousel-inner {
				display: flex;
				align-items: center;
				border-radius: 0rem 0rem 1.337rem 1.337rem;

				& div.item {
					margin: 0 auto;
                    
                    & div.flexCarouselBUY {
						--shoptet: none;
                        
                        & table.detail-parameters {
							--shoptet: none;

							& tr.variant-list th {
								display: none;
							}

							& tr:nth-child(2) {
								display: none;
							}
						}

						& button {
							border-radius: var(--ss-border-radius);
							padding: 7px 25px;
							background-color: #fff !important;
							color: #2D2D2C;
							transition: 0.8s;
							width: auto;
                            letter-spacing: 1px;
                            box-shadow: var(--ss-shad3);
						}

						& div.p-basic-info-block {
							border: none;

							& span.availability-label {
								display: none;
							}
						}

						& div.p-to-cart-block {
							justify-content: flex-start;
							gap: 50px;
							border: none;
							padding: 0;
							flex-wrap: nowrap;

							& div.p-final-price-wrapper {
								width: auto;

								& strong {
									font-size: initial;
									font-weight: var(--normal-font-weight);
									text-transform: uppercase;
									font-family: var(--font-ss);
								}

								& span.price-final-holder {
									font-size: 18px;
									color: white;
									background: #6EC1A9;
									padding: 4px;
								}
							}

							& div.p-add-to-cart-wrapper {
								margin-left: 0 !important;
								width: auto !important;

								& span.quantity {
									display: none;
								}
							}

							& .add-to-cart-button.btn-conversion:before {
								content: "";
								margin-right: 0;
							}
						}

						& select {
							border-radius: var(--ss-border-radius);
							color: var(--ss-body);
							text-transform: uppercase;
							font-size: var(--normal-font-size);
							box-shadow: var(--ss-shad3);
							letter-spacing: 1px;

							&:focus-visible {
								box-shadow: none;
								transition: 0.5s;
							}
						}
					}

					& div.flexCarouselIMG:hover {
						transform: scale(1.04);
					}
				}
			}

			& a.carousel-control {
				color: #fff;

				&:before {
					margin: 0px;
					border: none;
				}
			}

		}

		& div.next-to-carousel-banners {
			margin-top: 0px;
		}
	}

	& div.index-content-wrapper {
		overflow-x: hidden;

		& div.products.products-block {
			display: flex;
			flex-wrap: nowrap;
			overflow-y: hidden !important;
			margin: 0px;
			gap: 1.337rem;
			-ms-overflow-style: none;
            scrollbar-width: none;
            
            & div.product {
				padding: 0 !important;
                
                & div.p{
                    height: auto !important;
					text-align: start;
					justify-content: space-between;
                    border: none;
					width: calc(100vw / 4.27) !important;
                    max-width: 300px !important;
                    gap: 1.337rem;
                    
                    & a.image{
                        background: #f7f7f7;
                        border-radius: 1.337rem;
                        aspect-ratio: 1;
                        display: flex;
                        flex-direction: column;
                        justify-content: center;
                        
                        & img {
							mix-blend-mode: multiply;
						}

						& div.flags-default {
							--shoptet: none;

							&:after {
								transform: none;
								width: 0;
							}

							& span.flag.flag-action {
								display: none;
							}

							& span.flag.flag-custom2 {
								border-radius: var(--ss-border-radius);
								padding: 6px 11px;

								&::before {
									transform: none;
									width: 0;
								}
							}

							& span.flag.flag-new {
								display: none;
							}

							& span.flag.flag-tip {
								display: none;
							}
						}

						& div.flags-extra {
							--shoptet: none;

							& span.flag.flag-discount {
								font-weight: 100;
								background-color: unset;
								flex-direction: row;
                                width: fit-content;
                                height: fit-content;
								color: transparent;
							}
						}
                    }

					& div.p-in {
						padding-top: 0px !important;

						& div.p-in-in {
							height: unset;

							& .name {
								height: auto;
                                padding: 0px;
                                
                                & span {
									text-transform: uppercase;
									font-size: var(--normal-font-size);
									font-weight: var(--normal-font-weight);
									color: var(--ss-body);
								}
							}
						}

						& div.p-bottom.single-button {
							padding: 5px 0 !important;
							font-size: var(--normal-font-size);
							font-weight: var(--normal-font-weight) !important;
							text-transform: uppercase;
							color: #666;

							& div.prices {
								letter-spacing: 1px;

								& strong {
									font-weight: 500;
									letter-spacing: initial;
								}
							}

							& div.p-tools {
								display: none;
							}
						}
					}

					& div.widget-parameter-wrapper {
						display: none;

						&.justified {
							display: none;
						}
					}
                }
			}
		}

		& div.shp-tabs-wrapper.homepage-tabs-wrapper {
			--shoptet: none;

			& div.shp-tabs-row {
				display: none;
			}

			& div.tab-content {
				padding-left: 2.4rem;
				padding-right: 0;

				& div#homepageProducts4 {
					position: relative;
					display: flex;
					flex-direction: row;
					flex-wrap: wrap;
					align-items: flex-end;

					& div.homepage-products-heading-4 {
						margin-top: 40px;
						display: block;
						color: var(--ss-body);
						text-transform: uppercase;
						font-weight: 600;
						font-size: 18px !important;
                        letter-spacing: 1px;
						width: 90%;
					}

					& div#products-4.products-block {
						width: 100%;
					}
				}

				& a.advcontrol {
					transition: 0.5s;
					color: var(--ss-body);
                    margin-right: 15px;

					&:hover {
						cursor: pointer;
						color: var(--ss-body)
					}
				}
			}
		}

		& div.homepage-texts-wrapper {
			display: none;
		}

		& div.footer-banner {
			margin: 2.4rem 0;
			padding-right: 0px;

			& h2 {
				color: var(--ss-body);
				font-weight: var(--bold-font-weight);
				text-transform: uppercase;
				font-size: 18px;
			}
            
            & a.seemore::after {
				content: " →";
			}

			& div#hodnoceni-load {
				--shoptet: none;

				& div.votes-wrap {
					display: flex;
					overflow-x: scroll;
					overflow-y: hidden;
					max-width: calc(100vw - 10px);

					& div.vote-content {
						height: 58px;
						overflow-y: scroll;
						font-size: var(--normal-font-size);
						letter-spacing: 0.5px;
						color: var(--ss-body);
					}

					& div.vote-wrap {
						flex-shrink: 0;
						border: solid 1px #dedede;
						border-right: none;
						padding: 15px 15px 0px 15px;
						width: 350px !important;
						height: fit-content;
						min-height: 150px;
					}

					& span {
						--shoptet: none;

						&.vote-name {
							font-size: var(--normal-font-size);
							text-transform: uppercase;
							color: var(--ss-body);
							letter-spacing: 1px;
						}

						&.vote-pic {
							display: none;
						}

						&.vote-summary {
							display: flex;
							flex-direction: column-reverse;
							align-items: center;
							gap: 10px;
						}

						&.vote-delimeter {
							display: none;
						}
					}
				}
			}

			& div#hodnoceni-load-link a:hover {
				text-decoration: underline;
			}

			& div#ssVoucher {
				--shoptet: none;

				& div#ssVoucher__right a:hover {
					cursor: pointer;
					color: #284666 !important;
				}

				& div#ssVoucher__right a::after {
					content: "\2192";
					margin: 5px;
				}

				& div#ssVoucher__mid button {
					top: calc(50% - 15px);
					left: calc(44% - 5px);
				}
			}

			& div#rate-average-inner {
				--shoptet: none;

				& span.stars-label {
					font-size: var(--normal-font-size);
					text-transform: uppercase;
				}

				& span.rate-average {
					font-size: var(--normal-font-size);
					color: var(--ss-body);
				}
			}

			& #button__pulse {
				display: none;
				animation: ss-pulse 2s infinite;

				&:hover {
					-webkit-animation: none;
					animation: none;
					cursor: pointer;
					opacity: 0.6;
				}
			}

			& #button-inner-circle {
				display: none;
				left: calc(50% - 7px);

				&:hover {
					-webkit-animation: none;
					animation: none;
					cursor: pointer;
					opacity: 0.6;
				}
			}

			& a.advcontrol {
				transition: 0.5s;
				color: var(--ss-body);
				margin-right: 15px;

				&:hover {
					cursor: pointer;
					color: var(--ss-body)
				}
			}
		}
	}

}

body.in-login {
	--shoptet: none;

	& button.btn-login {
		padding: 7px 25px;
		box-shadow: var(--ss-shad);
		border-radius: var(--ss-border-radius);
		font-size: var(--normal-font-size);
		font-weight: var(--normal-font-weight);
		letter-spacing: 1px;
		color: var(--ss-body);
		background-color: var(--ss-white-smoke);
		border: none;
		transition: 0.5s;
		margin-bottom: 19px;
		text-align: center;
		text-transform: uppercase;
		line-height: 2;

		&:before {
			content: none;
		}

		&:active {
			box-shadow: none;
		}

		&:focus-visible {
			box-shadow: none;
		}

		&:hover {
			background-color: var(--ss-white-smoke);
			box-shadow: none;
		}
	}

	& div.login-wrapper {
		display: flex;
		flex-direction: column;
	}

	& div.password-helper {
		padding: 0;
		display: flex;
		flex-direction: column;
        
        & a {
			padding: 7px 25px;
			box-shadow: var(--ss-shad);
			border-radius: var(--ss-border-radius);
			font-size: var(--normal-font-size);
            font-weight: var(--normal-font-weight);
            letter-spacing: 1px;
			color: var(--ss-body);
			background-color: var(--ss-white-smoke);
			border: none;
            transition: 0.5s;
            margin-bottom: 19px;
            text-align: center;
			text-transform: uppercase;
			line-height: 2;

			&:before {
				content: none;
			}

			&:active {
				box-shadow: none;
			}

			&:focus-visible {
				box-shadow: none;
			}

			&:hover {
				background-color: var(--ss-white-smoke);
				box-shadow: none;
			}
		}
	}

	& form {
		--shoptet: none;

		& input {
			font-size: var(--normal-font-size);
			border-radius: var(--ss-border-radius);
			color: var(--ss-body);
			font-weight: var(--normal-font-weight);
			letter-spacing: 1px;
			background-color: var(--ss-white-smoke);
			box-shadow: var(--ss-shad);

			&:focus-visible {
				outline: none;
				box-shadow: none;
			}
		}

		& div.validator-msg {
			font-size: var(--normal-font-size);
			text-transform: uppercase;
			font-weight: var(--normal-font-weight);
			letter-spacing: 1px;
		}
	}

	& h1 {
		font-size: var(--larger-font-size);
		letter-spacing: 1px;
	}

	& main.content {
		max-width: 420px;
		margin: 0 auto;
	}
}

body.in-registrace,
body.in-registration {
	--shoptet: none;

	& a.login-btn.facebook {
		border: none;
		background: #fff;
		color: #4267B2;
		width: max-content;
		font-family: var(--font-ss);
		font-size: var(--normal-font-size);
		font-weight: var(--normal-font-weight);
		text-transform: uppercase;
		letter-spacing: 1px;
	}

	& div.co-box {
		border-radius: var(--ss-border-radius);
	}

	& div.col-md-8 {
		width: 100%;
		padding: 0
	}

	& div.form-group.submit-wrapper input {
		border: none;
		font-weight: var(--normal-font-weight);
		color: var(--ss-body);
		padding: initial;
		max-width: 275px;
		width: 100%;
		background-color: var(--ss-white-smoke);
		transition: 0.5s;
		font-family: var(--font-ss);
		font-size: var(--normal-font-size);
		box-shadow: var(--ss-shad);
		letter-spacing: 1px;
        
        &:hover {
			transition: 0.5s;
			box-shadow: none;
		}
	}

	& fieldset {
		--shoptet: none;

		&.box.register-soc.co-box.co-registration {
			border: none;

			& h4 {
				display: none;
			}
		}

		&.co-box {
			border-radius: var(--ss-border-radius);
			max-width: 700px;
			min-width: max-content;
		}
	}

	& form#register-form div.row {
		display: flex;
		flex-direction: column;
	}

	& input {
		border-radius: var(--ss-border-radius);
	}

	& span.login-facebook-icon {
		background: url(/user/documents/upload/design/icons/fcbkikn.png) no-repeat center !important;
		background-size: 27px !important;
	}
}

body.in-stranku-nelze-najit,
body.in-page-not-found,
body.in-seite-nicht-gefunden {
	--shoptet: none;

	& div.content-inner {
		height: 100%;
		background: url('https://www.sneakerstore.cz/user/documents/upload/design/web_template/e404.png');
		background-repeat: no-repeat;
		background-size: contain;
		background-position: bottom;
		background-size: 500px;
	}

	& div.errorDiv {
		font-family: 'Bebas Neue';
		color: #284666;
		font-size: 30px;
		padding: 5%;
	}

	& main#content {
		background: linear-gradient(0deg, #FCEECE 85%, transparent);
		height: 650px;
		margin-top: 5rem;
	}
}

body.in-zapomenute-heslo,
body.in-forgotten-password,
body.in-vergessene-kennwort {
	--shoptet: none;

	& .btn {
		padding: 4px 25px;
		box-shadow: var(--ss-shad);
		border-radius: 5px;
		width: 20rem;
        font-size: 12px;
        background-color: var(--ss-white-smoke) !important;
		color: #2D2D2C;
		border: none;
		transition: 0.5s;
		font-weight: var(--normal-font-weight);
		letter-spacing: 1px;
		float: unset;
		margin-top: 2rem;

		&:hover {
			color: var(--ss-primary);
			box-shadow: none;
		}
	}

	& .form-group label {
		font-size: 12px;
		font-family: var(--font-ss);
		text-transform: uppercase;
		font-weight: var(--normal-font-weight);
		letter-spacing: 1px;
	}
}

body.in-znacka main#content,
body.in-brand main#content,
body.in-marke main#content {
	display: none;
}

body.search-window-visible {
	--shoptet: none;

	& button.toggle-window-arr {
		font-size: 12px;

		&:before {
			font-size: 14px;
		}
	}

	& form {
		--shoptet: none;

		& input.search-input {
			background-color: #F3F4F6;
            border: none;
            color: #7A7A7A;
			border-radius: 1.337rem;

			&:focus-visible {
				outline: none;
			}
		}

		& button[type="submit"] {
			background: #F3F4F6;
			border: none;
			border-radius: 1.337rem !important;

			&:before {
				font-size: 24px !important;
				color: #7A7A7A;
			}
		}

		& div.search-whisperer.active {
			--shoptet: none;
            
            & div.search-whisperer-documents {
				display: none;
			}

			& span.price-final {
				font-size: 12px
			}
		}


	}

	& h3 {
		display: none;
	}
}

body.type-category {
	--shoptet: none;

	& div.category-content-wrapper {
		display: flex;
		flex-direction: column;
		align-items: center;

		& div.breadcrumbs {
			padding: 2.337rem;
			display: flex;
            flex-direction: row;
            align-items: center;
            
            & span {
				align-self: unset;
			}

			& span a {
				padding: 0;
				font-size: 10px;
				min-height: unset;
				align-self: unset;
				color: #9e9e9e;
			}

			& span span {
				padding: 0;
				font-size: 10px;
				min-height: unset;
				align-self: unset;
				color: #9e9e9e;
			}
		}

		& a:after {
			content: '/';
			padding: 0 5px;
			font-size: inherit;
			font-weight: 500;
			color: #9e9e9E;
			font-family: inherit;
			line-height: inherit;
		}
	}

	& div.category-top {
		--shoptet: none;

		& h1.category-title {
			display: none;
		}

		& h4 {
			display: none;
		}

		& div.products-top {
			--shoptet: none;

			& a.toggle-top-products {
				letter-spacing: 1px;
				text-transform: uppercase;
				color: #2D2D2C;
				font-size: 12px;
				font-weight: 500;
			}

			& div.price strong {
				font-size: 12px;
			}
		}
	}

	& div.category-header {
		display: none;
	}

	& div#filters-wrapper {
		display: none;

		& div.filter-sections {
			background: var(--ss-white-smoke);
			padding: 2.4rem;

			& h4 {
				font-size: var(--normal-font-size);
				font-weight: var(--normal-font-weight);
                text-transform: uppercase;
                color: var(--ss-body);

				&::after {
					content: ":";
					padding-left: 2px;
					font-size: var(--normal-font-size);
				}
			}

			& fieldset {
				display: flex;
				flex-wrap: wrap;
				max-width: 50%;

				& div {
					width: auto !important;
					clear: none !important;
				}
			}

			& div.filter-total-count {
				display: none;
			}

			& span.filter-count {
				display: none;
			}

			& div.param-filter-top form {
				display: block;
			}
		}

		& div.slider-wrapper {
			display: none;
		}
	}

	& div.pagination-wrapper {
		--shoptet: none;

		& div.pagination {
			display: none;
		}

		& div.pagination-count {
			display: none;
		}

		& div.pagination-loader {
			--shoptet: none;

			& span {
				padding: 2px 25px;
				box-shadow: var(--ss-shad);
				border-radius: var(--ss-border-radius);
				font-size: var(--normal-font-size);
				background-color: var(--ss-white-smoke);
				color: var(--ss-body);
				border: none;
				transition: 0.5s;
				font-weight: var(--normal-font-weight);
				letter-spacing: 1px;

				&:hover {
					background-color: var(--ss-white-smoke) !important;
					box-shadow: none;
				}
			}
		}

		& div.pagination-top {
			display: none;
		}
	}

	& div.products-block {
		flex-wrap: wrap;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        -moz-column-gap: .75rem;
		column-gap: 1.337rem;
		row-gap: 3rem;

		& div.product {
			display: flex;
			flex-direction: column;
			align-items: center;
			margin: 0;
			width: unset !important;
			padding: 0 !important;

			& div.p {
				height: auto !important;
				text-align: start;
				justify-content: space-between;
				border: none;
				width: calc(100vw / 4.27) !important;
				max-width: 300px !important;
				gap: 1.337rem;

				& a.image {
					background: #f7f7f7;
					border-radius: 1.337rem;
					aspect-ratio: 1;
					display: flex;
					flex-direction: column;
					justify-content: center;

					& img {
						mix-blend-mode: multiply;
					}

					& div.flags-default {
						--shoptet: none;
                        
                        &:after {
							transform: none;
							width: 0;
						}

						& span.flag.flag-action {
							display: none;
						}

						& span.flag.flag-custom2 {
							border-radius: var(--ss-border-radius);
							padding: 6px 11px;

							&::before {
								transform: none;
								width: 0;
							}
						}

						& span.flag.flag-new {
							display: none;
						}

						& span.flag.flag-tip {
							display: none;
						}
					}

					& div.flags-extra {
						--shoptet: none;

						& span.flag.flag-discount {
							font-weight: 100;
							background-color: unset;
							flex-direction: row;
							width: fit-content;
							height: fit-content;
							color: transparent;
						}
					}
				}

				& div.p-in {
					padding-top: 0px !important;
                    
                    & div.p-in-in {
                        height: unset;

						& .name {
							height: auto;
							padding: 0px;
                            
                            & span {
								text-transform: uppercase;
								font-size: var(--normal-font-size);
								font-weight: var(--normal-font-weight);
								color: var(--ss-body);
							}
						}
					}

					& div.p-bottom.single-button {
						padding: 5px 0 !important;
						font-size: var(--normal-font-size);
						font-weight: var(--normal-font-weight) !important;
						text-transform: uppercase;
						color: #666;

						& div.prices {
							letter-spacing: 1px;
                            
                            & strong {
								font-weight: 500;
								letter-spacing: initial;
							}
						}

						& div.p-tools {
							display: none;
						}
					}
				}

				& div.widget-parameter-wrapper {
					display: none;

					&.justified {
						display: none;
					}
				}
			}
		}
	}

	& label {
		--shoptet: none;

		&.filter-label {
			text-align: center;
			min-width: 65px;
			margin-bottom: 10px;
			padding: 0;
			padding: 20px;
			background: #dedede;
            line-height: 3;
            border-radius: 5px;
            color: var(--ss-body);
            font-size: var(--normal-font-size);
			text-transform: uppercase;

			&:hover {
				background-color: #C8C8C8;
			}

			&::before {
				display: none;
			}
		}

		&[for="stock"] {
			display: none;
		}

		&[for="dd[]1"] {
			display: none;
		}

		&[for="dd[]2"] {
			display: none;
		}

		&[for="dd[]3"] {
			display: none;
		}
	}
}

body.type-page {
	--shoptet: none;

	& article header {
		display: none;
	}
}

body.type-page.in-kontakty {
	--shoptet: none;

	& section.ContactForm {
		--shoptet: none;

		& form {
			margin-top: 30px;
			padding: 2.4rem;
			border-radius: var(--ss-border-radius);
			border: solid 1px #dedede;
		}

		& input {
			height: 33px;
			border: none;
			border-radius: var(--ss-border-radius);
			box-shadow: var(--ss-shad);
            background: var(--ss-white-smoke);
            font-size: var(--normal-font-size);
			color: var(--ss-body);
			transition: 0.5s;

			&:focus-visible {
				box-shadow: none;
				transition: 0.5s;
			}

			&.btn {
				height: 33px;
				padding: 7px 25px;
				box-shadow: var(--ss-shad);
				border-radius: var(--ss-border-radius);
				font-size: var(--normal-font-size);
				text-transform: uppercase;
				background-color: var(--ss-white-smoke);
				color: var(--ss-body);
				border: none;
				transition: 0.5s;
				line-height: initial;
			}
		}

		& label {
			font-size: var(--normal-font-size);
			line-height: 30px;
			text-transform: uppercase;
			color: var(--ss-body);
		}

		& p {
			line-height: 25.888px;
			font-size: var(--normal-font-size);
			text-transform: uppercase;
		}

		& textarea {
			color: var(--ss-body);
			border-radius: var(--ss-border-radius);
		}
	}
}

body.type-page.in-obchodni-podminky {
	--shoptet: none;

	& div#podminky h4 {
		font-size: var(--larger-font-size);
		font-weight: var(--normal-font-weight);
	}

	& div.tosFlexRight {
		max-width: 1400px;
		padding: 20px;
		max-height: 600px;
		overflow-y: scroll;
		background: #fff;
		border-radius: var(--ss-border-radius);
	}
}

body.type-page.in-o-nas {
	--shoptet: none;

	& div.content-wrapper {
		--shoptet: none;

		& div.breadcrumbs {
			display: none;
		}
	}

	& section#about-content-4 {
		--shoptet: none;

		& a.btn {
			font-size: var(--normal-font-size);
			font-weight: var(--normal-font-weight);
			text-transform: uppercase;
			background: var(--ss-white-smoke);
			box-shadow: var(--ss-shad);
			height: 33px;
			width: 100%;
			max-width: 275px;
			padding: initial;
			border: none;
			border-radius: var(--ss-border-radius);
		}
	}

	& div#hodnoceni-load-link a {
		text-transform: uppercase;
		font-size: var(--normal-font-size);
		font-weight: var(--normal-font-weight);
	}

	& div.votes-wrap {
		display: flex;
		gap: 15px;
		overflow-x: scroll;
		overflow-y: hidden;

		& div.vote-content {
			border: none;
			height: 58px;
			overflow-y: scroll;
			font-size: var(--normal-font-size);
			width: 320px;
            
            & div.vote-wrap {
				padding: 20px 30px 20px 20px;
				border: solid 1px #dedede;
				border-radius: var(--ss-border-radius);
				width: 350px !important;
				height: fit-content;
				min-height: 150px;

				& span.vote-delimeter {
					display: none;
				}

				& span.vote-name {
					font-size: var(--larger-font-size);
				}

				& span.vote-pic {
					display: none;
				}

				& span.vote-summary {
					display: flex;
					flex-direction: column-reverse;
					gap: 10px;
					align-items: center;
				}

				& span.vote-time {
					display: none;
				}

				& .star-on::before {
					color: var(--ss-primary) !important;
				}
			}
		}
	}

	& .content {
		padding-left: 0px;
		padding-right: 0px;
	}

	& .content-wrapper-in {
		max-width: unset;
	}

}

body.type-page.in-size-tab {
	--shoptet: none;

	& div.shp-tabs-holder {
		border-color: #F3F4F6;
	}

	& li.shp-tab.active a {
		background: #F3F4F6;
		border: none;
		font-weight: 700;
	}

	& section.dsp--mobile a.shp-tab-link.active {
		font-weight: 700;
	}

	& table {
		table-layout: fixed;
		font-size: 12px;
		width: 60%;
		font-weight: 500;
		line-height: 25.88px;
		letter-spacing: 1px;
		margin: 0 auto;
		text-transform: uppercase;

		& th {
			text-align: start;
			line-height: 40px;
		}

		& tr:not(body.in-size-tab thead tr) {
			border-top: solid 1px #2d2d2c;
		}
	}

	& ul.shp-tabs {
		border-color: #F3F4F6;

		& li a {
			color: #2D2d2c;
			font-size: 12px;
			font-weight: 500;
			letter-spacing: 1px;
			background: transparent;
			border: none
		}
	}
}

body.type-page.in-vraceni-zbozi {
	--shoptet: none;

	& article {
		--shoptet: none;

		& ul {
			margin-top: 5rem;

			& li {
				line-height: 25.888px;
				margin: 0 10px 30px 10px;
			}
		}
	}
}

body.type-product {
	--shoptet: none;

	& div.breadcrumbs {
		display: none;
	}

	& div.p-detail-inner {
		--shoptet: none;

		& div.p-data-wrapper {
			display: flex;
			flex-direction: column;
			width: auto;
			justify-content: flex-end;

			& div.p-detail-inner-header {
				--shoptet: none;

				& h1 {
					margin: 1rem 0;
					letter-spacing: 1px;
					text-transform: uppercase;
				}

				& div.p-final-price-wrapper {
					float: unset;
					margin: 1rem 0;
					letter-spacing: 1px;

					& strong span {
						font-size: var(--larger-font-size);
						font-weight: var(--normal-font-weight);
						text-transform: uppercase;
						font-family: var(--font-ss);
						color: #2D2D2C;
					}
				}

				& div.p-basic-info-block {
					display: none;
				}
			}

			& div.p-variants-block {
				padding: 0;

				& table.detail-parameters {
					--shoptet: none;

					& tr.variant-list th {
						display: none;
					}

					& th {
						font-size: 12px;
						letter-spacing: 1px;
						color: #2D2D2C;
						font-weight: 400;
					}

					a.shipping-options {
						font-size: 12px;
						letter-spacing: 1px;
						color: #2D2D2C;
                        font-weight: 400;
                        text-transform: uppercase;

					}

					& span.delivery-time-label {
						text-transform: uppercase;
					}
                    
                    & div.delivery-time span {
						text-transform: uppercase;
						font-weight: var(--normal-font-weight);
						color: var(--ss-body);
						margin-left: 3px;
						letter-spacing: 1px;

						&.default-variant {
							color: var(--ss-body)
						}
					}

					& select {
						text-transform: uppercase;
						font-size: var(--normal-font-size);
						color: var(--ss-body);
						min-height: 33px;
						padding-left: 10px;
                        box-shadow: var(--ss-shad);
                        border-radius: var(--ss-border-radius);
                        border: none;
						background-color: var(--ss-white-smoke);
						width: max-content;
						margin: 1rem 0;
						letter-spacing: 1px;
					}
				}

				& div#linkToSizeTab a {
					color: var(--ss-body);
					letter-spacing: 1px;
					font-weight: 400;
				}
			}
            
            & div.p-to-cart-block {
				border: none;
				padding: 0;
				flex-wrap: nowrap;
				margin: 1rem 0;
                
                & div.p-add-to-cart-wrapper {
					width: 100%;
                    
                    & div.add-to-cart {
						font-family: var(--font-ss);
						max-width: 320px;
						margin: 0;
						width: 100%;

						& span.quantity {
							display: none;
						}

						& button.btn-conversion {
							height: unset;
							padding: 7px 25px;
							box-shadow: var(--ss-shad);
							border-radius: var(--ss-border-radius);
							width: 100px;
							font-size: var(--normal-font-size);
							background-color: var(--ss-white-smoke);
							color: var(--ss-body);
							border: none;
							transition: 0.5s;
                            
                            &:hover {
								box-shadow: unset;
								transition: 0.5s;
							}
						}
					}
				}

				& .add-to-cart-button.btn-conversion:before {
					content: "";
					margin-right: 0;
				}
			}
            
            & div.p-param-block {
				margin: 4rem 0 0 0;
				padding: 0;
				display: flex;
				align-content: flex-end;
				flex-wrap: wrap;
                
                & table.detail-parameters {
					--shoptet: none;

					& tr {
                        --shoptet: none;

						&.variant-list th {
							display: none;
						}
					}

					& td {
						font-size: var(--normal-font-size);
						letter-spacing: 1px;
						font-weight: var(--lighter-font-weight);
						text-transform: uppercase;
					}

					& th {
						font-family: var(--font-ss);
						font-size: var(--normal-font-size);
						font-weight: var(--normal-font-weight);
					}

					& span.row-header-label {
                        font-family: var(--font-ss);
                        font-size: var(--normal-font-size);
						font-weight: var(--normal-font-weight);
						text-transform: uppercase;
						letter-spacing: 1px;
					}
				}

				& div.social-buttons-wrapper {
					display: none;
				}
			}
		}

		& div.p-image-wrapper {
			--shoptet: none;

			& div.p-image {
				--shoptet: none;

				& div.flags {
					display: none;
				}

				&:after {
					display: none !important;
				}
			}
		}
	}

	& div.shp-tabs-wrapper {
		--shoptet: none;

		& div.col-sm-12 {

			& div.shp-tabs-holder {
				border: none;

				& ul.shp-tabs {
                    border: none;

					& li {
						--shoptet: none;

						&[data-testid="tabDiscussion"] {
							display: none;
						}

						&:last-child {
							display: inline-block;
						}

						&.active a {
							background-color: var(--ss-white-smoke);
						}

						&:not(.active) a {
							background-color: transparent;
						}

						& a {
							border: none;
							text-transform: uppercase;
							font-family: var(--font-ss);
							font-size: var(--normal-font-size);
							font-weight: var(--normal-font-weight);
							letter-spacing: 1px;
							color: var(--ss-body);
						}
					}
				}
			}

			& div.tab-content {
				font-family: var(--font-ss);
				font-size: var(--normal-font-size);
				text-align: justify;
				font-weight: var(--normal-font-weight);
				letter-spacing: 1px;
				line-height: 1.8;
				text-transform: uppercase;
				color: #2D2D2C;

				& ul {
					padding-left: 1rem;
					padding-left: 2rem;
				}

				& div.description-inner div.p-short-description ul {
					padding-left: 0;
					color: #2D2D2C;

					& li {
						font-size: 12px;
						list-style-type: none;
						letter-spacing: 1px;

						&::before {
							content: '–';
							padding-right: 5px
						}
					}
				}
			}
		}
	}

	& div.image360-navigation {
		display: none;
	}
}

body.type-search {
	--shoptet: none;

	& a#loadNextSearchResults {
		background: var(--ss-white-smoke);
	}

	& div.products.products-block {
		display: block;
	}

	& div.search-results-groups {
		display: none;
	}

	& h4.search-products-heading {
		display: none;
	}

	& main h2 {
		font-size: 20px;
		font-weight: var(--normal-font-weight);
		letter-spacing: 1px;
	}

	& strong.highlight {
		color: var(--ss-primary);
		font-weight: var(--normal-font-weight);
	}
}

/*TEST*/

div.site-msg.information {
	z-index: 9999;
}

div#sizeTabPageHolder {
	display: flex;
	flex-wrap: nowrap;
	flex-direction: column;
	align-items: center;
}

div.testimonial-wrap--full {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: repeat(2, 1fr);
	grid-column-gap: 0px;
	grid-row-gap: 0px;
	justify-items: end;
	background: #323645;
	padding: 3rem;
	max-width: 1200px;
	margin: 0 auto;
	border-radius: var(--ss-border-radius);
	min-width: 950px;
}

div.Testimonialdiv1 {
	grid-area: 1 / 1 / 2 / 2;
	width: 100%;
	display: flex;
	justify-content: center;
	border-right: solid 1px #f8f0e34d;
}

div.Testimonialdiv2 {
	grid-area: 1 / 2 / 2 / 3;
	width: 100%;
	display: flex;
	justify-content: center;
}

div.Testimonialdiv3 {
	grid-area: 2 / 1 / 3 / 3;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	width: 100%;
}

div.testimonialHeader {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 2rem;
}

div.testimonialHeader-name-top h4 {
	color: #f8f0e3;
}

div.testimonialHeader-name-bot {
	margin-top: -10px;

	& img {
		width: 70px;
	}
}

div.testimonialHeader-pic {
	width: 90px;
	border-radius: 100%;
	border: 3px solid var(--ss-primary);

	& img {
		border-radius: 100%;
		border: 2px solid #f8f0e3;
	}
}

div.testimonialTextHolder {
    width: 400px;
    height: 100px;
	padding: 2rem 2rem 0 0;

	& p {
		color: #f8f0e3;
		font-size: var(--larger-font-size);
		text-align: justify;
	}
}

details {
	display: block;
	width: 100%;
	margin: 20px 0;
	font-size: var(--normal-font-size);
}

details[open] summary {
	color: var(--ss-body);
}

details[open] summary~* {
	animation: sweep .5s ease-in-out;
}

details[open] summary::-webkit-details-marker {
	color: var(--ss-body);
	background: #00FFFF;
}

details[open] summary:after {
	content: "-";
	color: var(--ss-body);
}

details p:last-child {
	margin-bottom: 40px;
}

*/ details {
	display: block;
	width: 100%;
	margin: 20px 0;
	font-size: var(--normal-font-size);

	&[open] summary {
		color: var(--ss-body);
	}

	&[open] summary~* {
		animation: sweep .5s ease-in-out;
	}

	&[open] summary::-webkit-details-marker {
		color: var(--ss-body);
		background: #00FFFF;
	}

	&[open] summary:after {
		content: "-";
		color: var(--ss-body);
	}

	& p:last-child {
		margin-bottom: 40px;
	}
}

footer {
	background-color: #2d2d2c !important;
	border: none;
	border-radius: 1.337rem;

	& div.footer-newsletter {
		display: none !important;
	}

	& div.footer-bottom {
		color: #fff;
		border: none;

		& #signature a {
			color: #fff;
			font-size: var(--normal-font-size);
		}

		& span.copyright {
			font-weight: var(--normal-font-weight);
			font-size: var(--normal-font-size);
		}
	}

	& div.banner {
		--shoptet: none;

		& h4 {
			color: #9e9e9E;
		}

		& ul {
			padding-left: 0 !important;

			& li {
				--shoptet: none;

				&:before {
					content: unset !important;
				}

				& a {
					color: #fff;

					&:hover {
						text-decoration: none !important;
						color: #9E9E9E;
					}
				}
			}
		}
	}
}

h1 {
	color: var(--ss-body);
	font-family: var(--font-ss);

	&.category-title {
		text-transform: uppercase;
		text-align: center;
	}
}

h2 {
	color: var(--ss-body);
	font-family: var(--font-ss);
	letter-spacing: 1px;

	&.bebas {
		font-size: 45px;
		margin: 0;
		line-height: 2;
	}
}

h3 {
	color: var(--ss-body);
	font-family: var(--font-ss);
}

h4 {
	color: var(--ss-body)
}

input[type="checkbox"]:checked+label::before {
	border-color: var(--ss-primary);
}

input[type="checkbox"]:checked+label::after {
	background-color: var(--ss-primary);
}

input[type="radio"]:checked+label::after {
	background-color: var(--ss-primary);
}

input[type="radio"]:checked+label::before {
	border-color: var(--ss-primary);
}

span.MuiBadge-root {
	width: 44px;
}

summary {
	display: block;
	color: var(--ss-body);
	padding: 10px;
	cursor: pointer;
	font-weight: var(--bold-font-weight);
	font-size: var(--normal-font-size);
	text-transform: uppercase;
	border-bottom: solid 1px #dedede;

	&::-webkit-details-marker {
		color: var(--ss-body);
		background: #fff;
	}

    &::-webkit-details-marker {
        display: none;
	}

	&:hover {
		cursor: pointer;
	}

	&:after {
		content: "+";
		color: var(--ss-body);
        float: right;
        font-size: var(--normal-font-size);
        font-weight: var(--lighter-font-weight);
		margin: -5px 5px 0 0;
		padding: 0;
		text-align: center;
		width: unset;
	}
}

table.myTable {
	width: 100%;
	background-color: #fff;
	border-collapse: collapse;
	border-width: 1px;
	border-color: #fff;
	border-style: solid;
	color: var(--ss-body);

	& td {
		border-width: 1px;
		border-color: #fff;
		border-style: solid;
		padding: 3px;
		text-align: center;
	}

	& th {
		border-width: 1px;
		border-color: #fff;
		border-style: solid;
		padding: 3px;
		text-align: center;
	}

	& tr:nth-child(even) {
		background-color: #f2f2f2;
	}
}

table.table.border td {
	border: none !important;
	text-align: start;
}

.admin-bar {
	bottom: 0;
	position: fixed
}

.bebas {
	font-family: 'Bebas Neue' !important;
	font-weight: 400;
}

.green-cart {
	color: var(--ss-primary) !important;
}

.image360::after {
	display: flex;
}

.material-symbols-rounded {
	font-variation-settings: 'FILL' 0, 'wght' 200, 'GRAD' 0, 'opsz' 40
}

.registered {
	display: none;
}

.v--admin {
	visibility: hidden;
}

@keyframes sweep {
	0% {
		opacity: 0;
		transform: translateX(-10px)
	}

	100% {
		opacity: 1;
		transform: translateX(0)
	}
}

@keyframes ss-pulse {
	0% {
		box-shadow: 0 0 0 0px rgba(225, 225, 225, 1);
	}

	100% {
		box-shadow: 0 0 7px 10px rgba(225, 225, 225, 0);
	}
}