@charset "utf-8";
:root {
	--btxt: #555;
	--bline: #ddd;
	--marbot: 20px;
	--marbotvetsi: 40px;
	--txtsize: 16px;
}

main											{font-size: 0;}
main h1											{padding: 0px 15px; font-family: 'Times New Roman', Times, serif; font-size: 25px; color: var(--btxt); margin-bottom: var(--marbot);}
main h2 										{padding: 0px; font-size: 18px; font-weight: 400; margin-bottom: var(--marbot); color: #111;}
main menu										{display: none;}

main>div										{padding: 0px; margin-bottom: var(--marbot);}
main>div>div									{margin-bottom: var(--marbot);}
main>div>div:first-of-type>img					{display: none;}
main>div>div:first-of-type>img:first-of-type	{display: block; width: 100%; height: 100%;}
main>div>div section.nahledy					{display: inline-block; width: 100%; padding: 5px 0px; text-align: left; overflow: hidden; overflow-anchor: none; white-space: nowrap;}
main>div>div section.nahledy img				{width: calc(100% / 4); height: 100%; margin: 0px 5px;}
main>div>div section.barvy						{width: 100%; padding: 0px 10px; margin-bottom: var(--marbot);}
main>div>div section.barvy svg					{width: 40px; height: auto; margin: 0px 5px; margin-bottom: 18px;}
main>div>div section.cena						{background-color: #f0f0f0; width: 100%; padding: 0px 15px;}
main>div>div section.cena>div					{display: inline-block; vertical-align: middle;}
main>div>div section.cena>div:nth-of-type(1)	{font-size: 35px; font-weight: 400; padding: 13px 0px 13px 0%; color: var(--btxt);}
main>div>div section.cena>div:nth-of-type(2)	{margin-left: 25px;}
main>div>div section.cena small					{font-size: var(--txtsize);}
main>div>div section.cena form button			{display: inline-flex; justify-content: space-between; align-items: center; column-gap: 6px; height: 32px; background-color: #d9d9d9; font-size: 16px; border-radius: 25px; border: 0;}
main>div>div section.cena form button.czk		{padding: 0px 2px 0px 12px;}
main>div>div section.cena form button.eur		{padding: 0px 12px 0px 2px;}
main>div>div section.cena form button span		{display: inline-block; width: 28px; height: 28px; border-radius: 25px; border: 0px; background-color: #fff;}
main>div>div>form button		 				{width: 100%; padding: 16px 15px; margin-bottom: var(--marbot); font-family: 'Times New Roman', Times, serif; font-size: 25px; font-weight: 400; text-decoration: none; border: 1px solid #e60b2d; color: #FFFFFF; border-radius: 0px; background-color: #e60b2d;}
main>div>div>form button svg 					{width: 23px; margin-left: 10px;}
main>div>div>form button svg path 				{fill: #fff;}
main>div>div section.dodani						{width: 100%; padding: 10px 15px; margin-bottom: var(--marbot); display: inline-flex; justify-content: center; align-items: center;}
main>div>div section.dodani	img					{display: none;}
main>div>div section.dodani	span				{font-size: var(--txtsize); font-weight: 400; color: green;}
main>div>div section.dodani span.v 				{color: #D45C5C;}
main>div>div section.hodnoceni					{width: 100%; padding: 10px 15px; margin-bottom: var(--marbot); display: inline-flex; justify-content: center; align-items: center;}
main>div>div section.hodnoceni svg				{margin-left: 10px; margin-right: 10px;}
main>div>div section.hodnoceni span				{font-size: var(--txtsize); font-weight: 400; color: var(--btxt);}
main>div>div section.hodnoceni abbr				{display: none;}
main>div>div section.specifikace				{width: 100%; padding: 20px 15px; margin-bottom: var(--marbot); border-top: 1px solid var(--bline); border-bottom: 1px solid var(--bline);}
main>div>div section.specifikace>div 			{width: 100%;}
main>div>div section.specifikace label			{display: block; text-align: left; font-size: var(--txtsize); color: var(--btxt); margin-bottom: 10px;}
main>div>div section.specifikace label b 		{font-size: inherit; font-weight: 400;}
main>div>div section.popis						{padding: 0px 15px;}
main>div>div section.popis hr 					{width: 100%; margin-bottom: var(--marbot); border-style: solid; border-width: 0px 0px 1px 0px; border-color: var(--bline);}
main>div>div section.popis p 					{margin-bottom: var(--marbot); font-size: var(--txtsize); color: var(--btxt);}
main>div>div section.popis p:last-of-type 		{margin-bottom: 0px;}
main>div>div section.popis p b 					{font-weight: 400; color: #333;}
main>div>div section.popis span 				{display: inline-block; width: 20%; margin-top: var(--marbot); margin-bottom: var(--marbotvetsi); margin-left: var(--marbotvetsi); vertical-align: top;}
main>div>div section.popis span:first-of-type	{margin-left: 0px;}
main>div>div section.popis span img 			{width: 100%; height: 100%;}
main>div>div section.popis span label			{margin-top: 15px; display: block; font-size: var(--txtsize); text-align: center; color: var(--btxt);}
main section.recenze							{padding: var(--marbot) 15px; margin-bottom: var(--marbot); background-color: #f0f0f0;}
main section.recenze figure						{display: block; margin: 0px 0px var(--marbotvetsi) 0px;}
main section.recenze figure:last-of-type		{margin-bottom: 0px;}
main section.recenze figure h3					{font-size: var(--txtsize); font-weight: 400; margin-bottom: 15px;}
main section.recenze figure svg					{margin: 15px 0px;}
main section.recenze figure span				{display: block; font-size: var(--txtsize); color: #777; margin-bottom: 15px;}
main section.recenze figure p					{font-size: var(--txtsize); overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 7; display: -webkit-box; margin-bottom: 15px;}
main section.recenze figure p b 				{font-size: inherit; font-weight: 400;}
main section.podobne							{padding: 0px 15px; margin-bottom: var(--marbotvetsi);}
main section.podobne img						{width: 50%;}