body {
    	font-family: Arial, sans-serif;
    	background: #1e1e1e;
    	color: #fff;
    	margin: 0;
	padding-top: 80px;
  	padding-bottom: 80px;
}

/* --- Horní bar --- */
.topBlock {
    	background-color: #333;
    	padding: 10px 20px;
    	display: flex;
    	justify-content: space-between;
    	align-items: center;
    	position: fixed;
    	top: 0;
    	width: 100%;
    	z-index: 1000;
    	box-shadow: 0 2px 8px rgba(0,0,0,0.5);
    	border-bottom: 2px solid #444;
}
.pageTitle { font-size: 20px; font-weight: bold; }
.topRight a, .topRight select {
    	display: inline-block;
    	margin-left: 10px;
    	padding: 5px 10px;
    	background: #555;
    	color: #fff;
    	border-radius: 4px;
    	text-decoration: none;
    	transition: all 0.2s;
    	border: none;
    	cursor: pointer;
}
.topRight a:hover { background: #ffd700; color: #000; }
.topRight select { background: #555; color: #fff; }



/* ===== SIDE MENU ===== */
.sideMenu {
    position: fixed;
    top: 50px;
    left: 0;
    width: 220px;
    height: calc(100vh - 50px);
    padding: 10px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    background: rgba(0,0,0,0.4);
    z-index: 900;
}

.topBtn {
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #333;
    border: 1px solid #555;
    color: #fff;
    text-decoration: none;
    transition: 0.2s;
}

.topBtn:hover {
    background: #888;
    color: #000;
}




/* --- Hlavní sekce --- */
main {
    	padding: 20px;
    	max-width: 1000px;
    	margin: 0 auto;
}

/* --- Plány --- */
.plans {
    	display: flex;
    	gap: 20px;
    	flex-wrap: wrap;
    	justify-content: center;
}
.plan {
    	background: #2e2e2e;
   	padding: 20px;
    	border-radius: 8px;
    	border: 1px solid #555;
    	width: 220px;
    	text-align: center;
}
.plan h3 { font-size: 20px; margin-bottom: 10px; }
.plan .storage { font-size: 16px; margin-bottom: 15px; font-weight: bold; }
.plan .features {
    	display: flex;
    	flex-direction: column;
    	gap: 5px;
    	text-align: left;
}
.plan .features div {
    	background: #1e1e1e;
    	padding: 5px 10px;
    	border-radius: 4px;
    	border: 1px solid #444;
}

/* --- Back button --- */
.bottomListItem {
  	background-color: #333;
  	text-align: center;
  	padding: 15px;
  	cursor: pointer;
  	position: fixed;
  	bottom: 0;
  	left: 0;
  	right: 0;
  	transition: 0.8s;
  	z-index: 1000; /* Ujistěte se, že tlačítko bude nad blokem s filmy */
}
.bottomListItem:hover {
  	background-color: #555;
}
.bottomListText {
  	color: #fff;
  	text-decoration: none;
  	transition: color 0.3s;
}
.bottomListItem:hover .bottomListText {
  	color: #fff;
}