: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;
		letter-spacing: 0px;

		&: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;

	& .form-group label {
		color: #2d2d2c;
		font-size: 12px;
	}

	& .not-possible-info {
		font-size: 12px;
		color: #2d2d2c80;
		font-weight: 500;
	}

	& .radio-wrapper {
		border-color: #dedede;
	}

	& .sublabel {
		color: #2d2d2c80;
		font-weight: 500;

		& a {
			color: #2d2d2c80;
			font-weight: 500;
		}
	}

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

	b {
		font-weight: 400;
		text-transform: none;
		color: #2d2d2c;
		font-size: 12px;
	}

	div.js-validator-msg {
		font-size: 12px;
	}

	& h4 {
		font-size: 18px;
		font-weight: 400;

		&:before {
			content: '';
		}
	}

	& input {
		border-radius: 2.337rem;
		border-color: #dedede;
	}

	& ol.cart-header {
		display: none
	}

	& select {
		border-radius: 2.337rem;
		border: solid 1px #dedede;
		color: #2d2d2c80;
		font-size: 12px;
	}

	& strong {
		font-weight: 600;
		color: #2d2d2c;
		font-size: 12px;
	}

	&.in-kosik,
	.in-cart,
	.in-warenkorb {
		--shoptet: none;

		& aside.sidebar-left {
			display: 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;

			&.sluzba_vymena div.sluzby div.produkt#vymena div.tlacitko {
				pointer-events: none;
				background: transparent;
				border: solid 1px #dedede;
				color: #969695;
			}

			&.sluzba_certifikat div.sluzby div.produkt#certifikat div.tlacitko {
				pointer-events: none;
				background: transparent;
				border: solid 1px #dedede;
				color: #969695;
			}

			& 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: 3 / 1 / 4 / 3;
				display: flex;
				flex-wrap: nowrap;
				overflow: scroll;
				gap: 1rem;

				& h4 {
					display: none !important;
				}

				& div.fvDoplnek-produkt {
					border: solid 1px #eeeeec;
					border-radius: 1.037rem;
					padding: 1rem;
					width: 130px;
					flex-shrink: 0;

					&.has-variants {
						width: 170px;

						& div.fvDoplnek-alignCenter {
							flex-direction: column;
							height: 100%;

							& img {
								margin: 0 !important;
								width: auto;
								height: 108px !important;
								border: solid 1px #f1f1ef;
								border-radius: 1rem;
								flex-shrink: 0;
							}

							& div.fvcontent {
								display: flex !important;
								flex-direction: column;
								width: 100%;
								height: 100%;

								& div.header span.fvDoplnek-text {
									margin-top: 1rem;

									& span.name {
										font-size: 12px;
										font-weight: 400;
										margin: 0;
										display: flex;
										flex-direction: column;
										padding: 0;
										text-transform: none;
									}
								}

								& p.fvDoplnek-description {
									display: flex;
									flex-direction: column;
									height: 100%;
									justify-content: space-between;

									& span {
										padding-left: 0;
										padding-top: 0.337rem;
										color: #9e9e9e !important;
										font-size: 12px;
										font-weight: 400;
									}

									& select {
										font-size: 13px;
										letter-spacing: 0;
										text-transform: none;
										font-weight: 400;
										width: auto;
										color: #fff;
										border-radius: 2.337rem;
										border-color: #dedede;
										line-height: 19px;
										background-color: #2d2d2c !important;
									}
								}

								& div.fvDoplnek-variants {
									display: none;
								}
							}
						}
					}

					& form {
						flex-direction: column;
						height: 100%;

						& img {
							margin: 0 !important;
							width: 110px;
							height: 110px !important;
							border: solid 1px #f1f1ef;
							border-radius: 1rem;
							flex-shrink: 0;
						}

						& div.fvcontent {
							height: 100%;
							display: flex !important;
							flex-direction: column;
							justify-content: space-between;
							gap: 1.337rem;
							align-items: flex-start;
							width: 100%;
						}

						& div.header {
							--shoptet: none;

							& span input {
								display: none;
							}

							& span.fvDoplnek-text {
								font-size: 12px;
								font-weight: 400;
								margin-top: 1rem;
								display: flex;
								flex-direction: column;
								padding: 0;

								& span.name {
									text-transform: unset;
									text-decoration: none;
									font-weight: 400;
									color: #2d2d2c;
								}

								& span.price {
									padding-left: 0;
									padding-top: 0.337rem;
									color: #9e9e9e !important;
								}
							}
						}

						& p.fvDoplnek-description {
							padding-left: 0 !important;
							width: 100%;
							text-align: center;
							display: flex;
							flex-direction: column;
							justify-content: space-around;

							& label {
								color: white;
								padding: 0.8rem 1.337rem;
								font-size: 13px;
								text-transform: none;
								font-weight: 400
							}
						}
					}
				}
			}

			& div.ssCartSluzby {
				grid-area: 4 / 1 / 5 / 3;

				& div.sluzby {
					display: flex;
					flex-wrap: wrap;
					gap: 1rem;
					margin: 1.337rem 0;

					& div.produkt {
						border: solid 1px #eeeeec;
						border-radius: 1.037rem;
						padding: 1rem;
						width: 130px;
						display: flex;
						flex-direction: column;

						& a.obrazek img {
							margin: 0 !important;
							width: 110px;
							height: 110px !important;
							border: solid 1px #f1f1ef;
							border-radius: 1rem;
							flex-shrink: 0;
						}

						& div.obsah {
							display: flex;
							flex-direction: column;
							height: 100%;
							justify-content: space-between;
							gap: 2.337rem;

							& div.nadpis {
								--shoptet: none;

								& div.nazev a {
									font-size: 12px;
								}

								& div.cena {
									padding-top: 0.337rem;
									color: #9e9e9e !important;
									font-size: 12px;
									font-weight: 400;
								}
							}

							& div.tlacitko {
								/* margin-top:2.337rem; */
								color: white;
								padding: 0.8rem 1.337rem;
								font-size: 13px;
								text-transform: none;
								font-weight: 400;
								width: 100%;
							}
						}
					}
				}
			}

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

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

			& div.ssCart {
				margin-top: 1.337rem;
				grid-area: 2 / 1 / 3 / 3;

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

				& h3 {
					font-size: 16px;
					font-weight: 500;
					color: #2d2d2c;
					width: 100%;
					padding-top: 1.337rem;
				}
			}

			& h4 {
				display: none;
			}

			& div.discount-coupon {
				grid-area: 5 / 2 / 6 / 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: 6 / 1 / 7 / 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;
					}

					& .price-secondary {
						display: none;
					}
				}
			}

			& div.next-step {
				justify-content: end;
				grid-area: 7 / 1 / 8 / 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;
					}
				}
			}
		}
	}

	&.in-kosik {
		--shoptet: none;

		& div.fvDoplnek-upsell {
			--shoptet: none;

			& p.fvDoplnek-description {
				--shoptet: none;

				& label:before {
					content: "Do košíku";
				}

				& label.remove:before {
					content: "Odebrat";
				}
			}
		}

		& div.ssCartSluzby {
			--shoptet: none;

			&:before {
				content: 'Doplňkové služby';
				font-size: 16px;
				font-weight: 500;
				color: #2d2d2c;
				width: 100%;
				padding: 1rem 0;
			}

			& div.tlacitko {
				--shoptet: none;

				&:before {
					content: 'Do košíku';
				}
			}
		}
	}

	&.in-cart {
		--shoptet: none;

		& div.fvDoplnek-upsell {
			--shoptet: none;

			& p.fvDoplnek-description {
				--shoptet: none;

				& label:before {
					content: "Add to cart";
				}

				& label.remove:before {
					content: "Remove";
				}
			}
		}

		& div.ssCartSluzby {
			--shoptet: none;

			&:before {
				content: 'Additional services';
				font-size: 16px;
				font-weight: 500;
				color: #2d2d2c;
				width: 100%;
				padding: 1rem 0;
			}
		}

		& div.tlacitko {
			--shoptet: none;

			&:before {
				content: 'Add to cart';
			}
		}
	}

	&.in-warenkorb {
		--shoptet: none;

		& div.fvDoplnek-upsell {
			--shoptet: none;

			& p.fvDoplnek-description {
				--shoptet: none;

				& label:before {
					content: "Hinzufügen";
				}

				& label.remove:before {
					content: "Entfernen";
				}
			}

		}

		& div.ssCartSluzby {
			--shoptet: none;

			&:before {
				content: 'Zusatzleistung';
				font-size: 16px;
				font-weight: 500;
				color: #2d2d2c;
				width: 100%;
				padding: 1rem 0;
			}

			& div.tlacitko {
				--shoptet: none;

				&:before {
					content: 'Hinzufügen';
				}
			}
		}
	}

	&.in-krok-1,
	.in-step-1,
	.in-schritt-1 {
		--shoptet: none;

		& div.cart-inner {
			--shoptet: none;
			;

			& form#select-country-payment {
				--shoptet: none;

				& div.box {
					padding: 2.337rem;
					margin: 0;
					border: none;
					border-bottom: solid 1px #dedede;

					& div.row {
						display: flex;
						flex-direction: column;
						gap: 1.337rem;

						& div {
							width: unset;
						}
					}
				}
			}

			& form#order-form {
				flex-direction: column;

				& div.co-box {
					border: none;
					padding: 2.337rem;
				}
			}

			& div.order-summary {
				border: none;
				border-top: solid 1px #dedede;

				& .order-summary-item {
					border-color: #dedede;
				}

				& div,
				span {
					font-size: 12px;
					color: #2d2d2c;
				}

				& .price-secondary {
					display: none;
				}
			}

			& div.next-step {
				padding: 2.337rem 0;

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

				& button {
					width: 100%;
					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;
					align-items: center;
					justify-content: center;
					letter-spacing: 0px;
					line-height: unset;

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

					&:after {
						content: '';
					}

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

	&.in-krok-2,
	.in-step-2,
	.in-schritt-2 {
		--shoptet: none;

		& div.cart-inner {
			--shoptet: none;

			& .co-box {
				border: none;
			}

			& fieldset.co-contact-information {
				border-bottom: solid 1px #dedede;
				padding: 2.337rem;

				& div:nth-child(2) {
					display: flex;
					align-items: center;
					width: 100%;

					& a.btn {
						white-space: nowrap;
						border: solid 1px #2d2d2c;
						border-radius: 2.337rem;
						box-shadow: none;
						text-transform: none;
						padding: 0;
						cursor: pointer;
						align-items: center;
						line-height: 48px;
						background-color: #2d2d2c;
						font-size: 12px;
						color: #fff;
						font-weight: 500;
						width: 100%;

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

			& div.co-billing-address {
				border-bottom: solid 1px #dedede;

				& fieldset div.company-shopping {
					display: none;
				}
			}

			& fieldset.co-shipping-address {
				border-bottom: solid 1px #dedede;

				div.js-validated-element-wrapper {
					--shoptet: none;

					& strong {
						font-weight: 500
					}

					& em.helpNote {
						color: #2d2d2c80;

						& a {
							color: #2d2d2c80;
							text-decoration: underline;
						}
					}
				}
			}

			& div.co-box-additional {
				border-bottom: solid 1px #dedede;

				& div#note textarea {
					border-radius: 1.337rem;
					border-color: #dedede;
					color: #2d2d2c;
				}
			}

			& div.order-summary {
				border-bottom: solid 1px #dedede;

				& div.order-summary-item {
					color: #2d2d2c;
					font-size: 12px;

					& a span {
						color: #2d2d2c;
						font-size: 12px;
					}

					& div[data-testid="recapItemPrice"] {
						font-size: 14px;
					}

					& div[data-testid="recapItemTotalPrice"] {
						font-size: 14px;
					}

					& strong.price-primary {
						font-size: 18px
					}

					& .price-secondary {
						display: none;
					}
				}
			}

			& div.next-step--step-2 {
				--shoptet: none;

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

				& button {
					background: #2d2d2c;
					border: none;
					flex-direction: row;
					gap: 5px;
					border-radius: 2.337rem;
					width: 100%;
					justify-content: center;
					cursor: pointer;

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

					& span {
						color: #fff;
						font-weight: 500;
						font-size: 16px;
						line-height: unset;

						&.order-button-text {
							--shoptet: none;
							text-transform: none !important;
						}

						&.order-button-suffix {
							line-height: unset;
							margin: 0;
							padding: 0;
						}
					}
				}
			}
		}
	}

	&.in-dekujeme,
	.in-dakujeme,
	.in-thank-you,
	.in-danke {
		--shoptet: none;

		& div.recapitulation-wrapper {
			margin-bottom: 7rem;

			& p.reca-number {
				color: #2d2d2c;
			}

			& div.co-box {
				border: none;

				&.co-payment-method {
					border-bottom: solid 1px #dedede;

					& table {
						color: #2d2d2c80;
						font-size: 12px;
					}
				}

				&.co-order {
					--shoptet: none;

					& table {
						color: #2d2d2c;
						font-size: 12px;

						& tbody {
							display: flex;
							flex-direction: column;
							gap: 1.337rem;
						}

						& tr {
							border: solid 1px #dedede;
							border-radius: 1.337rem;
							padding: 1rem;
							display: flex;
							flex-wrap: nowrap;
							align-items: center;
							justify-content: space-between;
						}

						& td {
							border: none;
							background-color: transparent;

							&.cart-p-image {
								background-color: #fafafa;
								padding: 0;
								margin: 0;
								border-radius: 1rem;

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

							&.p-name {
								--shoptet: none;
								font-size: 12px;
								font-weight: 400;

								& span {
									white-space: nowrap;
									font-weight: 600;
								}
							}

							&.p-quantity {
								display: none;
							}

							&.p-price {
								width: 100%;
								font-weight: 600;
								font-size: 14px
							}
						}
					}
				}
			}

			& div.total {
				display: none;
			}

			& div.summary-thx {
				display: none;
			}

			& div.order-complete-links {
				display: 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;
		}
	}
}

html[lang="sk"] body.ordering-process.in-kosik {
	--shoptet: none;

	& div.fvDoplnek-upsell {
		--shoptet: none;

		& p.fvDoplnek-description {
			--shoptet: none;

			& label:before {
				content: "Do košíka";
			}

			& label.remove:before {
				content: "Odobrať";
			}
		}
	}

	& div.ssCartSluzby {
		--shoptet: none;

		&:before {
			content: 'Doplnkové služby';
			font-size: 16px;
			font-weight: 500;
			color: #2d2d2c;
			width: 100%;
			padding: 1rem 0;
		}

		& div.tlacitko {
			--shoptet: none;

			&:before {
				content: 'Do košíka';
			}
		}
	}
}

/* herewego */

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

	& main.content {
		padding: 0;

		& div.banners-row {
			margin: 0;

			& div.carousel {
				--shoptet: none;

				& a.carousel-control {
					display: none;
				}

				& h1 {
					font-size: 8rem;
					font-weight: 600
				}

				& div#cta {
					--shoptet: none;

					& a.btn--ss25 {
						color: #2d2d2d;
						background-color: #fff;
						border: none;

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

		& div.container--bannersBenefit {
			display: none;
		}

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





			& div.body-banners {
				display: none;
			}

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




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

				& div.tab-content {
					display: none;
				}
			}

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

			& div.footer-banners {
				--shoptet: none;

				div.footer-banner {
					width: 100%;
					margin: 6.337rem 0;
					padding-right: 0px;

					.roedi {
						align-items: center;
						display: flex;
						flex-direction: row;
						margin-top: 1.337rem;

						& .auszq {
							display: flex;
							flex-direction: row;
							width: 90%;
							gap: 2.337rem;

							&.tfugv h2 {
								cursor: pointer;
							}

							& h2 {
								font-size: 3.7rem;
								font-weight: 500;
								margin-bottom: 3.7rem;
							}
						}
					}

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

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

					& div.marquee {
						width: calc(100vw + 30px);
						overflow: hidden;
						white-space: nowrap;
						box-sizing: border-box;
						position: relative;
						margin: 3.337rem -30px;

						&:focus span {
							animation-play-state: paused;
						}

						&:hover span {
							animation-play-state: paused;
						}

						& span {
							display: inline-flex;
							gap: 5.337rem;
							padding-right: 5.337rem;
							animation: marquee 20s linear infinite;

							& a {
								font-size: 3.77rem;
								color: #2d2d2c;
								font-weight: 600;

								&:hover {
									text-decoration: underline;
								}
							}
						}
					}

					& a.seemore::after {
						content: " →";
					}

					& div.categories#indexRoll {
						--shoptet: none;

						& div.kategorie {
							aspect-ratio: 4 / 5;
							display: flex;
							flex-direction: column;
							justify-content: space-between;
							width: 28.5%;
							flex-shrink: 0;
							border-radius: 1.337rem;
							background-size: cover;
							cursor: pointer;
							transition: .3s ease-in-out;

							&#j4 {
								background-image: url('/user/documents/upload/design/category/cat-j4-1.jpg');

								&:hover {
									background-image: url('/user/documents/upload/design/category/cat-j4-2.jpg');
								}
							}

							&#af1 {
								background-image: url('/user/documents/upload/design/category/cat-af1-1.jpg');

								&:hover {
									background-image: url('/user/documents/upload/design/category/cat-af1-2.jpg');
								}
							}

							&#yzy350 {
								background-image: url('/user/documents/upload/design/category/cat-yzy350-1.jpg');

								&:hover {
									background-image: url('/user/documents/upload/design/category/cat-yzy350-2.jpg');
								}
							}

							&#adidas-spezial {
								background-image: url('/user/documents/upload/design/category/cat-a_spezial-1.jpg');

								&:hover {
									background-image: url('/user/documents/upload/design/category/cat-a_spezial-2.jpg');
								}
							}

							&#ugg {
								background-image: url('/user/documents/upload/design/category/cat-ugg-1a.jpg');

								&:hover {
									background-image: url('/user/documents/upload/design/category/cat-ugg-2.jpg');
								}
							}

							&#nb {
								background-image: url('/user/documents/upload/design/category/cat-nb-1.jpg');

								&:hover {
									background-image: url('/user/documents/upload/design/category/cat-nb-2.jpg');
								}
							}

							&#ts {
								background-image: url('/user/documents/upload/design/category/cat-ts-1.jpg');

								&:hover {
									background-image: url('/user/documents/upload/design/category/cat-ts-2.jpg');
								}
							}

							& h3 {
								color: white;
								font-size: 3rem;
								font-weight: 500;
								margin-left: 1.337rem;
							}

							& div.tlacitko {
								text-align: end;
								margin-right: 1.337rem;
								margin-bottom: 1.337rem;

								& a {
									background-color: white;
									color: #2d2d2c;
									border: none;
									transition: .3s ease-in-out;

									&:hover {
										color: white;
										background-color: #2d2d2c;
										text-decoration: none;
									}
								}
							}
						}
					}

					& div#bestnovinky.is-best {
						--shoptet: none;

						& h2[data-key="is-novinky"] {
							color: #9e9e9E;

							&:hover {
								color: #858585;
							}
						}

						& a[data-key="is-novinky"] {
							display: none;
						}

						& div#indexRoll.novinky {
							display: none;
						}
					}

					& div#bestnovinky.is-novinky {
						--shoptet: none;

						& h2[data-key="is-best"] {
							color: #9e9e9E;

							&:hover {
								color: #858585;
							}
						}

						& a[data-key="is-best"] {
							display: none;
						}

						& div#indexRoll.bestseller {
							display: none;
						}
					}

					& 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);
						}
					}

				}
			}
		}
	}

	& 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;

							&:hover {
								text-decoration: none;
							}

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

					& div.p-bottom.single-button {
						padding: 5px 0;
						color: #666;

						& div.prices {
							--shoptet: none;

							& strong {
								font-weight: 500;

								& small {
									font-size: unset;
								}
							}
						}

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

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

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

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

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

		& i {
			font-size: 3rem;
			opacity: 0.3;
			transition: 0.5s;

			&:hover {
				opacity: 1;
				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-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-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;
			}
		}
	}

	& 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.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;
		}
	}

	& div.listingControls {
		gap: 3rem;

		& div.loadMore {
			--shoptet: none;

			& button {
				border: solid 1px #2d2d2c;
				background-color: #2d2D2c;
				color: #fff;
				white-space: nowrap;
				border-radius: 2.337rem;
				font-size: 12px;

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

		& nav.pagination ul {
			flex-direction: row;
			flex-wrap: nowrap;

			& li {
				color: #2d2d2c;
				font-size: 12px
			}

			& a {
				color: #2d2d2c;
				font-size: 12px;

				&.pagination__link--next {
					border: none;
					background-color: #f6f6f5;
					border-radius: 100%;
				}
			}
		}

		& div.itemsTotal {
			display: none;
		}

		& div.goToTop {
			display: none;
		}
	}
}

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

	& div.breadcrumbs {
		display: none;
	}

	& article header {
		display: none;
	}
}

