html *
{
	font-family: 'Roboto', sans-serif;
}

/*body {background:url('../img/store/bgs/18let_background_1980x1000.webp') center 10px repeat-y;}*/

body {
	
}
.mycontainer-xl-limit
{
	max-width: 1160px !important;
}

.header
{
	background-color: #ffffff;
	/*background-color: #f4f6f9;*/
	color: #4a4b54;
}

@media (min-width: 992px)
{
	.position-lg-relative
	{
		position: relative;
	}
}

.fs-20 { font-size: 20px; }

.fw-thin { font-weight: 100; }
.fw-light { font-weight: 300; }
.fw-regular { font-weight: 400; }
.fw-medium { font-weight: 500; }
.fw-bold { font-weight: 700; }
.fw-black { font-weight: 900; }


h1 { font-size: 40px; font-weight: 500; }
h2 { font-size: 33px; font-weight: 500; }
h3 { font-size: 25px; font-weight: 400; }
h4 { font-size: 20px; font-weight: 400;	}

p,ul,ol { color: #77787F; }

h1,h2,h3,h4,h5,h6 { color: #4a4b54; }

.red { color: #f74a68 !important; }

.uppercase { text-transform: uppercase; }

img.icon { max-height: 30px; }
img.icon-mobile { max-height: 24px; }
img.smallicon { max-height: 20px; }

a.mylink
{
	text-decoration: none !important;
	color: inherit !important;

}

a.mylink:hover
{
	text-decoration: none !important;
	color: inherit !important;

}

a.mylink2
{
	color: #77787f;
}

a.mylink2:hover
{
	color: #4a4b54;
}


.top-text a,
.block-text a,
.block-moretext a,
.block-longtext a,
.block-shorttext a
{
	text-decoration: underline;
	color: inherit;
	font-weight: 500;
}

.top-text a:hover,
.block-text a:hover,
.block-moretext a:hover,
.block-longtext a:hover,
.block-shorttext a:hover
{
	color: #4a4b54;
}

a.collapse-trigger,
a.longtext-switcher,
a.shorttext-switcher
{
	font-weight: 900 !important;
	font-size: 18px;
	vertical-align: middle;
	text-decoration: none;
	margin-bottom: 3px;

	padding:  .10em .35em .15em .35em;

}

a.longtext-switcher,
a.shorttext-switcher
{
	margin-left: 0.5rem;
}

.rotate
{
	writing-mode: vertical-lr;
}


#mobile-menu-switch .themark
{
	writing-mode: vertical-lr;
	font-size: 150%;
	width: 22px;
}

.darkgraybg
{
	background-color: #4a4b54;
}

.darkgraytext
{
	color: #4a4b54;
}

.lightgraybg
{
	background-color: #77787F;
}

.lightgraytext
{
	color: #77787F;
}

.wide-edit
{
	min-width: 300px;
}

#main_nav
{
	text-transform: uppercase;
}

#main_nav .action-text
{
	text-transform: none;
}

#main_nav a.level1
{
	font-weight: 500;
	font-size: 20px;
	text-transform: uppercase;
	color: #4a4b54;
	text-decoration: none;
	border-bottom: 1px solid transparent;
	line-height: 1.25;
	text-align: center;
	padding: 0;
}

#main_nav a.level1.action-item
{
	color: #f74a68;
}


#main_nav a.level1:hover,
#main_nav .active a.level1
{
	text-decoration: none;
	border-bottom: 1px solid #4a4b54;
}

#main_nav a.level1.action-item:hover,
#main_nav .active a.level1.action-item
{
	border-bottom-color: #f74a68;
}

#main_nav /*a.has-children*/ .menu-link-inner
{
	display: flex;
	justify-content: space-between;
}

/* border za kazdou polozkou: */
#main_nav li.nav-item-non-top .menu-link-inner
{
	border-bottom: 1px solid #dfe1e9;
}
/* ... krome posledni */
#main_nav li.nav-item-non-top:last-child .menu-link-inner
{
	border-bottom: none;
}

#main_nav .shrinker
{
	display: none;
}

#main_nav li.divider
{
	display: block;
	height: 1px;
	line-height: 0;
	background-color: rgba(0,0,0,.15);
}

#main_nav .dropdown-toggle::after
{
	display: none;
}

#main_nav ul.dropdown-menu
{
	padding: 0;
	border-radius: 0;
	border: 1px solid #dfe1e9;
	background-color: #f9f9f3;
}

#main_nav ul.dropdown-menu.submenu
{
	background-color: #f2f3f6;
}

/* nasledujici 2 pravidla vypinaji vysedeni na hover */
#main_nav .dropdown-item:focus,
#main_nav .dropdown-item:hover
{
	color: inherit;
	background-color: transparent;
}

#main_nav a.dropdown-item
{
	padding: 0 1rem;
}

#main_nav a.dropdown-item .menu-link-inner
{
	padding: 0.5rem 0;
}

#main_nav .dropdown-menu > li:hover
{
	background-color: transparent;
}


#main_nav .dropdown-menu a:hover
{
	color: #4a4b54;
}


#owner-menu
{
	right: 0;

	background-color: #f4f6f9;
	border-radius: 0;
	min-width: 0;
}

#user-menu,
#user-menu-mobile
{
	left: 0;

	background-color: #f4f6f9;
	border-radius: 0;
	min-width: 0;
	padding: 0.5rem;
}

@media (min-width: 992px)
{
	#owner-menu
	{
		top: 101%; /* :-) */
		right: 0;
	}

	#user-menu
	{
		top: 101%; /* :-) */
		right: 3rem;
		left: auto;
	}
}

#owner-menu .dropdown-item.active,
#owner-menu .dropdown-item:active,
#owner-menu-mobile .dropdown-item.active,
#owner-menu-mobile .dropdown-item:active
{
	color: #fff;
	text-decoration: none;
	background-color: rgba(0, 0, 0, 0.15);
}

#owner-menu img, /* vlajecka */
#owner-menu-mobile img
{
	width: 30px;
	height: auto;
}

.toplined
{
	border-top: 1px solid #dfe1e9;

}

.topmoved
{
	margin-top: -2rem;
}

.topmmoved
{
	margin-top: -1rem;
}

.topspaced
{
	  margin-top: 0.1em;
}

.title-text
{
	   margin-bottom: 2em;
}

.bottomlined
{
	border-bottom: 1px solid #dfe1e9;
}

 #main_nav .dropdown:hover > .dropdown-menu
 {
        display: block;
 }

#mainCarousel
{
	margin-bottom: 1rem;
}

#mainCarousel.with-indicators
{
	padding-bottom: 2rem;
}

#mainCarousel.no-indicators
{
	padding-bottom: 1rem;
}

#mainCarousel .carousel-indicators button {
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
	background-color: #dfe1e9;
	color: #dfe1e9;
	border: 0.25rem solid transparent;
	opacity: 1;
	margin-right: 5px;
	margin-left: 5px;
}

#mainCarousel .carousel-indicators button.active {
	border: 0.25rem solid #dfe1e9;
}

.carousel-indicators {
    /*bottom: -2rem;*/
	bottom: 0;
	/*border: 1px solid yellow;*/
	margin-bottom: 0;

	margin-left: 0px;
	margin-right: 0px;
 
}

.contentbox
{
	border: 1px solid #e9eaf0;
	padding: 1rem;
	background-color: #fafafc;
}

.product-buttons-container
{
	display: flex;
	/*justify-content: space-between;*/
	justify-content: flex-start;
	flex-wrap: wrap;
	margin: -0.5rem;
}

.product-button-inner
{
	background-color: #dfe1e9;
	border: 1px;
	border-color: #bec4d3;
	border-style: solid;
	display: flex;
	flex-direction: column;
	color: #4a4b54;
	justify-content: space-around;
	align-items: center;
	flex-shrink: 0;
	height: 120px !important;
        padding: 5px;
}

.product-button-action .product-button-inner
{
	/*background-color: #f74a68;*/
}

.product-button-nonaction .product-button-inner,
.product-button-special .product-button-inner
{
	padding-top: 0.75rem;
	padding-bottom: 0.75rem;
}
/*
.product-button-inner *
{
	line-height: 1;
}
*/
.product-button-special .product-button-inner .title
{
	line-height: 1.3;
}


.product-button
{
	padding: 0.5rem;
}

.product-button-special a.product-button-inner
{
	/*color: rgb(220, 53, 69);*/
	/* color: #4a4b54; */
        background-color: #bbdbf9;
	color: #77787f;
	border: 1px;
	border-color: #dfe1e9;
	border-style: solid;

}

.product-button-special a.product-button-inner:hover
{
	/*color: rgb(220, 53, 69);*/
	background-color: #78afdd;
	/*background-color: #4a4b54;*/
}

/* XS devices */

.product-button-square
{
	width: 50%;
}

.product-button-rectangle
{
	width: 100%;
}

img.product-image-small
{
	width: 100%;
}

img.product-image-large
{
	width: auto;
	float: right;
}

.product-description-container
{
	overflow: hidden; /* aby se natahlo podle floating obrazku ktery muze byt vyssi nez text */
}

.product-description-container p
{
	margin-bottom: 0px;
	margin-top: 0rem;
}

.product-description-container .block-text,
.product-description-container .block-longtext,
.product-description-container .block-shorttext
{
	margin-top: 2rem;
}

.product-description-container .block-moretext
{
	/*margin-top: 1rem;*/
}

.product-description-container h4
{
	margin-top: 1rem;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {

.product-button-square
{
	width: 25%;
}

.product-button-rectangle
{
	width: 50%;
}

}

.product-placement-inside-left,
.product-placement-inside-right
{
	width: 100%;
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) { }

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
	.product-button-square
	{
		width: 12.5%;
	}

	.product-button-rectangle
	{
		width: 25%;
	}

	.product-placement-inside .product-button-rectangle
	{
		width: 50%;
	}

	.product-description-container p
	{
		/*margin-top: 3rem;*/
	}

	.product-placement-inside-left,
	.product-placement-inside-right
	{
		width: 50%;
	}

p,ul,ol { font-size: 20px; font-weight: 300; color: #77787F; }
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
.mycontainer-xl-limit
{
        padding-left: 0;
        padding-right: 0;
}
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) { }


a.product-button-inner
{
	text-decoration: none;
        font-weight: 200;
        color: #77787f;
}

a.product-button-inner:hover
{
	text-decoration: none;
        color: #595a63;
        background-color: #bec4d3;
        font-weight: 500;
}

.product-button .title,
.product-button .price,
.product-button .red-price,
.product-button .more
{
	font-size: 25px;
	text-align: center;
}

.product-button .title
{

}

.product-button .info,
.product-button .red-info
{
	font-size: 15px;
	text-align: center;
	color: #77787f;
}

.product-button .old-price
{
	font-size: 20px;
	text-decoration: line-through;
	color: #77787f;
}

.product-button .red-price,
.product-button .red-info
{
	color: red;
}

.product-button.product-button-action .price,
.product-button.product-button-action .info
{
	color: #f74a68;
}

.footer
{
	color: white;
	background-color: #77787F;
	text-align: center;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	margin-top: 2rem;
}

.underfooter
{
	background-color: #f4f6f9;
	color: #77787F;
}

.footer a,
.underfooter a
{
	text-decoration: none;
	color: inherit;
}

.underfooter.desktop .underfooter-title
{
	color: #4a4b54;
}

.underfooter.desktop a:hover
{
	text-decoration: underline;
}

.underfooter.mobile
{
	padding: 0 1rem 0.5rem;
}

.underfooter.mobile a
{
	display: block;
	border-bottom: 1px solid #dfe1e9;
	padding: 0.5rem;
}

.underfooter.mobile a:last-child
{
	border-bottom: none;
}



#mobile-menu
{
	left:0;
	right:0;

	border-radius: 0;
	border: 1px solid #dfe1e9;
	/*background-color: #f9f9f3;*/

	text-transform: uppercase;

	padding: 0;
}

#mobile-menu a
{
	text-decoration: none;
	color: inherit;
}


#mobile-menu ul
{
	list-style-type: none;
	margin: 0;
	padding: 0.0.5rem;
	display: none;

	background-color: #f4f6f9;
}

#mobile-menu li
{
	padding: 0.5rem 0;
	border-bottom: 1px solid #dfe1e9;
}

#mobile-menu li:last-child
{
	border-bottom: none;
}

#mobile-menu li.open
{
	border-bottom: none;
	padding-bottom: 0;
}

#mobile-menu li:last-child.open
{
	padding-bottom: 0.5rem;
}


#mobile-menu li>a:hover,
#mobile-menu li.open>a
{
	font-weight: 500;
}

#mobile-menu ul.level1
{
	display: block;
	background-color: #f9f9f3;
}

#mobile-menu .child-arrow
{
	float: right;
}


#mobile-menu ul.level2
{
	border-radius: 0;
	border: 1px solid #dfe1e9;
	margin-top: 0.5rem;
}

#cookiesMsg
{
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
}

.product-card
{
    background-color: transparent;
    border-radius: 0;
}

.product-card:hover
{
    background-color: #dee1e8;
}

.product-card img.nohover
{
    display: block;
}

.product-card img.hover
{
    display: none;
}

.product-card:hover img.nohover
{
    display: none;
}

.product-card:hover img.hover
{
    display: block;
}

@media (max-width: 575.98px)
{
	.product-card h3.card-title
	{
		font-size: 20px;
	}

	.product-card
	{
		overflow: hidden;
	}

	.product-card img
	{
		width: 125%;
		height: auto;

	}
p,ul,ol {font-weight: 300; color: #77787F; }
}

.w-20
{
	width: 20% !important;
}

#mobile-menu .action-item
{
	float: right;
}


.product-image-carousel-container
{
	width: 100%;
}

.product-image-carousel-container img.product-image-large
{
	height: 10rem;
	width: 100%;
	object-fit: contain;
}


@media (min-width: 992px)
{
	.product-image-carousel-container
	{
		width: 50%;
		float: right;
	}

	.product-image-carousel-container img.product-image-large
	{
		height: 20rem;
		width: 100%;
		object-fit: contain;
	}
}

.box-carousel
{
	padding-bottom: 2rem;
	margin-bottom: 0.5rem;
}

.carousel-indicators.product-carousel-indicators button
{
	width: 0.5rem;
	height: 0.5rem;
	border-radius: 50%;
	background-color: #dfe1e9;
	color: #dfe1e9;
	border: 0.25rem solid transparent;
	opacity: 1;
	margin-right: 5px;
	margin-left: 5px;
}

.product-carousel-indicators button.active
{
	border: 0.25rem solid #dfe1e9;
}

.block-shorttext p
{
	margin-bottom: 0;
}

.user-text-mobile
{
	font-size: 0.8rem;
}

.switchmark-mobile{
	line-height: 20px;
}

#owner-menu-mobile {
	right: 1rem;
	background-color: #f4f6f9;
	border-radius: 0;
	min-width: 0;

	top: 101%; /* :-) */
}


.custom-selects-wrapper {
  width: 460px; /* Šířka podle obsahu */
}

.custom-selects {
  display: flex;
  justify-content: space-between;
  width: 100%;
  text-align: left;
  background-color: #fff; /* Bílé pozadí */
  border: 1px solid #e9eaf0;
  font-size: 20px;
  color: #4a4b54;
  font-weight: 400;
}

.custom-selects .d-flex > span {
  flex: 1; /* Každý sloupec zabírá stejné množství prostoru */
  text-align: left; /* Text je zarovnán vlevo */
  margin-right: 130px; /* Odsazení mezi sloupci, stejně jako v seznamu */
}

.custom-selects .d-flex > span:last-child {
  margin-right: -5px; /* Poslední sloupec nemá odsazení na pravé straně */
}

.custom-selects:hover {
    color: #4a4b54; /* Barva textu */
}


.my-dropdown-item {
  display: flex;
  justify-content: start;
  color: #4a4b54; /* Barva textu */
  font-size: 20px;
  font-weight: 300; 
}

.my-dropdown-item > span {
  flex: 1;
  text-align: left;
  margin-right: 55px; /* Zmenšení mezery mezi sloupci */
}

.my-dropdown-item > span:last-child {
  margin-right: 20px; /* Odebrání mezer na konci pro poslední sloupec */
}

.my-dropdown-item:hover, .my-dropdown-item.active {
  background-color: #dfe1e9; /* Zvýraznění aktivní položky */
  font-weight: 400;
}

.dimension .price { color: #4a4b54;; 
margin-right: 110px;
}
.sale-price {
margin-right: 0; 
}

.red {
	color: #f74068;
}

.dropdown-toggle::after {
    display: none; /* Skryje výchozí šipku */
}


.divider {
  border-left: 1px solid #ced4da; 
  margin-left: 5px; /* Odsazení od textu */
  height: 100%;
}

.arrow {
  margin-left: 5px; /* Malé odsazení od oddělovací čáry */
  display: flex;
  align-items: center; /* Zarovnání šipky vertikálně */
}

.btn.dropdown-toggle.custom-selects, .dropdown-menu {
  border-radius: 0 !important; /* Odstraní veškeré zaoblení */
}

.dropdown-menu .my-dropdown-item {
  border-radius: 0 !important; /* Odstraní zaoblení na položkách menu */
}

.dropdown-menu > .dropdown-item.active, .dropdown-menu > .dropdown-item:active {
  border-radius: 0 !important;
}

.custom-border {
  position: relative; /* Umožní absolutní pozicování uvnitř */
  /* Další styly pro váš element */
}

.custom-border::after {
  content: ''; /* Nutné pro zobrazení pseudoelementu */
  position: absolute;
  left: 5px; /* Odsazení od levého kraje */
  right: 5px; /* Odsazení od pravého kraje */
  bottom: 0; /* Umístění na spodním okraji rodiče */
  border-bottom: 1px solid #ced4da; /* Styl pro oddělovací čáru */
}

.label-flex-container {
  display: flex;
  justify-content: space-between; 
  align-items: center;
  color: #77787F;
  font-weight: 300;
  font-size: 20px; 
}

.label-dimension, .label-price {
  margin-right: 120px; /* Přidává mezery mezi texty */
}

.label-sale-price {
  margin-right: 110px; /* Přidává mezery mezi texty */
  padding-left: 25px; /* Přidává mezery mezi texty */

}


.quantity-selector {
  text-align: center; /* Centruje label */
  margin: 2px 0; /* Přidává místo nad a pod selektorem */
}

.quantity-selector label {
  display: block; /* Zajišťuje, že label bude nad inputem */
  font-size: 20px; /* Velikost písma labelu */
  color: #77787F;
  font-weight: 300;
}

.quantity-selector input[type="text"] {
  width: 50px; /* Šířka inputu */
  padding: 5px; /* Vnitřní odsazení inputu */
  border: 1px solid #ced4da; /* Barva rámečku */
  text-align: center; /* Text v inputu je vycentrovaný */
  font-size: 19px; /* Velikost písma v inputu */
}

/* Styly pro změnu vzhledu při focusu */
.quantity-selector input[type="text"]:focus {
  outline: none; /* Odebere výchozí outline */
}

.quantity-selector a {
  text-decoration: none; /* Odstraní podtržení */
  color: #77787f; /* Nastaví barvu textu */
  margin: 0 5px; /* Přidává místo okolo odkazů */
  cursor: pointer; /* Změní kurzor na ukazatel */
  font-size: 25px;
}

.quantity-selector a:hover {
  text-decoration: underline; /* Přidá podtržení při najetí myší */
}

.my-button {
   width:100%; 
   height: 60px !important; 
   margin-top:20px;
   font-size: 25px;
}

@media (max-width: 767px) {
  .custom-selects-wrapper {
    width: 100%; 
    max-width: 100vw;
    box-sizing: border-box;
  }

.custom-selects .d-flex > span {
  flex: 1; 
  text-align: left;
  margin-right: 35px;
}

.my-dropdown-item > span {
  flex: 1;
  text-align: left;
  margin-right: 10px; 
}

.label-dimension, .label-price, .label-sale-price {
  margin-right: 35px; 
}

.my-button {
   width:100%; 
   margin-top:5px;
}

}

/* jednoduchý overlay stickeru */
.sticker-stage { position: relative; display: inline-block; } /* obal okolo img, když není cover-wrapper */
.sticker-badge { position: absolute; z-index: 5; pointer-events: none; }
.sticker--tr { top: -.5rem; right: .3rem; }
.sticker--tl { top: .5rem; left:  .5rem; }
.sticker--br { bottom: .5rem; right: .5rem; }
.sticker--bl { bottom: .5rem; left:  .5rem; }

@media (max-width: 576px) {
  .sticker-badge { width: 80px !important; }
}

@media (min-width: 577px) {
  .sticker-badge { width: 120px !important; }
}