html {
	box-sizing: border-box;
}

*, *:before, *:after {
	box-sizing: inherit;
}

body.public-site {
	overflow-x: hidden;
}

body.public-site img {
	height: auto;
    max-width: stretch;
}
body.public-site video,
body.public-site iframe {
	max-width: 100%;
	height: auto;
}

body.public-site .page {
	width: min(960px, calc(100% - 32px));
}

body.public-site .main-container:after,
body.public-site .main:after,
body.public-site .col-mainstart:after {
	content: "";
	display: table;
	clear: both;
}

body.public-site .category-hero-image {
	width: 100%;
	height: auto;
}

body.public-site .catalog-card-frame,
body.public-site .productview-layout,
body.public-site .productview-gallery,
body.public-site .productview-description,
body.public-site .productview-price-actions,
body.public-site .cart-table,
body.public-site .category-grid,
body.public-site .subcategory-list,
body.public-site .home-shortcuts {
	max-width: 100%;
}

@media (max-width: 1024px) {
	body.public-site {
		background-attachment: scroll;
	}

	body.public-site .wrapper {
		margin-top: 0;
	}

	body.public-site .page {
		width: calc(100% - 24px);
		margin-top: 12px;
	}

	body.public-site .col-left,
	body.public-site .col-right,
	body.public-site .col-main,
	body.public-site .col-mainheader,
	body.public-site .col-mainstart,
	body.public-site .col-mainstartcontent {
		float: none;
		width: 100%;
		margin-left: 0;
		height: auto;
	}

	body.public-site .col-main,
	body.public-site .col-mainheader,
	body.public-site .col-mainstart,
	body.public-site .col-mainstartcontent {
		padding-left: 0;
		padding-right: 0;
	}

	body.public-site .col-main,
	body.public-site .col-mainheader,
	body.public-site .col-mainstart {
		padding: 20px;
	}

	body.public-site .col-mainstartcontent {
		margin-top: 20px;
	}

	body.public-site .col-mainstart > div {
		float: none !important;
		width: 100% !important;
		height: auto !important;
		left: auto !important;
		margin-bottom: 20px !important;
	}

	body.public-site .col-mainstart > div:last-child {
		margin-bottom: 0 !important;
	}

	body.public-site .quick-access,
	body.public-site .lzcrumbs {
		text-align: left;
	}
	body.public-site .lzcrumbs img {
		width: 90px !important;
	}

	body.public-site .quick-access .links {
		padding-left: 0;
	}

	body.public-site .quick-access .links li {
		display: inline-block;
		margin: 0 8px 6px 0;
		padding: 0;
	}

	body.public-site .quick-access .links a {
		background: none;
		padding-right: 0;
	}

	body.public-site .lzmenutable,
	body.public-site .lzmenutableinternational,
	body.public-site .lzmenutabletip {
		width: 100%;
		height: auto;
	}

	body.public-site .catalog-grid,
	body.public-site .catalog-grid > tbody,
	body.public-site .catalog-grid > tbody > tr {
		display: block;
		width: 100%;
	}

	body.public-site .catalog-grid > tbody > tr > td {
		display: inline-block;
		width: 50%;
		padding: 0 10px 20px 0;
		vertical-align: top;
	}

	body.public-site .catalog-card-frame {
		width: 100% !important;
	}

	body.public-site .block-content-startpage.block-content-startpage_wrapper {
		overflow: auto;
	}

	body.public-site .home-shortcuts td,
	body.public-site .category-grid td {
		min-width: 140px;
	}
}


body.public-site .block-cart-mobile {
	display: none;
}

body.public-site .lz-menu-burger {
	display: none;
}

body.public-site .lzmenutable {
	display: block;
}