body.type-page.in-certificate {
	main {
		padding: 4.337rem;
	}
}

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 !important;
						}

						&: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;
	}
}

html[lang="de"] body.type-product {
	--shoptet:none;
	
    & div.p-detail-inner {
		--shoptet:none;
		
        & div.p-data-wrapper {
			--shoptet:none;
			
            & div.p-param-block {
				--shoptet:none;
				
                & table.detail-parameters {
					--shoptet:none;
					
                    & tr{
						visibility:hidden;
						
						&.visible{
							visibility:visible;
						}
                    }
				}
			}
		}
	}
}

html[lang="en"] body.type-product {
	--shoptet:none;
	
    & div.p-detail-inner {
		--shoptet:none;
		
        & div.p-data-wrapper {
			--shoptet:none;
			
            & div.p-param-block {
				--shoptet:none;
				
                & table.detail-parameters {
					--shoptet:none;
					
                    & tr{
						visibility:hidden;
						
						&.visible{
							visibility:visible;
						}
                    }
				}
			}
		}
	}
}

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

	& div.breadcrumbs {
		display: none;
	}

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

		& div.product {
			padding: 0;
			margin: 1.337rem 0;

			& 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.listingControls div.loadMore button {
		background-color: #2d2d2c;
		color: white;
		font-size: 12px;
		border-radius: 2.337rem;
		text-transform: unset;

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

	& 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);

	&.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 marquee {
	from {
		transform: translateX(0);
	}

	to {
		transform: translateX(-100%);
	}
}