@media (max-width: 768px) {
	body.public-site .cart-wrapper {
		margin-top: 15px;
	}
	body.public-site .lzmenutable {
		display: none;
	}
	body.public-site .lz-menu-burger {
		display: flex;
		align-items: center;
		gap: 10px;
		padding: 10px 20px;
		color: white;
		font-size: 18px;
		font-weight: 600;
		background-color: #da251c;
	}
	body.public-site .block-cart-mobile table {
		width: 100% !important;
	}

	body.public-site .block-cart-desktop {
		display: none;
	}

	body.public-site .block-cart-mobile {
		display: block;
	}

	body.public-site {
		font-size: 14px;
	}

	body.public-site .page {
		width: calc(100% - 16px);
	}

	body.public-site .header {
		margin-bottom: 8px;
	}

	body.public-site .block-content-startpage,
	body.public-site .block-content-startheader,
	body.public-site .col-main,
	body.public-site .col-mainheader,
	body.public-site .col-mainstart {
		padding: 14px;
	}

	body.public-site .col-left .block-cart table {
		width: 100% !important;
	}

	body.public-site .quick-access div {
		text-align: left;
	}

	/*body.public-site .quick-access .links,*/
	/*body.public-site .quick-access .links li,*/
	/*body.public-site .quick-access .links a {*/
	/*	display: block;*/
	/*}*/

	body.public-site .quick-access .links {
		display: inline-table !important;
		align-items: center;
		width: auto;
	}

	body.public-site .quick-access .links li {
		margin: 0 0 8px;
	}

	body.public-site .lzcrumbs {
		font-size: 13px;
		line-height: 1.5;
		text-align: center;
		display: flex;
		align-items: center;
		height: auto;
	}

	body.public-site .catalog-grid > tbody > tr > td,
	body.public-site .home-shortcuts td,
	body.public-site .category-grid td {
		display: block;
		width: 100% !important;
		padding: 0 0 12px !important;
	}
	
		body.public-site .block-content-startpage_wrapper {
		overflow: visible;
	}

	body.public-site .block-content-startpage_wrapper > table.catalog-grid,
	body.public-site .block-content-startpage_wrapper > table[bgcolor="#FFFFFF"][width="100%"],
	body.public-site .block-content-startpage_wrapper > table[bgcolor="#ffffff"][width="100%"],
	body.public-site .block-content-startpage_wrapper > table[align="center"][width="100%"] {
		display: block;
		width: 100% !important;
	}

	body.public-site .block-content-startpage_wrapper > table.catalog-grid > tbody,
	body.public-site .block-content-startpage_wrapper > table.catalog-grid > tbody > tr,
	body.public-site .block-content-startpage_wrapper > table[bgcolor="#FFFFFF"][width="100%"] > tbody,
	body.public-site .block-content-startpage_wrapper > table[bgcolor="#FFFFFF"][width="100%"] > tbody > tr,
	body.public-site .block-content-startpage_wrapper > table[bgcolor="#ffffff"][width="100%"] > tbody,
	body.public-site .block-content-startpage_wrapper > table[bgcolor="#ffffff"][width="100%"] > tbody > tr,
	body.public-site .block-content-startpage_wrapper > table[align="center"][width="100%"] > tbody,
	body.public-site .block-content-startpage_wrapper > table[align="center"][width="100%"] > tbody > tr {
		display: block;
		width: 100% !important;
	}

	body.public-site .block-content-startpage_wrapper > table.catalog-grid > tbody > tr > td,
	body.public-site .block-content-startpage_wrapper > table[bgcolor="#FFFFFF"][width="100%"] > tbody > tr > td,
	body.public-site .block-content-startpage_wrapper > table[bgcolor="#ffffff"][width="100%"] > tbody > tr > td,
	body.public-site .block-content-startpage_wrapper > table[align="center"][width="100%"] > tbody > tr > td {
		display: block;
		width: 100% !important;
		padding: 0 0 16px !important;
	}

	body.public-site .block-content-startpage_wrapper > table.catalog-grid > tbody > tr > td > table,
	body.public-site .block-content-startpage_wrapper > table[bgcolor="#FFFFFF"][width="100%"] > tbody > tr > td > table,
	body.public-site .block-content-startpage_wrapper > table[bgcolor="#ffffff"][width="100%"] > tbody > tr > td > table,
	body.public-site .block-content-startpage_wrapper > table[align="center"][width="100%"] > tbody > tr > td > table {
		width: 100% !important;
		max-width: none !important;
	}

	body.public-site .block-content-startpage_wrapper > table.catalog-grid > tbody > tr > td > table td,
	body.public-site .block-content-startpage_wrapper > table[bgcolor="#FFFFFF"][width="100%"] > tbody > tr > td > table td,
	body.public-site .block-content-startpage_wrapper > table[bgcolor="#ffffff"][width="100%"] > tbody > tr > td > table td,
	body.public-site .block-content-startpage_wrapper > table[align="center"][width="100%"] > tbody > tr > td > table td {
		max-width: 100%;
	}

	body.public-site .block-content-startpage_wrapper > table.catalog-grid > tbody > tr > td > table img,
	body.public-site .block-content-startpage_wrapper > table[bgcolor="#FFFFFF"][width="100%"] > tbody > tr > td > table img,
	body.public-site .block-content-startpage_wrapper > table[bgcolor="#ffffff"][width="100%"] > tbody > tr > td > table img,
	body.public-site .block-content-startpage_wrapper > table[align="center"][width="100%"] > tbody > tr > td > table img {
		max-width: 100%;
		height: 100% !important;
	}
	
	body.public-site .block-content-startpage_wrapper table[style*="margin-left: auto"][style*="margin-right: auto"] {
		width: 100% !important;
		max-width: 100% !important;
	}

	body.public-site .block-content-startpage_wrapper table[style*="margin-left: auto"][style*="margin-right: auto"] > tbody {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 10px;
		width: 100%;
	}

	body.public-site .block-content-startpage_wrapper .color-table[style*="margin-left: auto"][style*="margin-right: auto"] > tbody {
		display: table-row-group;
	}

	body.public-site .block-content-startpage_wrapper table[style*="margin-left: auto"][style*="margin-right: auto"] > tbody > tr {
		display: contents;
	}

	body.public-site .block-content-startpage_wrapper .color-table[style*="margin-left: auto"][style*="margin-right: auto"] > tbody > tr {
		display: table-row;
	}

	body.public-site .block-content-startpage_wrapper table[style*="margin-left: auto"][style*="margin-right: auto"] > tbody > tr > td {
		display: block;
		width: auto !important;
		padding: 0 !important;
	}

	body.public-site .block-content-startpage_wrapper .color-table[style*="margin-left: auto"][style*="margin-right: auto"] > tbody > tr > td {
		display: table-cell;
		width: unset !important;
		padding: unset !important;
	}

	body.public-site .block-content-startpage_wrapper table[style*="margin-left: auto"][style*="margin-right: auto"] img {
		display: block;
		width: 100% !important;
		height: 100% !important;
	}

	body.public-site .block-content-startpage_wrapper .color-table[style*="margin-left: auto"][style*="margin-right: auto"] img {
		display: block;
		width: auto !important;
		height: 100% !important;
	}



	body.public-site .catalog-card-frame {
		max-width: 360px;
		margin: 0 auto;
	}

	body.public-site .productview-layout,
	body.public-site .productview-layout > tbody,
	body.public-site .productview-layout > tbody > tr,
	body.public-site .productview-layout > tbody > tr > td,
	body.public-site .productview-gallery,
	body.public-site .productview-gallery > tbody,
	body.public-site .productview-gallery > tbody > tr,
	body.public-site .productview-gallery > tbody > tr > td,
	body.public-site .productview-description,
	body.public-site .productview-description > tbody,
	body.public-site .productview-description > tbody > tr,
	body.public-site .productview-description > tbody > tr > td,
	body.public-site .productview-price-actions,
	body.public-site .productview-price-actions > tbody,
	body.public-site .productview-price-actions > tbody > tr,
	body.public-site .productview-price-actions > tbody > tr > td {
		display: block;
		width: 100% !important;
	}

	body.public-site .productview-layout {
		padding: 0;
	}

	body.public-site .productview-layout > tbody > tr > td {
		padding: 0 0 16px;
	}

	body.public-site .productview-main-image img {
		width: 100%;
		height: auto !important;
		max-height: none !important;
	}

	body.public-site .productview-thumbs td {
		display: inline-block;
		width: calc(50% - 8px) !important;
		padding: 4px !important;
		vertical-align: top;
	}

	body.public-site .productview-price-actions td {
		text-align: left !important;
	}

	body.public-site .cart-table {
		display: block;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}

	body.public-site input[type="text"],
	body.public-site input[type="email"],
	body.public-site input[type="tel"],
	body.public-site input[type="number"],
	body.public-site select,
	body.public-site textarea {
		width: 100%;
		max-width: 100%;
	}

	body.public-site .myButton,
	body.public-site input.button-add,
	body.public-site input.button-add_sendok {
		max-width: 100%;
	}
}

@media (max-width: 520px) {
	body.public-site .productview-thumbs td {
		width: 100% !important;
		display: block;
	}

	body.public-site .cart-table td,
	body.public-site .cart-table th {
		white-space: nowrap;
	}
}